(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-739a3bea"],{"16f0":function(t,a,e){"use strict";e("740e")},"1f63":function(t,a,e){"use strict";e.r(a);var i=function(){var t=this,a=t._self._c;return a("div",{staticClass:"right-box",staticStyle:{width:"1000px","min-width":"1000px"}},[a("div",{staticClass:"info-box"},[a("div",{staticClass:"info-left-box"},[a("img",{staticClass:"avatar",attrs:{src:t.youtubeSocialMediaData.avatarUrl||t.CONFIG.IMG_ORANGR_URL+"/media/icon/man.png"}}),a("div",{staticClass:"user-info"},[a("div",{staticClass:"nick-name"},[t._v(" "+t._s(t.youtubeSocialMediaData.name||"????")+" ")]),a("div",{staticClass:"swap"},[t._v(" "+t._s(this.isLogin()?"Swap subs with vibes!":"Please Login For Subscription")+" ")]),this.isLogin()?a("div",[a("div",{staticClass:"channel",class:{invisible:t.youtubeSocialMediaData.channel},on:{click:t.linkToChannel}},[a("span",{staticStyle:{"vertical-align":"middle"}},[t._v("Authorize Your Channel URL")]),a("img",{staticClass:"click",attrs:{src:e("d97f")}})]),a("div",{staticClass:"url-box"},[a("el-input",{attrs:{placeholder:"Authorize channel to get 10 free subscribers!",disabled:t.disabledEditChannel},model:{value:t.youtubeSocialMediaData.channel,callback:function(a){t.$set(t.youtubeSocialMediaData,"channel",a)},expression:"youtubeSocialMediaData.channel"}},[a("template",{slot:"prepend"},[a("img",{staticClass:"prepend",attrs:{src:e("de20")}})])],2)],1)]):t._e()])]),a("div",{staticClass:"info-right-box"},[a("div",{staticClass:"li-info"},[a("div",{staticClass:"dec"},[t._v("Sub Tasks Remaining")]),a("div",{staticClass:"num"},[t._v(t._s(t.countData.remainingCount))])]),a("div",{staticClass:"li-info"},[a("div",{staticClass:"dec"},[t._v("Completed Subs")]),a("div",{staticClass:"num"},[t._v(t._s(t.countData.completedCount))])]),a("div",{staticClass:"li-info"},[a("div",{staticClass:"dec"},[t._v("My Pending Surge")]),a("div",{staticClass:"num"},[t._v(t._s(t.countData.surgeCount))])]),a("div",{staticClass:"li-info"},[a("div",{staticClass:"dec"},[t._v("My New Subscribers")]),a("div",{staticClass:"num"},[t._v(t._s(t.countData.newSubscriberCount))])])])]),a("div",{staticClass:"line"}),a("div",{staticClass:"task-box",staticStyle:{height:"65%"}},["noLogin"===t.contentStatus?a("div",{staticStyle:{margin:"auto auto",width:"1000px"}},[t._m(0)]):"noTask"===t.contentStatus?a("div",{staticStyle:{margin:"auto auto",width:"500px"}},[t._m(1)]):t._l(t.taskDataCut,(function(e,i){return a("div",{key:i,staticClass:"task-li-box"},[a("transition",{attrs:{"enter-active-class":"animate__animated animate__fadeIn","leave-active-class":"animate__animated animate__fadeOut"},on:{"after-enter":function(a){return t.resetAnimation(e)},"after-leave":function(a){return t.resetAnimation(e)}}},[e.complete?t._e():a("div",{staticClass:"task-li"},[a("div",{staticClass:"task-li-left"},[a("img",{staticClass:"avatar",attrs:{src:t.CONFIG.IMG_ORANGR_URL+e.avatar}}),a("div",{staticClass:"info"},[a("div",{staticClass:"name"},[t._v(t._s(e.name))]),a("div",{staticClass:"desc"},[t._v(t._s(e.description))])])]),a("div",{staticClass:"task-li-right"},["1"==e.step?a("el-button",{staticClass:"subscribe subscribe1",attrs:{loading:!!e.loading},on:{click:function(a){!e.loading&&t.socialTaskClick(e)}}},[t._v(" "+t._s(e.loading?"":"subscribe")+" ")]):t._e(),"2"==e.step?a("div",{staticClass:"subscribe2"},[a("el-button",{staticClass:"subscribe skip",attrs:{loading:!(!e.loading||"skip"!=t.clickOption)},on:{click:function(a){!e.loading&&t.skip(e,i)}}},[t._v(" "+t._s(e.loading&&"skip"==t.clickOption?"":"Skip")+" ")]),a("el-button",{staticClass:"subscribe comfirm",attrs:{loading:!(!e.loading||"comfirm"!=t.clickOption)},on:{click:function(a){!e.loading&&t.checkSubStatus(e,i)}}},[t._v(" "+t._s(e.loading&&"comfirm"==t.clickOption?"":"Comfirm 🎉")+" ")])],1):t._e(),"3"==e.step?a("div",{staticClass:"subscribe subscribe3"},[t._v(" subscribe ")]):t._e(),a("canvas",{ref:"confettiCanvas"+i,refInFor:!0})],1)])]),a("div",{staticClass:"task-li-placeholder"})],1)}))],2),t._m(2),a("div",{staticClass:"countdown"},[t._v(t._s(t.countdown))])])},s=[function(){var t=this,a=t._self._c;return a("div",{staticClass:"no-task-content"},[a("img",{staticStyle:{width:"100%"},attrs:{src:e("d728")}})])},function(){var t=this,a=t._self._c;return a("div",{staticClass:"no-task-content"},[a("img",{staticStyle:{width:"255px",height:"240px",margin:"auto"},attrs:{src:e("5616")}}),a("div",{staticClass:"tip"},[t._v("No Tasks Available")]),a("div",{staticClass:"tip-desc"},[a("div",[t._v("More tasks are being prepared.")]),a("div",[t._v("Please check back later for new tasks.")])])])},function(){var t=this,a=t._self._c;return a("div",{staticClass:"refresh-box"},[a("span",[t._v("Refresh Countdown")]),a("img",{staticClass:"question-circle",attrs:{src:e("e79b")}})])}],n=e("4020");function o(t){return Object(n["a"])({url:"/social/youtubeSocialMedia/"+t.taskId,method:"get"})}function c(t){return Object(n["a"])({url:"/social/youtubeTaskCount/"+t.taskId,method:"get"})}function l(t){return Object(n["a"])({url:"/social/youtubeSocialMedia/"+t.taskId,method:"put",data:t})}function u(t){return Object(n["a"])({url:"/social/task",method:"get",params:t})}function r(t){return Object(n["a"])({url:"/social/completeTask",method:"post",data:t})}function d(t){return Object(n["a"])({url:"/social/taskList",method:"get",params:t})}var h=e("7ded"),C=e("0a5a"),m=e("0428"),k=e("7129"),g=(e("77ed"),{components:{},data(){return{CONFIG:m["a"],extensionId:m["a"].extensionId,extensionCheckStatus:!1,isCollapse:!1,disabledEditChannel:!1,socialUserInfo:{},youtubeSocialMediaData:{},contentStatus:"noLogin",countData:{taskCount:"-",batchCompletedCount:"-",remainingCount:"-",completedCount:"-",surgeCount:"-",newSubscriberCount:"-"},taskData:[],taskDataCut:[],clickOption:"",taskStartTime:"",countdown:"00:00:00",intervalId:null,currentTaskData:{}}},computed:{},async mounted(){await this.initChromeExtension()},async created(){this.updateCountdown(),this.intervalId=setInterval(this.updateCountdown,1e3)},methods:{async initChromeExtension(){if(window.addEventListener("500LikesPlugin",this.handleCustomEvent),window.dispatchEvent(new CustomEvent("pluginHi")),this.$auth0.user&&this.$auth0.user.email_verified){if(!Object(C["a"])()){const t=await this.$auth0.getAccessTokenSilently();Object(C["c"])(t)}Object(h["a"])({}).then(t=>{t.data&&(this.socialUserInfo=t.data,this.getYoutubeSocialMedia(),this.getYoutubeTaskCount())})}},isLogin(){return this.$auth0.user&&this.$auth0.user.email_verified},chromePluginsCheck(){let t=this;chrome.runtime&&chrome.runtime.sendMessage(this.extensionId,{action:"getVersion"},(function(a){if(chrome.runtime.lastError&&(console.log({error:chrome.runtime.lastError.message}),t.extensionCheckStatus=!1),a){let e=a.split(".").map(Number),i=m["a"].VERSION_CHROME_NEED.split(".").map(Number);e[0]>=i[0]&&e[1]>=i[1]&&(console.log(`插件版本检查成功。当前版本：${a}，最低版本: ${m["a"].VERSION_CHROME_NEED}`),t.extensionCheckStatus=!0)}}))},initExtensionId(t){this.extensionId=this.extensionId||t.extensionId,this.chromePluginsCheck()},deliverYoutubeInfo(t){return this.youtubeSocialMediaData=t,this.youtubeSocialMediaData.channel&&(this.disabledEditChannel=!0),this.channelUpdateConfirm(),!0},handleDeliverYoutubeInfo(t){return console.log("accept message: ",t),this.deliverYoutubeInfo(t.detail)},handleCustomEvent(t){console.log("Received event:",t);let a=t.detail;return"deliverYoutubeInfo"===a.name?this.deliverYoutubeInfo(a.data):"initExtensionId"===a.name?this.initExtensionId(a.data):void 0},onExtensionCheckFail(){this.$message("Please download the Chrome extension plugin or refresh the page."),setTimeout(()=>{window.open(m["a"].chromeOnlineUrl,"_blank")},2e3)},linkToChannel(){if(this.extensionCheckStatus)return chrome.runtime?void chrome.runtime.sendMessage(this.extensionId,{action:"linkToYoutubeChannel"},(function(t){console.log("linkToYoutubeChannel: ",t)})):(this.extensionCheckStatus=!1,void this.onExtensionCheckFail());this.onExtensionCheckFail()},getYoutubeSocialMedia(){o({taskId:this.socialUserInfo.socialMediaYoutubeTaskId}).then(t=>{200===t.code&&(this.youtubeSocialMediaData=t.data,this.youtubeSocialMediaData.channel&&(this.disabledEditChannel=!0))})},getYoutubeTaskCount(){c({taskId:this.socialUserInfo.socialMediaYoutubeTaskId}).then(t=>{var a;200===t.code&&(this.countData=t.data,0!==(null===(a=this.countData)||void 0===a?void 0:a.taskCount)&&0!==this.countData.remainingCount?this.contentStatus="":this.contentStatus="noTask",this.getTaskData())})},getTaskData(){d({}).then(t=>{200===t.code&&(this.taskData=t.data.results,this.taskData.forEach((t,a)=>{t.id=a,t.step=1,t.complete=!1,t.loading=!1}),this.countData.taskCount<10||this.countData.remainingCount<10?this.countData.taskCount<this.countData.remainingCount?this.taskDataCut=this.taskData.slice(0,this.countData.taskCount):this.taskDataCut=this.taskData.slice(0,this.countData.remainingCount):this.taskDataCut=this.taskData.slice(0,10))})},channelUpdateConfirm(){l({taskId:this.socialUserInfo.socialMediaYoutubeTaskId,channel:this.youtubeSocialMediaData.channel}).then(t=>{200===t.code&&(this.youtubeSocialMediaData=t.data,this.youtubeSocialMediaData.channel&&(this.disabledEditChannel=!0))})},editChannel(){this.disabledEditChannel=!1},startTask(t,a){let e=this;if(!chrome.runtime)return e.extensionCheckStatus=!1,void e.onExtensionCheckFail();chrome.runtime.sendMessage(e.extensionId,{action:"startTask",channel:t.data.channel},(function(t){chrome.runtime.lastError?e.onExtensionCheckFail():a.step=2,console.log("start Task response: ",t)}))},socialTaskClick(t){if(!this.extensionCheckStatus)return void this.onExtensionCheckFail();t.loading=!0;let a=!0;this.taskStartTime=this.getFormatDateTime(),this.taskDataCut.forEach((e,i)=>{if(2==e.step&&t.id!=e.id)return console.log("ite,"),void(a=!1)}),a?u({}).then(a=>{this.currentTaskData=a.data,t.loading=!1,200===a.code&&this.startTask(a,t)}).catch(a=>{t.loading=!1}):(t.loading=!1,this.$message("Please complete the current task first."))},skip(t,a){t.loading=!0,this.clickOption="skip",r({taskId:this.currentTaskData.id,actionType:"SKIP",startTime:this.taskStartTime}).then(e=>{if(t.loading=!1,200===e.code){let t=this.taskData.filter(t=>!this.taskDataCut.some(a=>a.id===t.id)),e=Math.floor(Math.random()*t.length),i=t[e];i.complete=!0,i.step=1,console.log("this.taskData:",this.taskData),console.log("this.taskDataCut:",this.taskDataCut),console.log("newData:",i),this.$nextTick(()=>{this.$set(this.taskDataCut,a,i)})}}).catch(a=>{t.loading=!1})},checkSubStatus(t,a){t.loading=!0,this.clickOption="comfirm";let e=this;chrome.runtime.sendMessage(this.extensionId,{action:"checkSubStatus"},(function(i){console.log("checkSubStatus: ",i),"success"==i?e.comfirm(t,a):(t.loading=!1,e.$message("Please complete the task first and keep the task page open."))}))},getFormatDateTime(){const t=new Date,a=t.getFullYear(),e=t.getMonth()+1,i=t.getDate(),s=t.getHours(),n=t.getMinutes(),o=t.getSeconds();return a+"-"+e+"-"+i+" "+s+":"+n+":"+o},comfirm(t,a){let e=this.countData;e.taskCount>e.remainingCount&&e.remainingCount-e.batchCompletedCount<=0||e.taskCount<=e.remainingCounttaskCount&&e.taskCount-e.batchCompletedCount<=0?t.loading=!1:r({taskId:this.currentTaskData.id,startTime:this.taskStartTime}).then(i=>{200===i.code&&(c({taskId:this.socialUserInfo.socialMediaYoutubeTaskId}).then(a=>{200===a.code&&(t.loading=!1,this.countData=a.data)}).catch(a=>{t.loading=!1}),e.remainingCount<=10||e.taskCount<=10||e.remainingCount>10&&e.remainingCount-e.batchCompletedCount<=10||e.taskCount>10&&e.taskCount-e.batchCompletedCount<=10?(this.startConfetti(a),setTimeout(()=>{t.step=3},1500)):(this.startConfetti(a),setTimeout(()=>{let t=this.taskData.filter(t=>!this.taskDataCut.some(a=>a.id===t.id)),e=Math.floor(Math.random()*t.length),i=t[e];i.complete=!0,i.step=1,this.$nextTick(()=>{this.countData.batchCompletedCount++,this.$set(this.taskDataCut,a,i)})},1500)))}).catch(a=>{t.loading=!1})},startConfetti(t){let a=this.$refs["confettiCanvas"+t];if(a){let t=a[0];t.style.zIndex=100,k["a"].create(t,{resize:!0,useWorker:!0})({particleCount:160,spread:80,origin:{x:.6,y:.9}}),setTimeout(()=>{t.style.zIndex=-1},3e3)}},resetAnimation(t){this.$nextTick(()=>{t.complete=!1})},updateCountdown(){const t=(new Date).setHours(24,0,0,0),a=new Date,e=t-a;e<0&&(t.setDate(t.getDate()+1),e=t-a);let i=Math.floor(e/36e5),s=Math.floor(e%36e5/6e4),n=Math.floor(e%6e4/1e3);i=i<10?"0"+i:i,s=s<10?"0"+s:s,n=n<10?"0"+n:n,this.countdown=`${i}:${s}:${n}`}},beforeDestroy(){this.intervalId&&clearInterval(this.intervalId),window.removeEventListener("500LikesPlugin",this.handleCustomEvent)}}),v=g,b=(e("16f0"),e("2877")),f=Object(b["a"])(v,i,s,!1,null,"4f63d956",null);a["default"]=f.exports},"740e":function(t,a,e){},d97f:function(t,a){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADeSURBVHgBpZKBDYJADEV7xgEYATdgBEZgBEbQSXAD3AQ3ACfQDdAJapv8xgqXO4xNfi4c/9712hJlgpkb+icUIOKcb7c4VIsKt1VEwKWKEjffRaOBZG19JgCop09BSg+C+tg/SgXMKyOyGrKACLBS5XwB5o4+RXyGEE7Yn93+VTSJbrqKZzLIHuvLmX26Ey66iCqoVY9c8BDQgTY856z1cd9W3Fl0TB0srYDWYtfyItsh30b3zZjcDpAvTwyyugWpW4zoWBLSROZjAKDGYeYtA7eAtFZEPKXnXwduS7wB8eY5Bg4ThacAAAAASUVORK5CYII="}}]);
//# sourceMappingURL=chunk-739a3bea.3e535229.js.map