https://www.pixartprinting.co.uk/js/reviewUploadAndChill.63053a7d10ea1b12484f.js

1export const __webpack_esm_id__=6187;export const __webpack_esm_ids__=[6187];export const __webpack_esm_modules__={11528(e,i,t){t.d(i,{A:()=>l});const l=(e,i,t)=>{let l;return function(...o){const n=this;clearTimeout(l),l=setTimeout(()=>{l=null,t||e.apply(n,o)},i),t&&!l&&e.apply(n,o)}}},14731(e,i,t){t.d(i,{default:()=>C}),t.r(i);var l=t(41425);const o={class:"container review-container"},n={class:"row"},a={class:"preview-col col-sm-12 col-md-9"},r={class:"mobile-preview-title d-block d-sm-none"},s={class:"info-col col-sm-12 col-md-3 d-flex"},d={class:"check-info"},c={class:"check-info-title"},v={class:"check-info-text"},u={class:"check-info-link-text"},h={class:"check-info-link"},p={key:0,class:"info-dropdown"},w=["innerHTML"];var g=t(59914),m=t(82124),_=t(87176),f=t(19300),k=t(31500),b=t(85575),y=t(49120),P=t(87663),D=t(11528);const I={components:{SpinningLoader:k.A,ArtworkPreview:_.A,BCollapse:g.K},props:{reviewSteps:{type:Object,required:!1},lineItem:{type:Object,required:!0},isLoading:{type:Boolean,required:!1},fusionPreviewConfig:{type:Object,required:!0}},data:()=>({openInfoDropdown:!1,cimDoc:null,previewWidth:0,previewHeight:0}),computed:{...(0,m.L8)("dictionary",["getDictionaryVoice"]),...(0,m.L8)("uploadAndChill",["preparedArtwork","documentUrl"]),...(0,m.L8)("screen",["screenWidth","screenHeight","screenIs"]),item3DPreviewElementId(){return`item3DPreview-${this.lineItem.id}`},ga4AdditionalParams(){return[{upload_chill_details:`${this.lineItem.id} - ${this.lineItem.productId} - ${this.lineItem.merchantInfo.productGroup} - ${this.lineItem.merchantInfo.productFamily}`}]}},methods:{toggleInfoDropdown(){this.openInfoDropdown=!this.openInfoDropdown},backToEditor(){this.destroy3DPreview(),this.$emit("backToEditor"),tcTrackEvent("upload and chill edit artwork","ga4_event",{action:"upload_chill_edit_your_artwork",additional_params:this.ga4AdditionalParams})},async render3DPreview(){try{if(!this.cimDoc){const e=await axios.get(this.documentUrl);this.cimDoc=e.data}const e={elementId:this.item3DPreviewElementId,mcpSku:this.lineItem.mcpSku,locale:window.domainLocale,skuVariables:{...this.lineItem.productConfig,Quantity:this.lineItem.quantity},cimDoc:this.cimDoc,thumbnailsPosition:this.screenIs("mobile")?"bottom":"left",flatPreview:!1,vortex:!0,vortexConfig:{dimensions:{width:`${this.previewWidth}px`,height:`${this.previewHeight}px`}},scene:!0};this.fusionPreviewConfig&&(e.flatPreview=this.fusionPreviewConfig.enableFlatPreview,e.vortex=this.fusionPreviewConfig.enable3DPreview,e.scene=this.fusionPreviewConfig.enableScenePreview,e.enableFlipBook=this.fusionPreviewConfig.enableFlipbook??!1,e.enablePackagingFlatPreview=this.fusionPreviewConfig.enablePackagingFlatPreview??!1),f.A.$emit("render3DPreview",e)}catch(e){b.A.error("preview error",e)}},destroy3DPreview(){const e={elementId:this.item3DPreviewElementId,destroy:!0};f.A.$emit("render3DPreview",e)},buttonClick(){this.$emit("buttonClick"),tcTrackEvent("upload and chill send to print","ga4_event",{action:"upload_chill_send_to_print",additional_params:this.ga4AdditionalParams})},handleResize(){const e=(0,y.A)(".dex-fusion-preview-container");e&&(this.previewWidth=e.getBoundingClientRect().width-40,this.previewHeight=e.getBoundingClientRect().height-40)},refreshRendering(){this.previewWidth>0&&this.previewHeight>0&&(this.destroy3DPreview(),this.render3DPreview())}},watch:{screenWidth:(0,D.A)(function(){this.handleResize()},100),screenHeight:(0,D.A)(function(){this.handleResize()},100),previewWidth(){this.refreshRendering()},previewHeight(){this.refreshRendering()}},mounted(){this.previewWidth=500,this.previewHeight=500,this.render3DPreview(),(0,P.A)(".dex-fusion-preview-container").then(this.handleResize)}};const C=(0,t(66262).A)(I,[["render",function(e,i,t,g,m,_){const f=(0,l.g2)("artwork-preview"),k=(0,l.g2)("spinning-loader"),b=(0,l.g2)("b-collapse");return(0,l.uX)(),(0,l.CE)("div",o,[(0,l.Lk)("div",n,[(0,l.Lk)("div",a,[(0,l.Lk)("div",r,(0,l.v_)(e.getDictionaryVoice("upload_and_chill","3D_preview_title")),1),(0,l.bF)(f,{"element3d-preview-id":_.item3DPreviewElementId},null,8,["element3d-preview-id"])]),(0,l.Lk)("div",s,[(0,l.Lk)("div",d,[(0,l.Lk)("div",c,(0,l.v_)(e.getDictionaryVoice("upload_and_chill","review_info_title")),1),(0,l.Lk)("div",v,(0,l.v_)(e.getDictionaryVoice("upload_and_chill","review_info_text")),1),(0,l.Lk)("div",{class:(0,l.C4)(["step-button",{disabled:t.isLoading}]),onClick:i[0]||(i[0]=(...e)=>_.buttonClick&&_.buttonClick(...e))},[(0,l.bF)(k,{"is-loading":t.isLoading},null,8,["is-loading"]),(0,l.eW)(" "+(0,l.v_)(e.getDictionaryVoice("upload_and_chill","print_button"))+" ",1),i[4]||(i[4]=(0,l.Lk)("i",{class:"icon icon-arrow_right_24px"},null,-1))],2),(0,l.Lk)("div",{class:"check-info-link-container",onClick:i[1]||(i[1]=(...e)=>_.backToEditor&&_.backToEditor(...e))},[(0,l.Lk)("div",u,(0,l.v_)(e.getDictionaryVoice("upload_and_chill","review_info_link_text")),1),(0,l.Lk)("div",h,(0,l.v_)(e.getDictionaryVoice("upload_and_chill","review_info_link")),1)])]),t.reviewSteps?((0,l.uX)(),(0,l.CE)("div",p,[(0,l.Lk)("div",null,[(0,l.Lk)("div",{onClick:i[2]||(i[2]=(...e)=>_.toggleInfoDropdown&&_.toggleInfoDropdown(...e)),class:"info-dropdown-title"},[(0,l.Lk)("span",null,(0,l.v_)(e.getDictionaryVoice("upload_and_chill","review_dropdown_title")),1),(0,l.Lk)("i",{class:(0,l.C4)(["icon",m.openInfoDropdown?"icon-arrow_up_20px":"icon-arrow_down_20px"])},null,2)])]),(0,l.bF)(b,{modelValue:m.openInfoDropdown,"onUpdate:modelValue":i[3]||(i[3]=e=>m.openInfoDropdown=e)},{default:(0,l.k6)(()=>[(0,l.Lk)("div",{innerHTML:t.reviewSteps.text},null,8,w)]),_:1},8,["modelValue"])])):(0,l.Q3)("",!0)])])])}],["__scopeId","data-v-5c932e34"]])},59914(e,i,t){t.d(i,{K:()=>c});

1var l=t(41425),o=t(82191),n=t(42084),a=t(68966),r=t(65248),s=t(84008),d=t(4977);const c=(0,l.pM)({inheritAttrs:!1,__name:"BCollapse",props:(0,l.zz)({horizontal:{type:Boolean,default:!1},id:{default:void 0},isNav:{type:Boolean,default:!1},skipAnimation:{type:Boolean,default:!1},tag:{default:"div"},toggle:{type:Boolean,default:!1},visible:{type:Boolean,default:!1}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,l.zz)(["hidden","hide","hide-prevented","show","show-prevented","shown"],["update:modelValue"]),setup(e,{expose:i,emit:t}){const c=e,v=(0,o.u)(c,"BCollapse"),u=t,h=(e,i={})=>new s.a(e,{cancelable:!1,target:g.value||null,relatedTarget:null,trigger:null,...i,componentId:w.value}),p=(0,l.fn)(e,"modelValue"),w=(0,n.u)(()=>v.id,"collapse"),g=(0,l.KR)(null),m=(0,l.KR)(!1),_=(0,l.KR)(p.value),f=(0,l.EW)(()=>({show:_.value,"navbar-collapse":v.isNav,collapsing:m.value,closing:_.value&&!p.value,"collapse-horizontal":v.horizontal})),k=()=>{p.value=!1},b=()=>{p.value=!0},y=()=>{p.value=!p.value},P=(0,l.EW)(()=>({toggle:y,show:b,hide:k,id:w.value,visible:p.value}));let D,I,C=v.skipAnimation;return(0,l.wB)(p,()=>{p.value?(()=>{const e=h("show",{cancelable:!0});u("show",e),e.defaultPrevented?u("show-prevented"):(clearTimeout(I),clearTimeout(D),_.value=!0,C||(m.value=!0,(0,l.dY)(()=>{null!==g.value&&(v.horizontal?g.value.style.width=`${g.value.scrollWidth}px`:g.value.style.height=`${g.value.scrollHeight}px`,D=setTimeout(()=>{m.value=!1,u("shown"),null!==g.value&&(g.value.style.height="",g.value.style.width="")},(0,d.g)(g.value)))})))})():(()=>{const e=h("hide",{cancelable:!0});u("hide",e),e.defaultPrevented?u("hide-prevented"):(clearTimeout(D),clearTimeout(I),null!==g.value&&(C?_.value=!1:(m.value?(g.value.style.height="",g.value.style.width=""):v.horizontal?g.value.style.width=`${g.value.scrollWidth}px`:g.value.style.height=`${g.value.scrollHeight}px`,g.value.offsetHeight,m.value=!0,(0,l.dY)(()=>{null!==g.value&&(g.value.style.height="",g.value.style.width="",I=setTimeout(()=>{_.value=!1,m.value=!1,u("hidden")},(0,d.g)(g.value)))}))))})()}),(0,l.sV)(()=>{null!==g.value&&!p.value&&v.toggle&&(0,l.dY)(()=>{p.value=!0})}),(0,l.wB)(()=>v.skipAnimation,e=>{C=e}),v.visible&&(C=!0,p.value=!0,(0,l.dY)(()=>{C=v.skipAnimation})),(0,l.wB)(()=>v.visible,e=>{C=!0,e?b():k(),(0,l.dY)(()=>{C=v.skipAnimation})}),(0,a.c)(g,"bv-toggle",()=>{p.value=!p.value}),i({hide:k,isNav:v.isNav,show:b,toggle:y,visible:(0,l.tB)(_)}),(0,l.Gt)(r.c,{id:w,hide:k,show:b,toggle:y,visible:(0,l.tB)(_),isNav:(0,l.lW)(()=>v.isNav)}),(e,i)=>((0,l.uX)(),(0,l.CE)(l.FK,null,[(0,l.RG)(e.$slots,"header",(0,l._B)((0,l.Ng)(P.value))),((0,l.uX)(),(0,l.Wv)((0,l.$y)((0,l.R1)(v).tag),(0,l.v6)({id:(0,l.R1)(w),ref_key:"element",ref:g,class:["collapse",f.value],"is-nav":(0,l.R1)(v).isNav},e.$attrs),{default:(0,l.k6)(()=>[(0,l.RG)(e.$slots,"default",(0,l._B)((0,l.Ng)(P.value)))]),_:3},16,["id","class","is-nav"])),(0,l.RG)(e.$slots,"footer",(0,l._B)((0,l.Ng)(P.value)))],64))}})},87176(e,i,t){t.d(i,{A:()=>r});var l=t(41425);const o={class:"artwork-preview"},n=["id"];const a={name:"ArtworkPreview",props:{element3dPreviewId:{type:String,required:!0}}};const r=(0,t(66262).A)(a,[["render",function(e,i,t,a,r,s){return(0,l.uX)(),(0,l.CE)("div",o,[(0,l.Lk)("div",{id:t.element3dPreviewId,class:"standalone-file-preview"},null,8,n)])}]])}};