{"version":3,"sources":["webpack:///./src/components/modal/ProductInquiryModal.vue?2c7b","webpack:///src/components/modal/ProductInquiryModal.vue","webpack:///./src/components/modal/ProductInquiryModal.vue?8de6","webpack:///./src/components/modal/ProductInquiryModal.vue","webpack:///./src/components/module/LpCheckBool.vue?fed0","webpack:///src/components/module/LpCheckBool.vue","webpack:///./src/components/module/LpCheckBool.vue?d336","webpack:///./src/components/module/LpCheckBool.vue?1047","webpack:///./src/components/module/LpCheckBool.vue?cf7c","webpack:///./src/components/modal/ProductInquiryModal.vue?487d","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/components/modal/ProductInquiryModal.vue?d306","webpack:///./src/mixins/ServiceAdminAPIMixin.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","_v","on","close","directives","name","rawName","value","expression","domProps","$event","target","composing","$set","e","question_content","staticStyle","is_secret","answer_email","isLogin","_e","phone","autoHyphenPhone","email","agree","fontSize","color","saveData","_s","inquiryId","staticRenderFns","component","class","isChecked","style","stopPropagation","preventDefault","clickCheck","label","userAxios","axios","create","headers","common","data","request","user","created","defaults","baseURL","process","$store","getters","user_id","token","auth","setHeader","interceptors","response","use","error","status","logout","Promise","reject","methods","key","post","then","commit","$router","replace","catch","err","undefined","detail","toast","message","adminAxios","serviceAdmin","setAuth","backendUrl","admin","id","Authorization"],"mappings":"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","file":"js/chunk-dfb4b5fa.bdc56996.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product-inquiry-reg-modal\"},[_c('sweet-modal',{ref:\"modal\",attrs:{\"overlay-theme\":\"dark\",\"hide-close-button\":true}},[_c('div',{staticClass:\"modal-title h6 main padding-bottom-20\"},[_vm._v(\"상품 문의\")]),_c('div',{staticClass:\"modal-header\"},[_c('div',{staticClass:\"size-16 weight-500 sub2\"},[_vm._v(\"문의하기\")]),_c('i',{staticClass:\"material-icons unselect btn-close\",on:{\"click\":_vm.close}},[_vm._v(\"close\")])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"문의내용\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.question_content),expression:\"value.question_content\"}],staticClass:\"textarea margin-bottom-16\",attrs:{\"placeholder\":\"궁금하신 사항을 간단히 작성해주세요.\\n담당자가 확인 후 연락드리겠습니다.\"},domProps:{\"value\":(_vm.value.question_content)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"question_content\", $event.target.value)},function (e) { return _vm.question_content = e.target.value; }]}}),_c('div',{staticClass:\"flex-align margin-bottom-24\",staticStyle:{\"gap\":\"28px\"}},[_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.value.is_secret,\"label\":\"비밀글\"},on:{\"update:checkedVal\":function($event){return _vm.$set(_vm.value, \"is_secret\", $event)},\"update:checked-val\":function($event){return _vm.$set(_vm.value, \"is_secret\", $event)}}}),_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.value.answer_email,\"label\":\"이메일로 답변 받기\"},on:{\"update:checkedVal\":function($event){return _vm.$set(_vm.value, \"answer_email\", $event)},\"update:checked-val\":function($event){return _vm.$set(_vm.value, \"answer_email\", $event)}}})],1),(!_vm.isLogin)?[_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"grid-form\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"성함\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.name),expression:\"value.name\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.name)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"name\", $event.target.value)},function (e) { return _vm.value.name = e.target.value; }]}})]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"연락처\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.phone),expression:\"value.phone\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.phone)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"phone\", $event.target.value)},function (e) { return _vm.value.phone = _vm.autoHyphenPhone(e.target.value); }]}})]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"이메일\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.email),expression:\"value.email\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.email)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"email\", $event.target.value)},function (e) { return _vm.value.email = e.target.value; }]}})])]),_c('div',{staticClass:\"flex-align check-pc\"},[_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.agree,\"label\":\"이용약관 및 개인정보처리방침에 동의하기\"},on:{\"update:checkedVal\":function($event){_vm.agree=$event},\"update:checked-val\":function($event){_vm.agree=$event}}}),_c('div',{staticClass:\"size-14 primary\"},[_vm._v(\"(필수)\")]),_c('a',{staticClass:\"sub3 size-14 text-underline margin-left-8 unselect\",attrs:{\"href\":\"privacy\",\"target\":\"_blank\"}},[_vm._v(\"약관보기\")])],1),_c('div',{staticClass:\"flex-align check-mobile\"},[_c('lp-check-bool',{staticStyle:{\"width\":\"fit-content\"},attrs:{\"checkedVal\":_vm.agree,\"label\":\"이용약관 및 개인정보처리방침에 동의하기\",\"labelStyle\":{fontSize: '12px', color: '#555'}},on:{\"update:checkedVal\":function($event){_vm.agree=$event},\"update:checked-val\":function($event){_vm.agree=$event}}}),_c('span',{staticClass:\"size-12 primary\"},[_vm._v(\"(필수)\")]),_c('a',{staticClass:\"sub3 size-12 text-underline margin-left-8 unselect\",attrs:{\"href\":\"privacy\",\"target\":\"_blank\"}},[_vm._v(\"약관보기\")])],1)]:_vm._e(),_c('div',{staticClass:\"flex-between body2-medium\",staticStyle:{\"margin-top\":\"40px\"}},[_c('button',{staticClass:\"button\",staticStyle:{\"width\":\"50%\",\"height\":\"48px\"},on:{\"click\":_vm.close}},[_vm._v(\"취소\")]),_c('button',{staticClass:\"button is-primary margin-left-16\",staticStyle:{\"width\":\"50%\",\"height\":\"48px\"},on:{\"click\":_vm.saveData}},[_vm._v(_vm._s(_vm.inquiryId ? '수정완료' : '등록하기'))])])],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"product-inquiry-reg-modal\">\r\n    <sweet-modal overlay-theme=\"dark\" ref=\"modal\"\r\n                 :hide-close-button=\"true\">\r\n      <div class=\"modal-title h6 main padding-bottom-20\">상품 문의</div>\r\n      <div class=\"modal-header\">\r\n        <div class=\"size-16 weight-500 sub2\">문의하기</div>\r\n        <i class=\"material-icons unselect btn-close\" @click=\"close\">close</i>\r\n      </div>\r\n\r\n      <div class=\"content\">\r\n        <div class=\"label\">문의내용</div>\r\n        <textarea class=\"textarea margin-bottom-16\"\r\n                  placeholder=\"궁금하신 사항을 간단히 작성해주세요.\r\n담당자가 확인 후 연락드리겠습니다.\"\r\n                  v-model=\"value.question_content\" @input=\"e => question_content = e.target.value\"></textarea>\r\n\r\n        <div class=\"flex-align margin-bottom-24\" style=\"gap:28px\">\r\n          <lp-check-bool :checkedVal.sync=\"value.is_secret\" label=\"비밀글\"></lp-check-bool>\r\n          <lp-check-bool :checkedVal.sync=\"value.answer_email\" label=\"이메일로 답변 받기\"></lp-check-bool>\r\n        </div>\r\n        <template v-if=\"!isLogin\">\r\n          <div class=\"divider\"></div>\r\n          <div class=\"grid-form\">\r\n            <div class=\"item\">\r\n              <div class=\"label\">성함</div>\r\n              <input type=\"text\" class=\"input\" v-model=\"value.name\" @input=\"e => value.name = e.target.value\">\r\n            </div>\r\n            <div class=\"item\">\r\n              <div class=\"label\">연락처</div>\r\n              <input type=\"text\" class=\"input\" v-model=\"value.phone\" @input=\"e => value.phone = autoHyphenPhone(e.target.value)\">\r\n            </div>\r\n            <div class=\"item\">\r\n              <div class=\"label\">이메일</div>\r\n              <input type=\"text\" class=\"input\" v-model=\"value.email\" @input=\"e => value.email = e.target.value\">\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"flex-align check-pc\">\r\n            <lp-check-bool :checkedVal.sync=\"agree\" label=\"이용약관 및 개인정보처리방침에 동의하기\"></lp-check-bool>\r\n            <div class=\"size-14 primary\">(필수)</div>\r\n            <a class=\"sub3 size-14 text-underline margin-left-8 unselect\" href=\"privacy\" target=\"_blank\">약관보기</a>\r\n          </div>\r\n          <div class=\"flex-align check-mobile\">\r\n            <lp-check-bool :checkedVal.sync=\"agree\" label=\"이용약관 및 개인정보처리방침에 동의하기\"\r\n                           style=\"width:fit-content\"\r\n                          :labelStyle=\"{fontSize: '12px', color: '#555'}\"></lp-check-bool>\r\n            <span class=\"size-12 primary\">(필수)</span>\r\n            <a class=\"sub3 size-12 text-underline margin-left-8 unselect\" href=\"privacy\" target=\"_blank\">약관보기</a>\r\n          </div>\r\n        </template>\r\n\r\n        <div class=\"flex-between body2-medium\" style=\"margin-top:40px\">\r\n          <button class=\"button\" style=\"width:50%;height:48px;\" @click=\"close\">취소</button>\r\n          <button class=\"button is-primary margin-left-16\"\r\n                  style=\"width:50%;height:48px;\"\r\n                  @click=\"saveData\">{{ inquiryId ? '수정완료' : '등록하기' }}</button>\r\n        </div>\r\n      </div>\r\n    </sweet-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import LpCheckBool from \"../module/LpCheckBool\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  import ServiceAdminAPIMixin from \"../../mixins/ServiceAdminAPIMixin\";\r\n  import { SweetModal } from 'sweet-modal-vue'\r\n\r\n  export default {\r\n    name: \"ProductInquiryModal\",\r\n    mixins: [\r\n      UserAPIMixin,\r\n      ServiceAdminAPIMixin\r\n    ],\r\n    components: {\r\n      LpCheckBool,\r\n      SweetModal\r\n    },\r\n    props: {\r\n      inquiryId: {\r\n        type: Number\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        agree: false,\r\n        value: {\r\n          question_content: '',\r\n          is_secret: false,\r\n          answer_email: true,\r\n          name: '',\r\n          email: '',\r\n          phone: '',\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      req() {\r\n        const user_id = this.$store.getters.user.user_id;\r\n        const admin_id = this.$store.getters.admin.id;\r\n        let req = this.$axios;\r\n        if(user_id > 0) {\r\n          req = this.request.user;\r\n        } else if(admin_id > 0) {\r\n          req = this.request.serviceAdmin;\r\n        }\r\n        return req;\r\n      },\r\n      url() {\r\n        let url = `/product/${this.$route.query.id}/inquiry`;\r\n        if(!this.isLogin) {\r\n          url = '/public' + url;\r\n        }\r\n        if(this.inquiryId) {\r\n          url += `/${this.inquiryId}`;\r\n        }\r\n        return url;\r\n      }\r\n    },\r\n    methods: {\r\n      open() {\r\n        if(this.inquiryId) {\r\n          this.getData();\r\n        } else {\r\n          this.init();\r\n        }\r\n        this.$refs.modal.open();\r\n      },\r\n      close() {\r\n        this.$refs.modal.close();\r\n      },\r\n      init() {\r\n        this.value = {\r\n          question_content: '',\r\n          is_secret: false,\r\n          answer_email: true,\r\n          name: '',\r\n          email: '',\r\n          phone: '',\r\n        }\r\n      },\r\n      getData() {\r\n        this.request.user.get(this.url).then(res => {\r\n          this.value = res.data;\r\n        });\r\n      },\r\n      isValid() {\r\n        if(this.isLogin) {\r\n          this.agree = true;\r\n        }\r\n\r\n        const patternEmail = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\\.[_0-9a-zA-Z-]+){1,2}$/;\r\n\r\n        let msg = '';\r\n        if(this.value.question_content.trim() === '') {\r\n          msg = '문의내용을 입력해주세요.';\r\n        }\r\n        else if(!this.isLogin) {\r\n          if(this.value.name.trim() === '') {\r\n            msg = '성함을 입력해주세요.';\r\n          } else if(this.value.phone.trim() === '') {\r\n            msg = '연락처를 입력해주세요.';\r\n          } else if(this.value.phone.length < 12) {\r\n            msg = '연락처를 제대로 입력해주세요.';\r\n          } else if(this.value.email.trim() === '') {\r\n            msg = '이메일을 입력해주세요.';\r\n          } else if(!patternEmail.test(this.value.email)) {\r\n            msg = '이메일을 올바르게 입력해주세요.';\r\n          }\r\n        }\r\n\r\n        if(!this.agree) {\r\n          msg = '약관에 먼저 동의해주세요.';\r\n        }\r\n\r\n        if(msg !== '') {\r\n          this.toast(msg);\r\n        }\r\n\r\n        return msg === '';\r\n      },\r\n      saveInquiry(res, type) {\r\n        if (res.status === 200) {\r\n          if (type === 'patch') {\r\n            this.toast('문의내용이 수정되었습니다.');\r\n          } else {\r\n            this.toast('문의내용이 등록되었습니다.');\r\n          }\r\n          this.$emit('update');\r\n          this.close();\r\n        }\r\n      },\r\n      saveData() {\r\n        this.value.channel = '플랫폼파이';\r\n        this.value.product_id = this.$route.query.id;\r\n\r\n        if(this.isValid()) {\r\n          if(this.inquiryId) {\r\n            // 수정\r\n            this.req.patch(this.url, this.value).then(res =>{\r\n              this.saveInquiry(res, 'patch');\r\n            });\r\n          } else {\r\n            this.req.post(this.url, this.value).then(res =>{\r\n              this.saveInquiry(res, 'post');\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  .label\r\n    font-size 14px\r\n    font-weight 500\r\n    margin-bottom 6px\r\n  .grid-form\r\n    display grid\r\n    grid-template-columns 160px 160px 1fr\r\n    gap 12px\r\n    margin-bottom 16px\r\n  .divider\r\n    width 100%\r\n    border-bottom 1px solid #eeeeee\r\n    margin-bottom 24px\r\n  .button\r\n    font-size 16px\r\n\r\n  .textarea::placeholder\r\n    white-space pre-line\r\n    font-size 14px\r\n  .modal-header\r\n    display none\r\n  .check-pc\r\n    display flex\r\n  .check-mobile\r\n    display none\r\n  @media (max-width:600px)\r\n    .check-mobile\r\n      display flex\r\n    .check-pc\r\n      display none\r\n    .modal-title\r\n      display none\r\n    .content\r\n      padding 0 16px 120px 16px\r\n    .grid-form\r\n      grid-template-columns auto\r\n    .item:nth-child(1)\r\n      grid-column-start 1\r\n      grid-column-end 2\r\n    .item:nth-child(2)\r\n      grid-column-start 2\r\n      grid-column-end 2\r\n    .item:nth-child(3)\r\n      grid-column-start 1\r\n      grid-column-end 3\r\n    .modal-header\r\n      display flex\r\n      align-items center\r\n      justify-content center\r\n      border-bottom 1px solid #eeeeee\r\n      width 100%\r\n      height 50px\r\n      position fixed\r\n      top 0\r\n      left 0\r\n      .btn-close\r\n        position absolute\r\n        right 16px\r\n        top 15px\r\n</style>\r\n<style lang=\"stylus\">\r\n  .product-inquiry-reg-modal\r\n    .sweet-content\r\n      padding 40px !important\r\n    .sweet-content-content\r\n      text-align left\r\n\r\n  @media (max-width:600px)\r\n    .product-inquiry-reg-modal\r\n      .sweet-content\r\n        padding-top 66px !important\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!./ProductInquiryModal.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!./ProductInquiryModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductInquiryModal.vue?vue&type=template&id=a340dc1c&scoped=true&\"\nimport script from \"./ProductInquiryModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductInquiryModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductInquiryModal.vue?vue&type=style&index=0&id=a340dc1c&lang=stylus&scoped=true&\"\nimport style1 from \"./ProductInquiryModal.vue?vue&type=style&index=1&lang=stylus&\"\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  \"a340dc1c\",\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',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{style:(_vm.labelStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(_vm._s(_vm.label))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div :style=\"labelStyle\" @click.stop.prevent=\"clickCheck\">{{ label }}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      checkedVal: {\r\n        type: Boolean\r\n      },\r\n      label: {\r\n        type: String\r\n      },\r\n      labelStyle: {\r\n        type: Object,\r\n        default: function () {\r\n          return {\r\n            fontSize: '0.9rem',\r\n            lineHeight: '17px',\r\n            color: '#555'\r\n          }\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.checkedVal;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:checkedVal', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      checkedVal(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .lp-check-bool-container{\r\n    display: flex;\r\n    align-items: flex-end;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .checked-box {\r\n    position: relative;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ff6600;\r\n    border-radius: 3px;\r\n    margin-right: 8px !important;\r\n    text-align: center;\r\n  }\r\n  .not-checked-box {\r\n    position: relative;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #dddddd;\r\n    border-radius: 3px;\r\n    margin-right: 8px !important;\r\n    text-align: center;\r\n  }\r\n\r\n  .checked-box {\r\n    background-color: #ff6600;\r\n  }\r\n\r\n  .not-checked-box {\r\n    background-color: #fff;\r\n  }\r\n\r\n  .checked-icon {\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .modal-content-item div {\r\n      margin: 0;\r\n    }\r\n  }\r\n\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!./LpCheckBool.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!./LpCheckBool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBool.vue?vue&type=template&id=7b3673cd&scoped=true&\"\nimport script from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&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  \"7b3673cd\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\"","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!./ProductInquiryModal.vue?vue&type=style&index=1&lang=stylus&\"","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    this.request.user.interceptors.response.use(response => {\r\n      return response;\r\n    }, error => {\r\n      if (error.response.status === 401) {\r\n        this.logout(); // 로그아웃 메서드 호출\r\n      }\r\n      return Promise.reject(error);\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","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!./ProductInquiryModal.vue?vue&type=style&index=0&id=a340dc1c&lang=stylus&scoped=true&\"","import axios from 'axios'\r\n\r\nconst adminAxios = 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        serviceAdmin: adminAxios\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.setAuth();\r\n  },\r\n  methods: {\r\n    setAuth() {\r\n      this.request.serviceAdmin.defaults.baseURL = `${this.backendUrl}/serviceadmin/${this.$store.getters.admin.id}` ;\r\n      this.request.serviceAdmin.defaults.headers.common.Authorization = `Token ${this.$store.getters.admin.token}`;\r\n    }\r\n  }\r\n}\r\n"],"sourceRoot":""}