https://www.truewin.ai/js/integralExchange.152b88a7.1781093384.js

1(self["webpackChunktw"]=self["webpackChunktw"]||[]).push([[4792],{66087:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return g}});var a=function(){var e=this,s=e._self._c;return s("div",{staticClass:"exchange",class:"exchange--".concat(e.$flexbox.breakpointname)},[s("div",{staticClass:"exchange__context"},[s("div",{staticClass:"exchange__bg"},[s("img",{attrs:{src:t(65750)("./header-".concat(e.$flexbox.breakpointname,"@2x.png"))}}),s("div",{staticClass:"tw-iconfont icon-fanhui iconfont-pf icon-pf-fanhui exchange__back",on:{click:e.back}}),s("div",{staticClass:"exchange__my",on:{click:e.handleShowMyPrize}}),s("div",{staticClass:"exchange__total"},[e._v(" Current Total Points: "),s("span",[e._v("  "+e._s(e.userInfo.sessionToken?e.formatCashInteger(e.eventInfo.point,!1):"***"))]),"xs"!==e.$flexbox.breakpointname?s("div",{staticClass:"exchange__earn",on:{click:e.jump}},[e._v("Earn Points")]):e._e()])]),s("div",{staticClass:"exchange__tags"},[s("div",{staticClass:"exchange__label"},[e._v("Prize Redemption")]),s("div",{staticClass:"exchange__address",on:{click:e.handleShowEditAddressInfo}})]),s("swiper",{key:e.key,ref:"exchange__boxs",staticClass:"exchange__boxs",attrs:{options:e.swiperOption}},e._l(e.physicalItems,function(t,a){return s("swiper-slide",{key:a,staticClass:"exchange__box",class:{"exchange__box--disd":e.eventInfo.point<t.minAmountRange&&e.userInfo.sessionToken}},[s("div",{staticClass:"exchange__tag"},[e._v(" "+e._s(e.formatCashInteger(t.minAmountRange,!1))+" Points ")]),s("div",{staticClass:"exchange__img",class:"exchange__img--"+t.memo}),s("div",{staticClass:"exchange__text"},[e._v(e._s(t.awardName))]),s("div",{staticClass:"exchange__btn",on:{click:function(s){return e.handleBeforeRedeemPrize(t)}}},[e._v("Redeem")])])}),1),e._m(0),e.showLotteryAwards.length?s("div",{staticClass:"exchange__lucky"},[s("swiper",{ref:"swiper-container",staticClass:"exchange__awards swiper-container",attrs:{options:e.swiperOption1}},e._l(e.showLotteryAwards,function(t,a){return s("swiper-slide",{key:a,staticClass:"swiper-slide"},[s("div",{class:["exchange__award exchange__award--"+t.item.itemLevel,{"exchange__award--disd":!t.active}]},[s("div",{staticClass:"exchange__label"},[e._v(e._s(t.item.awardName))])])])}),1)],1):e._e(),e.activeLotteryAwardInfo.item?s("div",{staticClass:"exchange__turntable"},[s("div",{staticClass:"exchange__light"}),s("div",{staticClass:"exchange__arrow-left"}),s("div",{staticClass:"exchange__arrow-right"}),s("div",{staticClass:"exchange__inner",class:[{"exchange__inner--rotate":e.isRatate},"exchange__inner--"+e.activeLotteryAwardInfo.item.itemLevel]}),s("div",{staticClass:"exchange__point"})]):e._e()],1),e.activeLotteryAwardInfo&&e.activeLotteryAwardInfo.item&&e.activeLotteryAwardInfo.item.amount?s("div",{staticClass:"exchange__paragraph"},[e.activeLotteryAwardInfo.item?s("div",{staticClass:"exchange__title"},[e._v("Points - "+e._s(e.formatCashInteger(e.activeLotteryAwardInfo.item.amount,!1)))]):e._e(),s("div",{staticClass:"exchange__draw",class:{"exchange__draw--disd":e.eventInfo.point<e.activeLotteryAwardInfo.item.amount},on:{click:e.handleRunLottery}},[e._v("DRAW")]),s("div",{staticClass:"exchange__card"},[s("div",{staticClass:"exchange__label"},[e._v(e._s(e.$t("integralExchange.title")))]),s("div",{staticClass:"exchange__item"},[s("p",[e._v(e._s(e.$t("integralExchange.descs[0]")))])]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("1.")]),s("p",{domProps:{innerHTML:e._s(e.$t("integralExchange.descs[1]"))}})]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("2.")]),s("div",{staticClass:"exchange__grid"},[s("p",{domProps:{innerHTML:e._s(e.$t("integralExchange.descs[2]"))}}),s("p",{staticClass:"exchange__child"},[e._v(e._s(e.$t("integralExchange.descs[3]")))]),s("p",{staticClass:"exchange__child"},[e._v(e._s(e.$t("integralExchange.descs[4]")))])])]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("3.")]),s("p",[e._v(e._s(e.$t("integralExchange.descs[5]")))])]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("4.")]),s("p",[e._v(e._s(e.$t("integralExchange.descs[6]")))])]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("5.")]),s("p",[e._v(e._s(e.$t("integralExchange.descs[7]")))])]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("6.")]),s("p",[e._v(e._s(e.$t("integralExchange.descs[8]")))])]),s("div",{staticClass:"exchange__item"},[s("div",{staticClass:"exchange__id"},[e._v("7.")]),s("p",[e._v(e._s(e.$t("integralExchange.descs[9]")))])])])]):e._e(

1),"xs"===e.$flexbox.breakpointname?s("div",{staticClass:"exchange__footer"},[s("div",{staticClass:"exchange__submit",on:{click:e.jump}},[e._v("Earn Points")])]):e._e(),s("base-dialog",{ref:"myPrizeDialog"},[s("div",{staticClass:"exchange__dialog exchange__dialog--prize"},[s("div",{staticClass:"exchange__header"},[s("div",{staticClass:"exchange__close iconfont-pf icon-pf-guanbimianxing",on:{click:e.handleCloseDialog}}),s("div",{staticClass:"exchange__title"},[e._v("My Prizes")])]),s("div",{staticClass:"exchange__context exchange__context--scroll"},[s("div",{staticClass:"exchange__table"},[s("div",{staticClass:"exchange__tr exchange__th"},[s("div",{staticClass:"exchange__td exchange__name"},[e._v("Prize Name")]),s("div",{staticClass:"exchange__td exchange__date"},[e._v("Acquisition Date")]),s("div",{staticClass:"exchange__td exchange__type"},[e._v("Type")]),s("div",{staticClass:"exchange__td exchange__points"},[e._v("Points")])]),e._l(e.prizeList,function(t,a){return s("div",{key:a,staticClass:"exchange__tr"},[s("div",{staticClass:"exchange__td exchange__name"},[e._v(e._s(t.prizeName))]),s("div",{staticClass:"exchange__td exchange__date"},[e._v(e._s(t.updatedTime))]),s("div",{staticClass:"exchange__td exchange__type"},[e._v(e._s(t.prizeTypeName))]),s("div",{staticClass:"exchange__td exchange__points"},[e._v("-"+e._s(t.amount))])])})],2)]),s("div",{staticClass:"exchange__footer"},[s("div",{staticClass:"exchange__submit",on:{click:e.handleCloseDialog}},[e._v("OK")])])])]),s("base-dialog",{ref:"beforeRedeemPrizeDialog"},[s("div",{staticClass:"exchange__dialog exchange__dialog--not-padding"},[s("div",{staticClass:"exchange__header"},[s("div",{staticClass:"exchange__close iconfont-pf icon-pf-guanbimianxing",on:{click:e.handleCloseDialog}}),s("div",{staticClass:"exchange__title"},[e._v("Redeem Prize")])]),s("div",{staticClass:"exchange__info"},[s("div",{staticClass:"exchange__img",class:"exchange__img--"+e.activePrizeInfo.memo}),s("div",{staticClass:"exchange__desc"},[s("p",[e._v("You are about to redeem")]),s("p",[s("span",{staticClass:"write"},[e._v(e._s(e.activePrizeInfo.amount))]),e._v(" points worth of "),s("span",[e._v("[ "+e._s(e.activePrizeInfo.awardName)+" ]")]),e._v(" prize.")])])]),s("div",{staticClass:"exchange__context"},[s("div",{staticClass:"exchange__other"},[s("div",{staticClass:"exchange__label"},[e._v("Please confirm your information:")]),s("div",{staticClass:"exchange__tips"},[e._v("Shipping Address:")]),s("div",{staticClass:"exchange__p"},[e._v(e._s(e.addressInfo.address))]),s("div",{staticClass:"exchange__tips"},[e._v("Recipient's Name:")]),s("div",{staticClass:"exchange__p"},[e._v(e._s(e.addressInfo.name))]),s("div",{staticClass:"exchange__tips"},[e._v("Recipient's Contact Information")]),s("div",{staticClass:"exchange__p"},[e._v(e._s(e.addressInfo.phone))])])]),s("div",{staticClass:"exchange__footer"},[s("div",{staticClass:"exchange__submit",on:{click:function(s){return e.handleRunRedeemPrize(e.activePrizeInfo)}}},[e._v("Confirmation")])])])]),s("base-dialog",{ref:"redeemPrizeSuccessDialog"},[s("div",{staticClass:"exchange__dialog"},[s("div",{staticClass:"exchange__header",staticStyle:{height:"0px"}},[s("div",{staticClass:"exchange__close iconfont-pf icon-pf-guanbimianxing",on:{click:e.handleCloseDialog}})]),s("div",{staticClass:"exchange__context"},[s("div",{staticClass:"exchange__alert"},[s("div",{staticClass:"exchange__icon exchange__icon--success iconfont-pf icon-pf-done"}),s("div",{staticClass:"exchange__title"},[e._v("Redemption Successful")]),s("div",{staticClass:"exchange__desc"},[s("p",[e._v("Congratulations! You have successfully redeemed one "),s("span",[e._v("[ "+e._s(e.activePrizeInfo.awardName)+" ]")])]),s("p",[e._v("prize. Our customer service will contact you shortly. Please be patient.")])])])]),s("div",{staticClass:"exchange__footer"},[s("div",{staticClass:"exchange__submit",on:{click:e.handleCloseDialog}},[e._v("OK")])])])]),s("base-dialog",{ref:"editAddressDialog"},[s("div",{staticClass:"exchange__dialog"},[s("div",{staticClass:"exchange__header"},[s("div",{staticClass:"exchange__close iconfont-pf icon-pf-guanbimianxing",on:{click:e.handleCloseAddressDialog}}),s("div",{staticClass:"exchange__title"},[e._v("Confirm Information")])]),s("div",{staticClass:"exchange__context"},[s("div",{staticClass:"exchange__line"},[s("div",{staticClass:"exchange__label"},[e._v("Recipient's Name")]),s("input",{directives:[{name:"model",rawName:"v-model",value:e.addressInfo.name,expression:"addressInfo.name"}],staticClass:"exchange__input",attrs:{maxlength:"100"},domProps:{value:e.addressInfo.name},on:{input:function(s){s.target.composing||e.$set(e.addressInfo,"name",s.target.value)}}})]),s("div",{staticClass:"exchange__line"},[s("div",{staticClass:"exchange__label"},[e._v("Recipient's Contact Information")]),s("input",{directives:[{name:"model",rawName:"v-model",value:e.addressInfo.phone,expression:"addressInfo.phone"}],staticClass:"exchange__input",attrs:{placeholder:"971 510000000",maxlength:"15"},domProps:{value:e.addressInfo.phone},on:{input:[function(s){s.target.composing||e.$set(e.addressInfo,"phone",s.target.value)},e.handlePhoneCheck],change:e.handlePhoneCheck}})]),s("div",{staticClass:"exchange__line"},[s("div",{staticClass:"exchange__label"},[e._v("Shipping Address")]),s("textarea",{directives:[{name:"model",rawName:"v-model",value:e.addressInfo.address,expression:"addressInfo.address"}],staticClass:"exchange__input",attrs:{maxlength:"100"},domProps:{value:e.addressInfo.address},on:{input:function(s){s.target.composing||e.$set(e.addressInfo,"address",s.target.value)}}})])]),s("div",{staticClass:"exchange__footer"},[s("div",{staticClass:"exchange__submit",class:{"exchange__submit--disd":e.isDisd},on:{click:e.handleSubmitAddressInfo}},[e._v("SAVE")])])])]),s("base-dialog",{ref:"prizeResultDialog"},[s("div",{staticClass:"exchange__dialog exchange__dialog--award"},[s("div",{staticClass:"exchange__header"},[s("div",{staticClass:"exchange__close iconfont-pf icon-pf-guanbimianxing",on:{click:e.handleResetTurntable}})]),s("div",{staticClass:"exchange__context"},[e.activeLotteryAwardInfo.item?s("div",{staticClass:"exchange__award"},[s("div",{class:"exchange__info exchange__info--"+e.activeLotteryAwardInfo.item.itemLevel}),s("div",{staticClass:"exchange__title"},[e._v("Congratulations!")]),s("div",{staticClass:"exchange__desc"},[s("p",[e._v("Congratulations on winning ! "),s("span",[e._v("[ "+e._s(e.activeInnerAwardInfo.name)+" ]")]),e._v(" from the "),s("span",{staticClass:"write"},[e._v(e._s(e.activeLotteryAwardInfo.item.awardName))])])])]):e._e(

1)]),s("div",{staticClass:"exchange__footer"},[s("div",{staticClass:"exchange__submit",on:{click:e.handleResetTurntable}},[e._v("OK")])])])])],1)},i=[function(){var e=this,s=e._self._c;return s("div",{staticClass:"exchange__tags"},[s("div",{staticClass:"exchange__label"},[e._v("Lucky Spin")])])}],n=(t(44114),t(94490),t(18111),t(61701),t(25440),t(59335)),o=t(74564),c=t(82334);let d;var r={name:"integralExchange",components:{"base-dialog":c.A},created(){d=this},mounted(){o.EventBus.$on("web-login-success",()=>{this.getEventInfo(),this.handleGetAddressInfo()}),o.EventBus.$on("web-logout-success",()=>{this.getEventInfo(),this.handleGetAddressInfo()}),this.getEventInfo(),this.handleGetAddressInfo()},data(){return{isFlag:!1,isRatate:!1,isDisd:!0,addressInfo:{name:"",phone:"",address:""},dialogs:["myPrizeDialog","beforeRedeemPrizeDialog","redeemPrizeSuccessDialog","editAddressDialog","prizeResultDialog"],swiperOption:{allowSlideNext:"xs"===this.$flexbox.breakpointname,allowSlidePrev:"xs"===this.$flexbox.breakpointname,slidesPerGroup:1,spaceBetween:0,direction:"horizontal",slidesPerView:"auto"},swiperOption1:{slidesPerView:3,slidesPerGroup:1,touchRatio:.5,loop:!0,loopFillGroupWithBlank:!0,spaceBetween:0,allowTouchMove:!0,slideToClickedSlide:!0,centeredSlides:!0,autoplay:!1,on:{slideChangeTransitionEnd(){d.activeLotteryAwardInfo=d.showLotteryAwards[this.realIndex],this.slideTo(this.activeIndex)}}},onlineMap:{},isEnd:!1,key:0,exposureDomList:[],timer:null,eventId:2024032602,eventInfo:{point:0},physicalItems:[],activePrizeInfo:{},lotteryAwards:[],showLotteryAwards:[],activeLotteryAwardInfo:{},activeInnerAwardInfo:{name:"",level:0},prizeList:[],isNumberPhone:!1}},computed:{...(0,n.mapState)({userInfo:e=>e.user.userInfo})},watch:{addressInfo:{handler(e,s){this.isDisd=!(e.name&&e.phone&&e.address)},deep:!0},$flexbox:{handler(){this.swiperOption.allowSlideNext="xs"===this.$flexbox.breakpointname,this.swiperOption.allowSlidePrev="xs"===this.$flexbox.breakpointname,this.swiperOption1.allowSlidePrev=!0,this.swiperOption1.allowSlideNext=!0,this.$nextTick(()=>{this.$refs.exchange__boxs.update()})},deep:!0}},methods:{jump(){this.$router.push({path:"/sport/UEFAEuro2024?shopCat=1"})},back(){this.$router.back()},handleResetTurntable(){const e=document.querySelector(".exchange__inner");e.style.transform="rotate(0deg)",this.isRatate=!1,this.handleCloseDialog(),this.getEventInfo()},handlePhoneCheck(e){this.addressInfo.phone=this.addressInfo.phone.replace(/\D/g,"")},handleShowMyPrize(){if(!this.userInfo.sessionToken)return o.EventBus.$emit("login"),!1;this.getMyPrizeList(),this.$refs.myPrizeDialog.changeShow(!0)},handleShowEditAddressInfo(){if(!this.userInfo.sessionToken)return o.EventBus.$emit("login"),!1;this.handleGetAddressInfo(),this.$refs.editAddressDialog.changeShow(!0)},handleRunLottery(){return this.userInfo.sessionToken?!(this.eventInfo.point<this.activeLotteryAwardInfo.item.amount)&&(this.$loading({customClass:"tw"}),void this.$store.dispatch("onRedeemPrize",{eventId:this.eventId,eventItemId:this.activeLotteryAwardInfo.item.itemId}).then(e=>{if(this.$loading({customClass:"tw"}).close(),0===e.code){let s={},t=0,a=Array.from(this.activeLotteryAwardInfo.items);if(a.reverse().map((a,i)=>{a.itemId==e.data&&(s=a,t=i)}),s){this.activeInnerAwardInfo={name:s.awardName,level:t};const e=document.querySelector(".exchange__inner");let a=1080;0==t?a=69.5+a:1==t?a=22.5+a:2==t?a=111.5+a:3==t&&(a=156.5+a),e.style.transform="rotate("+a+"deg)",this.isRatate=!0,setTimeout(()=>{this.isRatate=!1,this.$refs.prizeResultDialog.changeShow(!0)},2e3)}}else this.$notify({message:e.message,customClass:"tw"})}).catch(e=>{this.$loading({customClass:"tw"}).close(),this.$notify({message:e.message,customClass:"tw"})})):(o.EventBus.$emit("login"),!1)},handleCloseDialog(){this.dialogs.map(e=>this.$refs[e].changeShow(!1))},handleCloseAddressDialog(){this.addressInfo={name:"",phone:"",address:""},this.handleGetAddressInfo(),this.handleCloseDialog()},handleSubmitAddressInfo(){if(this.isDisd)return!1;this.$loading({customClass:"tw"}),this.$store.dispatch("handleUpdateAddressInfo",this.addressInfo).then(e=>{this.$loading({customClass:"tw"}).close(),0===e.code&&(this.$notify({message:"Save Successful",customClass:"tw"}),this.handleCloseDialog(),this.handleGetAddressInfo())}).catch(e=>{this.$loading({customClass:"tw"}).close()})},handleGetAddressInfo(){this.$store.dispatch("handleGetAddressInfo",{}).then(e=>{if(0===e.code){let s=/^\d+$/;this.addressInfo=e.data||{name:"",phone:"",address:""},this.isNumberPhone=s.test(this.addressInfo.phone)}})},handleBeforeRedeemPrize(e){return this.userInfo.sessionToken?!(this.eventInfo.point<e.minAmountRange)&&(this.addressInfo.name&&this.addressInfo.phone&&this.addressInfo.address?(this.activePrizeInfo=e,void this.$refs.beforeRedeemPrizeDialog.changeShow(!0)):(this.$refs.editAddressDialog.changeShow(!0),!1)):(o.EventBus.$emit("login"),!1)},handleRunRedeemPrize(e){if(!(this.addressInfo.name&&this.addressInfo.phone&&this.addressInfo.address))return this.$refs.editAddressDialog.changeShow(!0),!1;this.$loading({customClass:"tw"}),this.$store.dispatch("onRedeemPrize",{eventId:this.eventId,eventItemId:e.itemId}).then(e=>{this.$loading({customClass:"tw"}).close(),0===e.code&&(this.$refs.beforeRedeemPrizeDialog.changeShow(!1),this.$refs.redeemPrizeSuccessDialog.changeShow(!0),this.getMyPrizeList(),this.getEventInfo())}).catch(e=>{this.$loading({customClass:"tw"}).close()})},getMyPrizeList(){this.$store.dispatch("getMyPrizeList",{eventId:this.eventId}).then(e=>{0===e.code&&(this.prizeList=e.data)})},getEventInfo(){this.$store.dispatch("getEventInfo",{eventId:this.eventId}).then(e=>{0===e.code&&(this.physicalItems=e.data.physicalItems,this.lotteryAwards=e.data.lotteryAwards,this.showLotteryAwards.length||(this.showLotteryAwards=[this.lotteryAwards[0],this.lotteryAwards[1],this.lotteryAwards[2]],this.activeLotteryAwardInfo=this.showLotteryAwards[1]),this.eventInfo=e.data)})}}},l=r,h=t(81656),_=(0,h.A)(l,a,i,!1,null,"56d3970e",null),g=_.exports},65750:function(e,s,t){var a={"./[email protected]":29742,"./[email protected]":68026,"./[email protected]":96766};function i(e){var s=n(e);return t(s)}function n(e){if(!t.o(a,e)){var s=new Error("Cannot find module '"+e+"'");throw s.code="MODULE_NOT_FOUND",s}return a[e]}i.keys=function(){return Object.keys(a)},i.resolve=n,e.exports=i,i.id=65750},29742:function(e,s,t){"use strict";e.exports=t.p+"img/[email protected]"},68026:function(e,s,t){"use strict";e.exports=t.p+"img/[email protected]"},96766:function(e,s,t){"use strict";e.exports=t.p+"img/[email protected]"}}]);