{"version":3,"sources":["webpack:///./src/components/page/Profile.vue?1376","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/components/page/Profile.vue?ccdb","webpack:///src/components/page/Profile.vue","webpack:///./src/components/page/Profile.vue?82e3","webpack:///./src/components/page/Profile.vue"],"names":["userAxios","axios","create","headers","common","data","request","user","created","this","defaults","baseURL","process","$store","getters","user_id","token","auth","setHeader","methods","key","value","logout","post","then","commit","$router","replace","catch","err","undefined","response","detail","toast","message","render","_vm","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","email","kakao_id","naver_id","google_id","facebook_id","attrs","_e","_l","form","idx","label","_b","cardInfo","on","$event","vUserBill","clickUpdate","routerPush","onCloseBilling","staticRenderFns","component"],"mappings":"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","file":"js/chunk-7942f31e.5f0b116d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&id=69729ed9&lang=stylus&scoped=true&\"","import axios from 'axios'\r\n\r\nconst userAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        user: userAxios,\r\n      },\r\n    };\r\n  },\r\n\r\n\r\n  created() {\r\n    // Admin base URL 설정.\r\n    this.request.user.defaults.baseURL = `${process.env.VUE_APP_MASTER_BACKEND_URL}/user/${this.$store.getters.user.user_id}`;\r\n\r\n    // 인증 설정.\r\n    if (this.$store.getters.user.token !== '') {\r\n      const auth = 'Token ' + this.$store.getters.user.token;\r\n      this.setHeader(this.request.user, 'Authorization', auth);\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    setHeader(request, key, value) {\r\n      request.defaults.headers.common[key] = value;\r\n    },\r\n    // 로그아웃\r\n    async logout() {\r\n      await this.request.user.post(`${process.env.VUE_APP_MASTER_BACKEND_URL}/auth/user/logout`)\r\n        .then(() => {\r\n          this.$store.commit('logout');\r\n          delete this.request.user.defaults.headers.common['Authorization'];\r\n          this.$router.replace('home');\r\n        }).catch(err => {\r\n          if(err.response.data.detail === undefined)\r\n            this.toast(err.response.data.message);\r\n          else\r\n            this.toast(err.response.data.detail);\r\n        });\r\n    }\r\n  }\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc container\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding\":\"40px 0 28px 0\"}},[_vm._v(\"내 정보 수정\")]),_c('div',{staticClass:\"panel-container\"},[_c('div',{staticClass:\"grid\"},[_c('div',{staticClass:\"subtitle5 main\",staticStyle:{\"line-height\":\"48px\"}},[_vm._v(\"이메일\")]),_c('div',{staticClass:\"body3 main\",staticStyle:{\"line-height\":\"48px\"}},[_vm._v(_vm._s(_vm.user.email))])]),(_vm.user.kakao_id || _vm.user.naver_id || _vm.user.google_id || _vm.user.facebook_id)?_c('div',{staticClass:\"grid\"},[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(\"연동된 SNS 계정\")]),_c('div',{staticClass:\"sns flex-align\",staticStyle:{\"gap\":\"12px\"}},[(_vm.user.kakao_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_kakao_circle.svg\"}}):_vm._e(),(_vm.user.naver_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_naver_circle.svg\"}}):_vm._e(),(_vm.user.facebook_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_facebook_circle.svg\"}}):_vm._e(),(_vm.user.google_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_google_circle.svg\"}}):_vm._e()])]):_vm._e(),_vm._l((_vm.formData),function(form,idx){return _c('div',{key:'form-'+idx,staticClass:\"grid\"},[_c('div',{staticClass:\"subtitle5 main\",staticStyle:{\"line-height\":\"48px\"}},[_vm._v(_vm._s(form.label))]),_c('lp-text',_vm._b({key:'form-text-'+idx},'lp-text',form,false,true))],1)}),_c('div',{staticClass:\"grid\"},[_c('div',{staticClass:\"subtitle5 main\",staticStyle:{\"line-height\":\"48px\"}},[_vm._v(\"등록된 카드정보\")]),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body3 main\"},[_vm._v(_vm._s(_vm.cardInfo))]),_c('button',{staticClass:\"button is-gray\",staticStyle:{\"width\":\"95px\",\"height\":\"36px\"},on:{\"click\":function($event){_vm.vUserBill=true}}},[_vm._v(\"카드 관리\")])])])],2),_c('div',{staticStyle:{\"width\":\"100%\",\"text-align\":\"center\",\"margin-top\":\"56px\"}},[_c('button',{staticClass:\"button is-primary\",staticStyle:{\"width\":\"242px\"},on:{\"click\":_vm.clickUpdate}},[_vm._v(\"수정\")]),_c('div',{staticClass:\"size-12 sub2 unselect\",staticStyle:{\"text-decoration\":\"underline\",\"margin-top\":\"16px\"},on:{\"click\":function($event){return _vm.routerPush('password')}}},[_vm._v(\"비밀번호 변경하기 \")])])]),_c('div',{staticClass:\"mobile container\"},[_c('div',{staticClass:\"h7 main\",staticStyle:{\"padding\":\"24px 0 16px 0\"}},[_vm._v(\"내 정보 수정\")]),_c('div',{staticClass:\"panel-container\"},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"subtitle7 main margin-bottom-8\"},[_vm._v(\"이메일\")]),_c('div',{staticClass:\"body4 main\"},[_vm._v(_vm._s(_vm.user.email))]),_c('div',{staticClass:\"divider\"}),(_vm.user.kakao_id || _vm.user.naver_id || _vm.user.google_id || _vm.user.facebook_id)?_c('div',[_c('div',{staticClass:\"subtitle7 main margin-bottom-8\"},[_vm._v(\"연동된 SNS 계정\")]),_c('div',{staticClass:\"sns flex-align\",staticStyle:{\"gap\":\"12px\"}},[(_vm.user.kakao_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_kakao_circle.svg\"}}):_vm._e(),(_vm.user.naver_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_naver_circle.svg\"}}):_vm._e(),(_vm.user.facebook_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_facebook_circle.svg\"}}):_vm._e(),(_vm.user.google_id)?_c('img',{attrs:{\"src\":\"/static/icon/ic_google_circle.svg\"}}):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"divider\"}),_vm._l((_vm.formData),function(form,idx){return _c('div',{key:'form-'+idx},[_c('div',{staticClass:\"subtitle7 main\",staticStyle:{\"margin-bottom\":\"8px\"}},[_vm._v(_vm._s(form.label)+\" \")]),_c('lp-text',_vm._b({key:'form-text-'+idx,staticStyle:{\"margin-bottom\":\"12px\"}},'lp-text',form,false,true)),_c('div',{staticClass:\"divider\"})],1)}),_c('div',{staticClass:\"subtitle7 main\",staticStyle:{\"margin-bottom\":\"8px\"}},[_vm._v(\"등록된 카드정보\")]),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4 main\"},[_vm._v(_vm._s(_vm.cardInfo))]),_c('button',{staticClass:\"button is-gray body4-medium\",staticStyle:{\"width\":\"95px\",\"height\":\"36px\"},on:{\"click\":function($event){_vm.vUserBill=true}}},[_vm._v(\"카드 관리\")])])],2),_c('div',{staticStyle:{\"width\":\"100%\",\"text-align\":\"center\",\"margin-top\":\"32px\"}},[_c('button',{staticClass:\"button is-primary body4-medium\",staticStyle:{\"height\":\"48px\",\"width\":\"100%\"},on:{\"click\":_vm.clickUpdate}},[_vm._v(\"수정\")]),_c('div',{staticClass:\"size-12 sub2 unselect\",staticStyle:{\"text-decoration\":\"underline\",\"margin-top\":\"16px\"},on:{\"click\":function($event){return _vm.routerPush('password')}}},[_vm._v(\"비밀번호 변경하기 \")])])])]),(_vm.vUserBill)?_c('user-billing-modal',{on:{\"close\":_vm.onCloseBilling}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- pc -->\r\n    <div class=\"pc container\">\r\n      <div class=\"h5 main\" style=\"padding:40px 0 28px 0\">내 정보 수정</div>\r\n      <div class=\"panel-container\">\r\n        <div class=\"grid\" >\r\n          <div class=\"subtitle5 main\" style=\"line-height: 48px\">이메일</div>\r\n          <div class=\"body3 main\" style=\"line-height: 48px\">{{ user.email }}</div>\r\n        </div>\r\n        <div v-if=\"user.kakao_id || user.naver_id || user.google_id || user.facebook_id\"\r\n             class=\"grid\">\r\n          <div class=\"subtitle5 main\">연동된 SNS 계정</div>\r\n          <div class=\"sns flex-align\" style=\"gap:12px\">\r\n            <img v-if=\"user.kakao_id\" src=\"/static/icon/ic_kakao_circle.svg\">\r\n            <img v-if=\"user.naver_id\" src=\"/static/icon/ic_naver_circle.svg\">\r\n            <img v-if=\"user.facebook_id\" src=\"/static/icon/ic_facebook_circle.svg\">\r\n            <img v-if=\"user.google_id\" src=\"/static/icon/ic_google_circle.svg\">\r\n          </div>\r\n        </div>\r\n        <div class=\"grid\" v-for=\"(form,idx) in formData\" :key=\"'form-'+idx\">\r\n          <div class=\"subtitle5 main\" style=\"line-height: 48px\">{{ form.label }}</div>\r\n          <lp-text :key=\"'form-text-'+idx\" v-bind.sync=\"form\"></lp-text>\r\n        </div>\r\n        <div class=\"grid\">\r\n          <div class=\"subtitle5 main\" style=\"line-height: 48px\">등록된 카드정보</div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body3 main\">{{ cardInfo }}</div>\r\n            <button class=\"button is-gray\" style=\"width:95px;height:36px\" @click=\"vUserBill=true\">카드 관리</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div style=\"width:100%;text-align: center;margin-top:56px\">\r\n        <button class=\"button is-primary\" style=\"width:242px\" @click=\"clickUpdate\">수정</button>\r\n        <div class=\"size-12 sub2 unselect\" @click=\"routerPush('password')\"\r\n             style=\"text-decoration:underline;margin-top:16px\">비밀번호 변경하기\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- mobile -->\r\n    <div class=\"mobile container\">\r\n      <div class=\"h7 main\" style=\"padding:24px 0 16px 0\">내 정보 수정</div>\r\n      <div class=\"panel-container\">\r\n        <div style=\"width:100%\">\r\n          <div class=\"subtitle7 main margin-bottom-8\">이메일</div>\r\n          <div class=\"body4 main\">{{ user.email }}</div>\r\n          <div class=\"divider\"></div>\r\n          <div v-if=\"user.kakao_id || user.naver_id || user.google_id || user.facebook_id\">\r\n            <div class=\"subtitle7 main margin-bottom-8\">연동된 SNS 계정</div>\r\n            <div class=\"sns flex-align\" style=\"gap:12px\">\r\n              <img v-if=\"user.kakao_id\" src=\"/static/icon/ic_kakao_circle.svg\">\r\n              <img v-if=\"user.naver_id\" src=\"/static/icon/ic_naver_circle.svg\">\r\n              <img v-if=\"user.facebook_id\" src=\"/static/icon/ic_facebook_circle.svg\">\r\n              <img v-if=\"user.google_id\" src=\"/static/icon/ic_google_circle.svg\">\r\n            </div>\r\n          </div>\r\n          <div class=\"divider\"></div>\r\n          <div v-for=\"(form,idx) in formData\" :key=\"'form-'+idx\">\r\n            <div class=\"subtitle7 main\" style=\"margin-bottom:8px\">{{ form.label }}\r\n            </div>\r\n            <lp-text style=\"margin-bottom:12px\" :key=\"'form-text-'+idx\" v-bind.sync=\"form\"></lp-text>\r\n            <div class=\"divider\"></div>\r\n          </div>\r\n          <div class=\"subtitle7 main\" style=\"margin-bottom:8px\">등록된 카드정보</div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body4 main\">{{ cardInfo }}</div>\r\n            <button class=\"button is-gray body4-medium\" style=\"width:95px;height:36px\" @click=\"vUserBill=true\">카드 관리</button>\r\n          </div>\r\n        </div>\r\n        <div style=\"width:100%;text-align: center;margin-top:32px\">\r\n          <button class=\"button is-primary body4-medium\" style=\"height:48px;width:100%\" @click=\"clickUpdate\">수정</button>\r\n          <div class=\"size-12 sub2 unselect\" @click=\"routerPush('password')\"\r\n               style=\"text-decoration:underline;margin-top:16px\">비밀번호 변경하기\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <user-billing-modal v-if=\"vUserBill\" @close=\"onCloseBilling\"></user-billing-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import LpText from \"../component/LpText\";\r\n  import FormMixin from \"../../mixins/FormMixin\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  import UserBillingModal from \"../modal/UserBillingModal\";\r\n\r\n  export default {\r\n    name: \"Profile\",\r\n    components: {UserBillingModal, LpText},\r\n    mixins: [\r\n      FormMixin,\r\n      UserAPIMixin\r\n    ],\r\n    created() {\r\n      this.init();\r\n    },\r\n    data() {\r\n      return {\r\n        vUserBill: false,\r\n        formData: [\r\n          {\r\n            component_name: 'lp-text',\r\n            type: 'text',\r\n            label: '이름',\r\n            placeholder: '이름을 입력해주세요',\r\n            field: 'name',\r\n            value: '',\r\n            maxLength: 20,\r\n            validate: {\r\n              num: true,\r\n              alpha_g: true,\r\n              alpha_s: true,\r\n              special: true,\r\n              max_length: 20,\r\n              min_length: 1,\r\n              valid_required: true,\r\n              required: true\r\n            },\r\n            errorMsg: ''\r\n          },\r\n          {\r\n            component_name: 'lp-text',\r\n            label: '휴대폰번호',\r\n            placeholder: '휴대폰번호를 입력해주세요',\r\n            type: 'phone',\r\n            field: 'phone',\r\n            value: '',\r\n            maxLength: 13,\r\n            errorMsg: '',\r\n            validate: {\r\n              valid_required: true\r\n            }\r\n          },\r\n          {\r\n            component_name: 'lp-text',\r\n            label: '현재 비밀번호',\r\n            placeholder: '비밀번호를 입력해주세요',\r\n            type: 'password',\r\n            field: 'password',\r\n            value: '',\r\n            maxLength: 128,\r\n            validate: {\r\n              valid_required: true\r\n            },\r\n            errorMsg: ''\r\n          },\r\n        ],\r\n        cardInfo: ''\r\n      }\r\n    },\r\n    methods: {\r\n      onCloseBilling() {\r\n        this.vUserBill=false;\r\n        this.setCardInfo();\r\n      },\r\n      init() {\r\n        this.formData[0].value = this.user.name;\r\n        this.formData[1].value = this.user.phone;\r\n        if(this.user.username.indexOf('$')>-1) {\r\n          this.formData = this.formData.filter(i => i.field !== 'password');\r\n        }\r\n        this.setCardInfo();\r\n      },\r\n      setCardInfo() {\r\n        this.request.user.get('launchpack/card_bill').then(res => {\r\n          let name = '등록된 카드가 없습니다';\r\n          if (res.data.length > 0) {\r\n            let card = res.data[0];\r\n            name = `${card.card_name} ${card.num}`;\r\n            if (res.data.length > 1) {\r\n              name += `외 ${res.data.length - 1}건`;\r\n            }\r\n          }\r\n\r\n          this.cardInfo = name;\r\n        });\r\n      },\r\n      clickUpdate() {\r\n        let params = this.getParamData(this.formData);\r\n        if (!params.enable) {\r\n          return;\r\n        }\r\n        if(this.user.username.indexOf('$')>-1) {\r\n          this.request.user.patch('', params.params).then((res) => {\r\n            this.$store.commit('setUser', res.data.user);\r\n            this.setAuthHeader();\r\n            this.toast('수정되었습니다.');\r\n            this.routerPush('my_service');\r\n          });\r\n        } else {\r\n          this.$axios.post('auth/user/login', {\r\n            username: this.user.username,\r\n            password: params.params.password\r\n          }).then(() => {\r\n            this.request.user.patch('', params.params).then((res) => {\r\n              this.$store.commit('setUser', res.data.user);\r\n              this.setAuthHeader();\r\n              this.toast('수정되었습니다.');\r\n              this.routerPush('my_service');\r\n            });\r\n          }).catch(() => {\r\n            this.toast('비밀번호가 맞지 않습니다.');\r\n          });\r\n        }\r\n      },\r\n\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .panel-container\r\n    display flex\r\n    justify-content center\r\n    flex-wrap wrap\r\n\r\n  .grid\r\n    grid-template-columns 172px 1fr\r\n    grid-gap 16px\r\n    width 100%\r\n    border-bottom 1px solid $gray2\r\n    padding-bottom 16px\r\n    margin-bottom 16px\r\n\r\n  .box-event\r\n    margin-top 8px\r\n    background-color $subcolor50\r\n    padding 10px 12px\r\n    gap 8px\r\n    .tag\r\n      background-color black\r\n      color white\r\n      font-size 12px\r\n      padding 2px 4px\r\n\r\n  .pc\r\n    .box-event\r\n      display flex\r\n\r\n  .divider\r\n    border-bottom 1px solid $gray2\r\n    padding-bottom 16px\r\n    margin-bottom 16px\r\n\r\n  .sns\r\n    img\r\n      width 24px\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!./Profile.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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=69729ed9&scoped=true&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Profile.vue?vue&type=style&index=0&id=69729ed9&lang=stylus&scoped=true&\"\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  \"69729ed9\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}