{"version":3,"sources":["webpack:///./src/components/component/ButtonAppPorting.vue?9809","webpack:///src/components/component/ButtonAppPorting.vue","webpack:///./src/components/component/ButtonAppPorting.vue?3dbd","webpack:///./src/components/component/ButtonAppPorting.vue?1f71","webpack:///./src/components/component/ButtonAppPorting.vue?8cc8","webpack:///./src/components/component/ButtonAppPorting.vue?05c8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","status","on","$event","clicked","attrs","_v","_s","statusText","service","service_type","trial","_e","ref","clickPlan","staticRenderFns","component"],"mappings":"yKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAO,UAAaP,EAAIQ,OAAO,WAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQ,cAAc,CAACP,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAO,2BAAqD,IAAxBZ,EAAIQ,OAAO,WAAiB,SAAW,IAAM,OAAQ,IAAM,aAAaJ,EAAG,OAAO,CAACA,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIa,GAAG,aAAab,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,WAAW,iBAA+C,IAA7Bf,EAAIgB,QAAQC,cAAsBjB,EAAIkB,MAAOd,EAAG,MAAM,CAACE,YAAY,iBAAiBN,EAAImB,OAAOf,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAO,UAAaP,EAAIQ,OAAO,OAASC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQ,UAAU,CAACP,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAM,4BAA4B,IAAM,SAASR,EAAG,OAAO,CAACA,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIa,GAAG,WAAWb,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,WAAW,aAA2C,IAA7Bf,EAAIgB,QAAQC,cAAsBjB,EAAIkB,MAAOd,EAAG,MAAM,CAACE,YAAY,iBAAiBN,EAAImB,OAAOf,EAAG,cAAc,CAACgB,IAAI,SAAS,CAAChB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIa,GAAG,6BAA6BT,EAAG,MAAM,CAACE,YAAY,YAAYM,MAAM,CAAC,IAAM,6FAA6F,IAAM,aAAaR,EAAG,SAAS,CAACE,YAAY,oBAAoBG,GAAG,CAAC,MAAQT,EAAIqB,YAAY,CAACrB,EAAIa,GAAG,4BAA4B,IAC3/CS,EAAkB,G,YC6BtB,GACE,KAAF,mBACE,WAAF,CACI,WAAJ,QAEE,MAAF,CACI,QAAJ,CACM,KAAN,QAEI,MAAJ,CACM,KAAN,QACM,SAAN,IAGE,QAAF,CACI,UADJ,WAEM,KAAN,oBACM,KAAN,eAEI,OALJ,SAKA,GACM,IAAN,uCACA,6CACM,OAAN,EAEA,MACA,EAEA,EAJA,GAOI,WAhBJ,SAgBA,GACM,IAAN,GACQ,EAAR,KACQ,EAAR,MACQ,EAAR,MACA,gBACM,OAAN,0CACA,KAEA,GAGI,QA5BJ,SA4BA,GACM,GAAN,cACQ,KAAR,mCAIM,GAAN,0CACQ,MAAR,+BADM,CAKA,IAAN,iBACM,GAAN,MACA,WACU,KAAV,mBAEU,KAAV,cAEA,UACQ,IAAR,GACU,QAAV,iDACU,IAAV,oCACA,8CAEA,8BACQ,EAAR,OACQ,EAAR,gBACQ,SAAR,oBACQ,EAAR,QACQ,EAAR,+BCrGyW,I,kCCSrWC,EAAY,eACd,EACAxB,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCpBf,W,kCCAA","file":"js/chunk-4583b205.4be74819.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-app-porting\"},[_c('div',{staticClass:\"button-app unselect\",class:(\"status-\" + (_vm.status('android'))),on:{\"click\":function($event){return _vm.clicked('android')}}},[_c('div',{staticClass:\"flex-align\"},[_c('img',{attrs:{\"src\":(\"/static/icon/ic_android\" + (_vm.status('android')!==1 ? '_color' : '') + \".svg\"),\"alt\":\"android\"}}),_c('span',[_c('span',{staticClass:\"app-title\"},[_vm._v(\"안드로이드 앱\")]),_vm._v(_vm._s(_vm.statusText('android')))])]),(_vm.service.service_type === 5 && _vm.trial)?_c('div',{staticClass:\"box-disabled\"}):_vm._e()]),_c('div',{staticClass:\"button-app unselect\",class:(\"status-\" + (_vm.status('ios'))),on:{\"click\":function($event){return _vm.clicked('ios')}}},[_c('div',{staticClass:\"flex-align\"},[_c('img',{attrs:{\"src\":\"/static/icon/ic_apple.svg\",\"alt\":\"ios\"}}),_c('span',[_c('span',{staticClass:\"app-title\"},[_vm._v(\"IOS 앱\")]),_vm._v(_vm._s(_vm.statusText('ios')))])]),(_vm.service.service_type === 5 && _vm.trial)?_c('div',{staticClass:\"box-disabled\"}):_vm._e()]),_c('sweet-modal',{ref:\"modal\"},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"size-14 weight-700\"},[_vm._v(\"앱포팅을 위해서는 플랜 결제가 필요합니다.\")]),_c('img',{staticClass:\"img-event\",attrs:{\"src\":\"https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/img/non-path/07259146.png\",\"alt\":\"앱포팅 이벤트\"}}),_c('button',{staticClass:\"button is-primary\",on:{\"click\":_vm.clickPlan}},[_vm._v(\"플랜 결제하고 앱포팅 할인 받기\")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"button-app-porting\">\r\n    <div class=\"button-app unselect\" :class=\"`status-${status('android')}`\" @click=\"clicked('android')\">\r\n      <div class=\"flex-align\">\r\n        <img :src=\"`/static/icon/ic_android${status('android')!==1 ? '_color' : ''}.svg`\" alt=\"android\">\r\n        <span><span class=\"app-title\">안드로이드 앱</span>{{ statusText('android') }}</span>\r\n      </div>\r\n      <div class=\"box-disabled\" v-if=\"service.service_type === 5 && trial\"></div>\r\n    </div>\r\n    <div class=\"button-app unselect\" :class=\"`status-${status('ios')}`\" @click=\"clicked('ios')\">\r\n      <div class=\"flex-align\">\r\n        <img src=\"/static/icon/ic_apple.svg\" alt=\"ios\">\r\n        <span><span class=\"app-title\">IOS 앱</span>{{ statusText('ios') }}</span>\r\n      </div>\r\n      <div class=\"box-disabled\" v-if=\"service.service_type === 5 && trial\"></div>\r\n    </div>\r\n    <sweet-modal ref=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"size-14 weight-700\">앱포팅을 위해서는 플랜 결제가 필요합니다.</div>\r\n        <img class=\"img-event\"\r\n             src=\"https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/img/non-path/07259146.png\"\r\n             alt=\"앱포팅 이벤트\">\r\n        <button class=\"button is-primary\" @click=\"clickPlan\">플랜 결제하고 앱포팅 할인 받기</button>\r\n      </div>\r\n    </sweet-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { SweetModal } from \"sweet-modal-vue\";\r\n  export default {\r\n    name: 'ButtonAppPorting',\r\n    components: {\r\n      SweetModal\r\n    },\r\n    props: {\r\n      service: {\r\n        type: Object\r\n      },\r\n      trial: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n    methods: {\r\n      clickPlan() {\r\n        this.$refs.modal.close();\r\n        this.$emit('plan');\r\n      },\r\n      status(app) {\r\n        let status = this.service[`${app}_status`];\r\n        let name = this.service[`${app}_package_name`];\r\n        if(!status) {\r\n          return 0;\r\n        } else if(status && !name) {\r\n          return 1;\r\n        } else {\r\n          return 2;\r\n        }\r\n      },\r\n      statusText(app) {\r\n        let statusText = {\r\n          0: '신청',\r\n          1: '등록중',\r\n          2: '보기'\r\n        }[this.status(app)];\r\n        if(this.service.service_type === 5 && this.trial) {\r\n          return '신청';\r\n        } else {\r\n          return statusText;\r\n        }\r\n      },\r\n      clicked(app) {\r\n        if(this.isMobile) {\r\n          this.toast('해당 기능은 PC에서 이용가능합니다.');\r\n          return;\r\n        }\r\n\r\n        if(this.service.service_type === 5 && this.trial) {\r\n          alert('앱포팅은 스킨 결제이후 신청이 가능합니다.');\r\n          return;\r\n        }\r\n\r\n        let status = this.status(app);\r\n        if(status === 0) {\r\n          if(this.trial) {\r\n            this.$refs.modal.open();\r\n          } else {\r\n            this.$emit(app)\r\n          }\r\n        }else if(status === 2){\r\n          let url = {\r\n            android: 'https://play.google.com/store/apps/details?id=',\r\n            ios: 'https://apps.apple.com/kr/app/id'\r\n          }[app] + this.service[`${app}_package_name`];\r\n\r\n          const a = document.createElement(\"a\");\r\n          a.href = url;\r\n          a.target = '_blank';\r\n          document.body.appendChild(a);\r\n          a.click();\r\n          a.parentNode.removeChild(a);\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .button-app-porting\r\n    display flex\r\n    align-items center\r\n    flex-wrap wrap\r\n    gap 0 6px\r\n  .button-app\r\n    width 150px\r\n    height 32px\r\n    border-radius 6px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    color #4a4a4a\r\n    font-size 12px\r\n    position relative\r\n    .flex-align\r\n      gap 0 4px\r\n\r\n  .box-disabled\r\n    position absolute\r\n    width calc(100% + 2px)\r\n    height calc(100% + 2px)\r\n    top -1px\r\n    left -1px\r\n    background-color rgba(255, 255, 255, 0.5)\r\n    z-index 1\r\n\r\n  .mobile\r\n    .button-app\r\n      width 100%\r\n      flex 1\r\n\r\n  .status-0\r\n    border 1px solid #363636\r\n    background-color white\r\n  .status-1\r\n    border 1px solid #eeeeee\r\n    background-color #eeeeee\r\n  .status-2\r\n    border 1px solid #cccccc\r\n    background-color white\r\n  .app-title\r\n    font-weight 600\r\n    margin-right 4px\r\n\r\n  .modal-content\r\n    width 100%\r\n    color #363636\r\n    text-align center\r\n    img\r\n      width 100%\r\n      margin 20px 0 32px 0\r\n    .button\r\n      width 100%\r\n\r\n</style>\r\n<style lang=\"stylus\">\r\n  .button-app-porting\r\n    .sweet-modal\r\n      width 400px\r\n    .sweet-modal.is-alert .sweet-content\r\n      padding 60px 20px 32px 20px\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!./ButtonAppPorting.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!./ButtonAppPorting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonAppPorting.vue?vue&type=template&id=6e093b3b&scoped=true&\"\nimport script from \"./ButtonAppPorting.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonAppPorting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonAppPorting.vue?vue&type=style&index=0&id=6e093b3b&lang=stylus&scoped=true&\"\nimport style1 from \"./ButtonAppPorting.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  \"6e093b3b\",\n  null\n  \n)\n\nexport default component.exports","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!./ButtonAppPorting.vue?vue&type=style&index=0&id=6e093b3b&lang=stylus&scoped=true&\"","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!./ButtonAppPorting.vue?vue&type=style&index=1&lang=stylus&\""],"sourceRoot":""}