https://www.pixartprinting.fr/js/fullScreenBf24.988efab3e1e3f47c386e.js

1export const __webpack_esm_id__=7690;export const __webpack_esm_ids__=[7690];export const __webpack_esm_modules__={53496(s,e,i){i.d(e,{default:()=>Ls}),i.r(e);var t=i(41425);const n={key:0,autoplay:"",loop:"",muted:"",playsinline:"",class:"video-background"},o=["src"],a=["src"],l=["src"],c=["src"],r={class:"video-overlay"},u={class:"container desktop d-none d-md-flex"},d={class:"top"},g={class:"logo"},h={href:"/"},p=["src"],k={key:0,class:"quiz"},v={class:"question"},L=["innerHTML"],m=["src"],f={class:"answers-container glass-effect"},b={class:"answers-list"},y=["onClick"],_={class:"sound-icon"},C=["src"],w={class:"label"},B={class:"bottom glass-effect"},M={class:"left-block"},x={key:0,class:"bf-logo"},$=["src"],F={key:1,class:"ended-logo"},I={class:"background-shape absolute-center"},T=["src"],Q=["src"],S={key:2,class:"discount-block"},P={class:"background-shape absolute-center"},E=["src"],X={class:"up-to"},H={class:"discount"},A=["innerHTML"],O=["innerHTML"],V={class:"cta-container"},q=["href"],R={class:"featuring d-md-none"},W={class:"container mobile"},j={key:0,class:"logo"},N={href:"/"},U=["src"],z={class:"featuring-main glass-effect"},K={key:0,class:"ended-logo"},Y={class:"background-shape absolute-center"},G=["src"],D=["src"],J={key:1,class:"discount-block"},Z={class:"background-shape"},ss=["src"],es={class:"up-to"},is={class:"discount"},ts={key:2,class:"logo"},ns={href:"/"},os=["src"],as={key:3,class:"bf-logo-line"},ls={class:"bf-logo"},cs=["src"],rs=["innerHTML"],us=["innerHTML"],ds={class:"bottom"},gs=["href"],hs={class:"sound-icon"},ps=["src"];i(74423);var ks=i(82124);const vs={name:"FullScreenBf",extends:i(65014).A,data:()=>({isQuestionOpen:!0,currentVideoIndex:null}),computed:{...(0,ks.L8)("screen",["screenIs"]),soundIconOn(){return`${this.assetsBase}icons/audio-on.svg`},soundIconOff(){return`${this.assetsBase}icons/audio-off.svg`},landingLogo(){return this.isBlackFriday||this.isCyberMonday?"/images/logo/pixart_white.svg":"ended"===this.step||this.screenIs("mobile")?"/images/logo/pixart.png":"/images/logo/pixart_white.svg"},blackFridayLogo(){let s;return s=this.isBlackFriday?"BF_v_white":this.isCyberMonday?"CM_v_white":this.screenIs("mobile")?"BF_v":"BF_v_white",`${this.assetsBase}logos/${s}.svg`},discountTexts(){return this.json?.discount},finalPhasePayoff(){return this.discountTexts?.discount_bf},upTo(){return this.discountTexts?.up_to},percentUpTo(){return this.discountTexts?.percent_up_to.trim()},discountValue(){return this.json?.config?.general_discount[this.step]},question(){return this.textContent?.question??""},answers(){return this.textContent?.answers??[]},videoAssetName(){return`${this.assetsBase}videos/${this.weekCode}_video`}},methods:{formatByPercentage(s,e){const{minus:i,percent:t}=e;return i+s+t},toggleQuestion(){this.isQuestionOpen=!this.isQuestionOpen},isSelected(s){return s===this.currentVideoIndex},selectAnswer(s){this.currentVideoIndex=s,this.videoAssetIndex=s+2},getVideoSource(s,e){return!1===["mobile","desktop"].includes(e)?"":"mobile"===e?`${this.videoAssetName}_m.${s}`:`${this.videoAssetName}-${this.videoAssetIndex}_d.${s}`}},created(){const s=document.querySelector(".splash-screen");s&&s.classList.remove("d-none")}};const Ls=(0,i(66262).A)(vs,[["render",function(s,e,i,ks,vs,Ls){return(0,t.uX)(),(0,t.CE)("section",{class:(0,t.C4)(["full-screen-video",`step-${s.step}`])},["ended"!==s.step?((0,t.uX)(),(0,t.CE)(t.FK,{key:0},[s.screenIs("mobile")?((0,t.uX)(),(0,t.CE)("video",n,[(0,t.Lk)("source",{src:Ls.getVideoSource("webm","mobile"),type:"video/webm"},null,8,o),(0,t.Lk)("source",{src:Ls.getVideoSource("mp4","mobile"),type:"video/mp4"},null,8,a),e[3]||(e[3]=(0,t.eW)(" Your browser does not support the video tag. ",-1))])):((0,t.uX)(),(0,t.CE)("video",{autoplay:"",loop:"",muted:"",playsinline:"",class:"video-background",key:s.videoAssetIndex},[(0,t.Lk)("source",{src:Ls.getVideoSource("webm","desktop"),type:"video/webm"},null,8,l),(0,t.Lk)("source",{src:Ls.getVideoSource("mp4","desktop"),type:"video/mp4"},null,8,c),e[4]||(e[4]=(0,t.eW)(" Your browser does not support the video tag. ",-1))]))],64)):(0,t.Q3)("",!0),(0,t.Lk)("div",r,[(0,t.Lk)("div",u,[(0,t.Lk)("div",d,[(0,t.Lk)("div",g,[(0,t.Lk)("a",h,[(0,t.Lk)("img",{alt:"logo",class:"img-fluid",src:Ls.landingLogo,width:"1000",height:"155"},null,8,p)])]),s.isCampaignRunning?((0,t.uX)(),(0,t.CE)("div",k,[(0,t.Lk)("div",v,[(0,t.Lk)("div",{class:"main-question",innerHTML:Ls.question},null,8,L),(0,t.Lk)("div",{class:(0,t.C4)(["close-icon",{spin:!vs.isQuestionOpen}]),onClick:e[0]||(e[0]=(...s)=>Ls.toggleQuestion&&Ls.toggleQuestion(...s))},[(0,t.Lk)("img",{class:"img-fluid",src:`${s.assetsBase}icons/BF24_white.svg`,alt:""},null,8,m),(0,t.Lk)("div",{class:(0,t.C4)(["icon absolute-center",vs.isQuestionOpen?"cross":"plus"])},[...e[5]||(e[5]=[(0,t.Lk)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},[(0,t.Lk)("g",{fill:"#004dc9",class:"nc-icon-wrapper"},[(0,t.Lk)("path",{fill:"#000",d:"M22,11h-9V2c0-0.6-0.4-1-1-1s-1,0.4-1,\n                                                        1v9H2c-0.6,0-1,0.4-1,1s0.4,1,1,\n                                                        1h9v9c0,0.6,0.4,1,1,1s1-0.4,1-1v-9h9 c0.6,0,\n                                                        1-0.4,1-1S22.6,11,22,11z"}

1)])],-1)])],2)],2)]),(0,t.bo)((0,t.Lk)("div",f,[(0,t.Lk)("div",b,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(Ls.answers,(s,e)=>((0,t.uX)(),(0,t.CE)("div",{class:(0,t.C4)(["answer button",{selected:Ls.isSelected(e)}]),key:e,onClick:s=>Ls.selectAnswer(e)},(0,t.v_)(s),11,y))),128))]),(0,t.Lk)("div",{class:"sound-control",onClick:e[1]||(e[1]=(...e)=>s.toggleMusic&&s.toggleMusic(...e))},[(0,t.Lk)("div",_,[(0,t.Lk)("img",{class:"img-fluid",src:s.soundIconSrc,alt:""},null,8,C)]),(0,t.Lk)("div",w,(0,t.v_)(s.soundIconLabel),1)])],512),[[t.aG,vs.isQuestionOpen]])])):(0,t.Q3)("",!0)]),(0,t.Lk)("div",B,[(0,t.Lk)("div",M,["ended"!==s.step?((0,t.uX)(),(0,t.CE)("div",x,[(0,t.Lk)("img",{class:"img-fluid",src:Ls.blackFridayLogo,alt:""},null,8,$)])):(0,t.Q3)("",!0),"ended"===s.step?((0,t.uX)(),(0,t.CE)("div",F,[(0,t.Lk)("div",I,[(0,t.Lk)("img",{class:"img-fluid",src:`${s.assetsBase}icons/BF24_black.svg`,alt:""},null,8,T)]),(0,t.Lk)("img",{class:"img-fluid ended-logo-img",src:`${s.assetsBase}logos/BF_v_white.svg`,alt:""},null,8,Q)])):(0,t.Q3)("",!0),s.isCampaignRunning?((0,t.uX)(),(0,t.CE)("div",S,[(0,t.Lk)("div",P,[(0,t.Lk)("img",{class:"img-fluid",src:`${s.assetsBase}icons/BF24_white.svg`,alt:""},null,8,E)]),(0,t.Lk)("div",{class:(0,t.C4)(["percent absolute-center",`step-${s.step}`])},[(0,t.Lk)("span",X,(0,t.v_)(Ls.upTo),1),(0,t.Lk)("strong",H,[(0,t.eW)((0,t.v_)(Ls.formatByPercentage(Ls.discountValue,Ls.discountTexts))+" ",1),e[6]||(e[6]=(0,t.Lk)("br",null,null,-1)),(0,t.eW)(" "+(0,t.v_)(Ls.percentUpTo),1)])],2)])):(0,t.Q3)("",!0),s.isFinalPhase?((0,t.uX)(),(0,t.CE)("div",{key:3,class:"bf-payoff",innerHTML:Ls.finalPhasePayoff},null,8,A)):(0,t.Q3)("",!0),(0,t.Lk)("div",{class:"payoff",innerHTML:s.payoff},null,8,O)]),(0,t.Lk)("div",V,[(0,t.Lk)("a",{class:"cta button",href:s.ctaHref},(0,t.v_)(s.cta),9,q)])])])]),(0,t.Lk)("div",R,[(0,t.Lk)("div",W,["ended"===s.step?((0,t.uX)(),(0,t.CE)("div",j,[(0,t.Lk)("a",N,[(0,t.Lk)("img",{alt:"logo",class:"img-fluid",src:Ls.landingLogo,width:"1000",height:"155"},null,8,U)])])):(0,t.Q3)("",!0),(0,t.Lk)("div",z,["ended"===s.step?((0,t.uX)(),(0,t.CE)("div",K,[(0,t.Lk)("div",Y,[(0,t.Lk)("img",{class:"img-fluid",src:`${s.assetsBase}icons/BF24_black.svg`,alt:""},null,8,G)]),(0,t.Lk)("img",{class:"img-fluid ended-logo-img",src:`${s.assetsBase}logos/BF_v_white.svg`,alt:""},null,8,D)])):(0,t.Q3)("",!0),s.isCampaignRunning?((0,t.uX)(),(0,t.CE)("div",J,[(0,t.Lk)("div",Z,[(0,t.Lk)("img",{class:"img-fluid",src:`${s.assetsBase}icons/BF24_white.svg`,alt:""},null,8,ss)]),(0,t.Lk)("div",{class:(0,t.C4)(["percent absolute-center",`step-${s.step}`])},[(0,t.Lk)("span",es,(0,t.v_)(Ls.upTo),1),(0,t.Lk)("strong",is,[(0,t.eW)((0,t.v_)(Ls.formatByPercentage(Ls.discountValue,Ls.discountTexts))+" ",1),e[7]||(e[7]=(0,t.Lk)("br",null,null,-1)),(0,t.eW)(" "+(0,t.v_)(Ls.percentUpTo),1)])],2)])):(0,t.Q3)("",!0),"ended"!==s.step?((0,t.uX)(),(0,t.CE)("div",ts,[(0,t.Lk)("a",ns,[(0,t.Lk)("img",{alt:"logo",class:"img-fluid",src:Ls.landingLogo,width:"1000",height:"155"},null,8,os)])])):(0,t.Q3)("",!0),"ended"!==s.step?((0,t.uX)(),(0,t.CE)("div",as,[(0,t.Lk)("div",ls,[(0,t.Lk)("img",{class:"img-fluid",src:Ls.blackFridayLogo,alt:""},null,8,cs)]),s.isFinalPhase?((0,t.uX)(),(0,t.CE)("div",{key:0,class:"bf-payoff",innerHTML:Ls.finalPhasePayoff},null,8,rs)):(0,t.Q3)("",!0)])):(0,t.Q3)("",!0),(0,t.Lk)("div",{class:"payoff",innerHTML:s.payoff},null,8,us),(0,t.Lk)("div",ds,[(0,t.Lk)("div",null,[(0,t.Lk)("a",{class:"cta button",href:s.ctaHref},(0,t.v_)(s.cta),9,gs)]),s.isCampaignRunning?((0,t.uX)(),(0,t.CE)("div",{key:0,class:"sound-control",onClick:e[2]||(e[2]=(...e)=>s.toggleMusic&&s.toggleMusic(...e))},[(0,t.Lk)("div",hs,[(0,t.Lk)("img",{class:"img-fluid",src:s.soundIconSrc,alt:""},null,8,ps)])])):(0,t.Q3)("",!0)])])])])],2)}],["__scopeId","data-v-14fa754e"]])},65014(s,e,i){i.d(e,{A:()=>n});var t=i(82124);const n={name:"FullScreen",props:{json:{type:Object,required:!0},assetsBase:{type:String,required:!0},step:{type:String,required:!0},isCampaignRunning:{type:Boolean,required:!1}},data:()=>({videoAssetIndex:1,audio:null,isMusicPlaying:!1}),computed:{...(0,t.L8)("screen",["screenIs"]),soundIconOn(){return`${this.assetsBase}icons/audio-on.svg`},soundIconOff(){return`${this.assetsBase}icons/audio-off.svg`},isBlackFriday(){return"4"===this.step||"5"===this.step},isCyberMonday(){return"6"===this.step},isFinalPhase(){return this.isBlackFriday||this.isCyberMonday},weekCode(){return"coming"===this.step?"week-1":this.isBlackFriday?"week-bf":this.isCyberMonday?"week-cm"

1:`week-${this.step}`},soundIconSrc(){return this.isMusicPlaying?this.soundIconOff:this.soundIconOn},intro(){return this.json?.intro??{}},content(){return this.intro?.["full-screen"]??{}},textContent(){return this.content?.[this.step]},soundLabels(){return this.intro?.["sound-labels"]??{}},enableSoundLabel(){return this.soundLabels?.enable??""},disableSoundLabel(){return this.soundLabels?.disable??""},soundIconLabel(){return this.isMusicPlaying?this.disableSoundLabel:this.enableSoundLabel},payoff(){return this.textContent?.payoff??""},cta(){return this.textContent?.cta??""},audioSrc(){return`${this.assetsBase}audio/${this.weekCode}_audio.mp3`},ctaHref(){return this.isCampaignRunning?"#gallery-anchor":"/"}},methods:{toggleMusic(){this.audio&&(this.isMusicPlaying?this.pause():this.play())},play(){if(!this.audio)return;const s=this.audio.play();void 0!==s&&s.then(()=>{this.isMusicPlaying=!0}).catch(()=>{this.isMusicPlaying=!1})},pause(){this.audio&&(this.audio.pause(),this.isMusicPlaying=!1)},stop(){this.audio.pause(),this.audio.currentTime=0}},unmounted(){this.audio&&this.stop()},created(){this.isCampaignRunning&&(this.audio=new Audio(this.audioSrc),this.audio.loop=!0)}}}};