https://www.hometesterclub.com/_next/static/chunks/pages/[country]…/user/[userId]/uploads-88b65f5e097de9ce.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1101],{5946:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSG:()=>J,default:()=>q});var a=r(18153),l=r(76220),i=r(14531),n=r(14232),o=r(88650),u=r(54979),c=r(9727),s=r(97714),d=r(77562),p=r(78897),h=r(17511),g=r(88698),m=r(42644),f=r(75662),y=r(4878),v=r(73665),w=r(45979),b=r(57396),A=r(45899),_=r(42176),Y=r(60795),k=r(27456),x=r(35268),E=r(78224),C=r(53962);let F=(0,x.Ay)(E.A)(e=>{let{theme:t}=e;return{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fit, 250px)",marginTop:"20px",columnGap:"40px",justifyContent:"center",justifyItems:"center",alignItems:"start","& > *:nth-of-type(2n)":{margin:"0 auto 28px 0"},[t.breakpoints.up("md")]:{gridTemplateColumns:"repeat(auto-fit, 250px)"}}}),T=(0,x.Ay)(Y.A)(e=>{let{theme:t}=e;return{margin:"0 0 28px 0",justifyContent:"center",[t.breakpoints.up("md")]:(0,C.h)({margin:"0 0 28px 0",justifyContent:"flex-start"})}}),D=(0,x.Ay)(Y.A)({flexDirection:"row"}),M=(0,x.Ay)(Y.A)({flexDirection:"column",marginRight:"8px"}),L=(0,x.Ay)(E.A)({alignSelf:"flex-start",marginLeft:"auto",cursor:"pointer"}),S=(0,x.Ay)(k.b)(e=>{let{theme:t}=e;return{"& .MuiPaper-root":(0,C.h)({[t.breakpoints.up("md")]:(0,C.h)({minWidth:"200px"})})}}),B=(0,x.Ay)(Y.A,(0,C.E)(["cursor"]))(e=>{let{cursor:t}=e;return{marginBottom:"10px",cursor:t}}),N=(0,x.Ay)(Y.A)({position:"relative",justifyContent:"center",alignItems:"center",padding:"5px",maxWidth:"360px"});var U=r(75098),j=r(24585),O=r(37374),Z=r(82123),z=r(48840),I=r(7712),H=r(34168),R=r(35003),P=r(2363);let V=e=>{var t;let{upload:r,deleteUpload:l,onSelect:i}=e,{languageISO:n}=(0,z.o)(),o=new Date(r.dateCreated),{isHydrated:u}=(0,Z.z)();return(0,a.FD)(T,{children:[(0,a.Y)(B,{onClick:i,cursor:r.type===w.oU.Image?"default":"pointer",children:(0,a.Y)(j.U,{alt:r.fileName,uri:r.uri,type:r.type,size:250,objectFit:"contain"})}),(0,a.FD)(D,{children:[(0,a.FD)(M,{children:[r.productName?(0,a.Y)(U.P,{variant:"body2",color:O.J.primary2,marginBottom:"10px",html:r.productName}):(0,a.Y)(R.A,{variant:"body2",color:O.J.primary2,marginBottom:"10px",children:r.title}),u&&(0,a.Y)(R.A,{variant:"body2",color:O.J.gray4,marginBottom:"10px",children:null!=(t=(0,P.f)(I.zB,o,n))?t:""})]}),(0,a.Y)(L,{children:(0,a.Y)(H.A,{onClick:l})})]})]})},W=()=>{var e,t,r;let{webApiAuthenticatedClient:l}=(0,g.X)(),{showConfirmation:i,showError:k}=(0,f.s)(),{t:x}=(0,v.B)(),{query:{userId:E},replace:C}=(0,y.b)(),T=Number(E),{user:D}=(0,m.u)(),[M,L]=(0,n.useState)(!0),[B,U]=(0,n.useState)([]),[j,O]=(0,n.useState)(),[Z,z]=(0,n.useState)(!1),[I,H]=(0,n.useState)(0),[R,P]=(0,n.useState)(0),W=(0,n.useCallback)(()=>z(!0),[]),J=(0,n.useCallback)(()=>z(!1),[]),q=D.id===T,X=(0,n.useMemo)(()=>B.length<R,[B,R]),G=(0,n.useCallback)(async e=>{var t;let r=await b.h.getMemberUploadMedia(await l(),D.id,10,10*e);return r.success&&r.data?(P(null!=(t=r.totalItems)?t:0),r.data):void k(x("T_Sorry_Try_Later"))},[l,D.id,k,x]),K=(0,n.useCallback)(async e=>{let t=await G(e);t&&(U(e=>e.concat(t)),H(e=>e+1))},[G]),Q=(0,n.useCallback)(async()=>{L(!0),await K(0),L(!1)},[K]),$=(0,n.useCallback)(async()=>{await K(I)},[K,I]);(0,n.useEffect)(()=>{q?Q():C(o.BV.NOT_FOUND)},[C,q,Q]);let ee=(0,n.useCallback)(async e=>{if(e)try{await b.h.deleteQuestionUploadMedia(await l(),e,D.id)}catch(e){k(x("T_Error_Upload_Delete_Failed"))}},[k,x,l,D]),et=async e=>{i(x("T_Are_You_Sure_You_Want_To_Delete"),()=>{ee(e),U(B.filter(t=>t.id!==e))})},er=(0,n.useCallback)(e=>{e.type!==w.oU.Image&&(O(e),W())},[W]);return M?(0,a.Y)(h.e,{}):0===B.length?(0,a.Y)(p.z,{children:(0,a.Y)(c.R,{title:null!=(e=D.firstName)?e:"",applyMarginTop:!1,children:(0,a.Y)(s.Z,{imageComponent:(0,a.Y)(_.A,{}),title:x("T_No_Uploads_Yet"),subtitle:x("T_Once_A_Photo_Or_Video_Is_Uploaded_You_Will_See_Them_Here"),titleSize:"small"})})}):(0,a.Y)(p.z,{children:(0,a.Y)(c.R,{title:x("T_My_Uploads"),applyMarginTop:!1,children:(0,a.Y)(p.z,{children:(0,a.FD)(Y.A,{alignItems:"center",width:"100%",children:[(0,a.Y)(S,{open:Z,onClose:J,children:(0,a.Y)(N,{children:(0,a.Y)(d.l,{url:null!=(t=null==j?void 0:j.uri)?t:"",alt:null!=(r=null==j?void 0:j.fileName)?r:"",type:(0,A.$9)(null==j?void 0:j.type)})})}),(0,a.Y)(u.n,{canLoadMore:X,fetcher:$,children:(0,a.Y)(F,{children:B.map((e,t)=>(0,a.Y)(V,{upload:e,deleteUpload:()=>et(e.id),onSelect:()=>er(e)},t))})})]})})})})};var J=!0;let q=()=>(0,a.Y)(i.N,{children:(0,a.Y)(l.M,{children:(0,a.Y)(W,{})})})},9727:(e,t,r)=>{"use strict";r.d(t,{R:()=>m});var a=r(18153),l=r(37374),i=r(97559),n=r(60795),o=r(35003),u=r(78224),c=r(14814),s=r(35268),d=r(53962);let p=(0,s.Ay)(u.A)({width:"100%",height:"2px",backgroundColor:l.J.gray6,borderRadius:"1px"}

1),h=(0,s.Ay)(n.A,(0,d.E)(["applyMarginTop","applyMarginBottom","applyHorizontalPadding"]))(e=>{let{applyMarginTop:t,applyMarginBottom:r,applyHorizontalPadding:a,theme:l}=e;return{marginTop:t?"25px":"0",marginBottom:r?"36px":"0",[l.breakpoints.up("md")]:(0,d.h)({padding:a?"0 92px":0})}}),g=(0,s.Ay)(n.A)(e=>{let{theme:t}=e;return{paddingTop:"1.25rem",paddingBottom:"0.4rem",[t.breakpoints.down("md")]:(0,d.h)({justifyContent:"space-between"})}}),m=e=>{let{title:t,onBack:r,children:s,applyMarginTop:d=!0,applyMarginBottom:m=!0,applyHorizontalPadding:f=!0,testId:y="layout-with-back-header"}=e,{isLargeScreen:v}=(0,i.l)();return(0,a.FD)(n.A,{children:[(0,a.FD)(g,{direction:"row",alignItems:"center",children:[(0,a.Y)(c.H,{onBack:r}),(0,a.Y)(o.A,{color:l.J.primary2,variant:"h6","data-testid":"".concat(y,"-title"),children:t}),(0,a.Y)(u.A,{width:"24px",height:"24px"})]}),v&&(0,a.Y)(p,{}),(0,a.Y)(h,{applyMarginTop:d,applyHorizontalPadding:f,applyMarginBottom:m,children:s})]})}},14531:(e,t,r)=>{"use strict";r.d(t,{N:()=>s});var a=r(18153),l=r(14232),i=r(88650),n=r(69024),o=r(42644),u=r(4878),c=r(71993);let s=e=>{let{children:t}=e,[r,s]=(0,l.useState)(!1),{isNavigationReady:d,replace:p}=(0,u.b)(),{isLogged:h,isAuthenticationReady:g,getIsLoggedToken:m,logout:f,setRedirectToThisPageAfterLogin:y}=(0,o.u)(),v=m(),w=(0,c.fL)(),b=(0,c.Bk)(),A=h&&!v,_=(0,l.useCallback)(()=>{y(),f(!0),p(i.BV.LOGIN)},[f,p,y]);return((0,l.useEffect)(()=>{g&&b&&d&&!r&&(A||!h)&&(A&&console.debug("Logged user token is missing, Logging off..."),h||console.debug("User is not logged..."),s(!0),_())},[g,_,h,d,b,A,r]),w||!g||b&&(!h||A))?(0,a.Y)(n.p,{isLoading:!0}):(0,a.Y)(a.FK,{children:t})}},14814:(e,t,r)=>{"use strict";r.d(t,{H:()=>d});var a=r(18153),l=r(4878),i=r(73665),n=r(37374),o=r(82201),u=r(35268),c=r(53962);let s=(0,u.Ay)(o.A)(e=>{let{theme:t}=e;return{flexShrink:"0",height:"24px",marginRight:"12px",width:"24px",color:n.J.primary2,"&:hover":(0,c.h)({cursor:"pointer"}),[t.breakpoints.up("md")]:(0,c.h)({marginRight:"68px"})}}),d=e=>{let{onBack:t}=e,{back:r}=(0,l.b)(),{t:n}=(0,i.B)();return(0,a.Y)(s,{onClick:null!=t?t:r,role:"button","aria-label":n("T_Aria_Label_Arrow_Back")})}},16518:(e,t,r)=>{"use strict";r.d(t,{s:()=>a});var a=function(e){return e.DEFAULT="default",e.QUESTION="question",e}({})},17511:(e,t,r)=>{"use strict";r.d(t,{e:()=>u});var a=r(18153),l=r(1312),i=r(35268),n=r(78224);

1let o=(0,i.Ay)(n.A)({display:"flex",alignItems:"center",justifyContent:"center"}),u=e=>{let{viewHeight:t=50,fill:r,...i}=e;return(0,a.Y)(o,{height:r?"100%":"".concat(t,"vh"),flex:r?"1":void 0,...i,children:(0,a.Y)(l.k,{})})}},22949:(e,t,r)=>{"use strict";r.d(t,{q:()=>n});var a=r(18153),l=r(88962);let i=(0,r(35268).Ay)("iframe")({height:"100%",width:"100%"}),n=e=>{let{uri:t,...r}=e;return(0,a.Y)(i,{"data-testid":"youtube-preview",allowFullScreen:!0,src:(0,l.w_)(t),sandbox:"allow-same-origin allow-scripts allow-presentation",...r})}},24585:(e,t,r)=>{"use strict";r.d(t,{U:()=>y});var a,l=r(18153),i=r(14232),n=r(12237),o=r(88962);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let c=function(e){return i.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",height:120,viewBox:"0 0 24 24",width:120,fill:"#FFF"},e),a||(a=i.createElement("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z"})))};var s=r(10642),d=r(35268),p=r(78224),h=r(53962);let g=(0,d.Ay)(p.A,(0,h.E)(["size"]))(e=>{let{size:t}=e;return{...t,display:"flex",justifyContent:"center",alignItems:"center",position:"relative"}}),m=(0,d.Ay)(p.A,(0,h.E)(["iconHeight"]))(e=>{let{theme:t,iconHeight:r}=e;return{left:"auto",top:"auto",right:"auto",bottom:"auto",position:"absolute",background:t.palette.primary.light,borderRadius:"50%",height:r}});var f=r(54205);let y=e=>{let{uri:t,size:r,type:a,onLoadEnd:u,thumbnail:d,alt:p="cover-image",localMedia:h=!1,objectFit:y="cover",...v}=e,[w,b]=(0,i.useState)(),A=(0,i.useMemo)(()=>a.toLocaleLowerCase(),[a]),_=A===n.A.video||A===n.A.youtube,Y=r/2,k=(0,i.useCallback)(()=>{switch(A){case n.A.youtube:b((0,o.X7)(t));break;case n.A.video:(0,f.L)(h,t).then(b);break;case n.A.image:default:b(d||t)}},[h,d,A,t]);return(0,i.useEffect)(()=>{k()},[k]),(0,l.FD)(g,{size:{width:r,height:r},...v,children:[w&&(0,l.Y)(s.W,{src:w,alt:p,onLoad:u,fill:!0,style:{objectFit:y}}),_&&(0,l.Y)(m,{iconHeight:Y,children:(0,l.Y)(c,{width:Y,height:Y})})]})}},25101:(e,t,r)=>{"use strict";r.d(t,{l:()=>h});var a=r(18153),l=r(16518),i=r(35268),n=r(53962),o=r(10642);let u=(0,i.Ay)(o.W,(0,n.E)(["alignDesktop","variant"]))(e=>{let{theme:t,alignDesktop:r,variant:a}=e;return{objectFit:a===l.s.DEFAULT?"contain":"cover",width:"100%",height:"100%",[t.breakpoints.up("md")]:(0,n.h)({...r&&{objectPosition:r}})}}),c=e=>{let{alt:t,src:r,width:i=0,height:n=0,alignDesktop:o,variant:c,...s}=e;return(0,a.Y)(u,{src:r,alt:t,...s,width:i,height:n,sizes:"100vw",alignDesktop:c===l.s.DEFAULT?o:"left",variant:c,"data-testid":"image-preview"})},s=e=>{let{uri:t}=e;return(0,a.FD)("video",{width:"100%",height:"100%",controls:!0,"data-testid":"video-preview",children:[(0,a.Y)("source",{src:t,type:"video/mp4"}),"Your browser does not support the video tag."]},t)};var d=r(22949),p=r(12237);let h=e=>{let{type:t,url:r,alt:i,width:n,height:o,alignDesktop:u,variant:h=l.s.DEFAULT}=e,g=t.toLocaleLowerCase(),m=g===p.A.notSupported,f=g===p.A.image||m,y=g===p.A.video,v=g===p.A.youtube;return(0,a.FD)(a.FK,{children:[f&&(0,a.Y)(c,{src:m?"":r,alignDesktop:u,alt:i,width:n,height:o,variant:h}),y&&(0,a.Y)(s,{uri:r}),v&&(0,a.Y)(d.q,{uri:r})]})}},34168:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a,l=r(14232);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let n=function(e){return l.createElement("svg",i({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.123 3a.372.372 0 0 0-.373.373V4.5h4.5V3.373A.372.372 0 0 0 13.877 3H10.123ZM6.048 6l.888 14.203v.009c.026.504.362.788.752.788h8.625c.386 0 .72-.277.75-.796L17.953 6H6.048Zm12.695-1.5H15.75V3.376A1.872 1.872 0 0 0 13.874 1.5h-3.748A1.872 1.872 0 0 0 8.25 3.376V4.5h-4.5a.75.75 0 1 0 0 1.5h.795l.894 14.293c.065 1.227.99 2.207 2.248 2.207h8.625c1.27 0 2.175-.99 2.25-2.204L19.454 6h.795a.75.75 0 0 0 0-1.5h-1.494a.64.64 0 0 0-.013 0Zm-10.145 3a.75.75 0 0 1 .777.723l.375 10.5a.75.75 0 0 1-1.5.054l-.375-10.5a.75.75 0 0 1 .723-.777Zm6.804 0a.75.75 0 0 1 .723.777l-.376 10.5a.75.75 0 1 1-1.498-.054l.375-10.5a.75.75 0 0 1 .776-.723ZM12 7.5a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-1.5 0V8.25A.75.75 0 0 1 12 7.5Z",fill:"#434645"})))}},42176:(e,t,r)=>{"use strict";r.d(t,{A:()=>d});var a,l,i,n,o,u,c=r(14232);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let d=function(e){return c.createElement("svg",s({width:194,height:186,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=c.createElement("path",{d:"M101.702 17.133S106.736 49.504 161 50.398c48.191.793 32.875 58.111 15.769 76.135-22.16 23.347-65.587 17.24-67.867 44.415-2.279 27.176-63.502 16.625-62.46-24.348 1.298-50.97-26.62-35.471-40.754-49.104C-4.456 87.71-.97 42.416 31.183 37.23c27.055-4.363 25.653-15.826 27.804-24.312 3.102-12.239 34.467-23.325 42.715 4.215Z",fill:"#ECE8F3"})),l||(l=c.createElement("path",{d:"M152.75 132.365a6.237 6.237 0 0 1-1.822 4.433 6.254 6.254 0 0 1-4.426 1.839l-100.225.204a6.258 6.258 0 0 1-6.272-6.249l-.14-70.47L95.34 27.293a1.566 1.566 0 0 1 1.66-.007l54.31 33.802 1.299.806v1.128l.141 69.343Z",fill:"#208AF2"})),i||(i=c.createElement("path",{d:"M144.573 33.359H47.304a.42.42 0 0 0-.42.42v104.083c0 .232.188.42.42.42h97.269a.42.42 0 0 0 .42-.42V33.779a.42.42 0 0 0-.42-.42Z",fill:"#947DBD"})),n||(n=c.createElement("path",{d:"m146.402 138.538-49.747-37.93a.319.319 0 0 1 .013-.516l55.44-37.892a.32.32 0 0 1 .328-.019.32.32 0 0 1 .17.281l.14 69.869a6.26 6.26 0 0 1-6.136 6.276.34.34 0 0 1-.208-.069ZM46.361 138.737l49.595-38.127a.325.325 0 0 0 .124-.262.317.317 0 0 0-.14-.254l-55.59-37.67a.319.319 0 0 0-.497.263l.14 69.869a6.264 6.264 0 0 0 6.16 6.251.334.334 0 0 0 .208-.07Z",fill:"#8672AC"})),o||(o=c.createElement("path",{d:"m146.494 138.608-100.225.2a6.278 6.278 0 0 1-6.216-5.423 1.568 1.568 0 0 1 .52-1.387l54.663-48.36a1.566 1.566 0 0 1 2.07-.005l54.856 48.142a1.566 1.566 0 0 1 .526 1.385 6.28 6.28 0 0 1-6.194 5.448Z",fill:"#2B0D61"})),u||(u=c.createElement("path",{d:"M71.782 59.198c1.946 0 3.523-2.103 3.523-4.698 0-2.594-1.577-4.698-3.523-4.698-1.946 0-3.524 2.104-3.524 4.698 0 2.595 1.578 4.698 3.524 4.698ZM121.112 59.198c1.946 0 3.523-2.103 3.523-4.698 0-2.594-1.577-4.698-3.523-4.698-1.946 0-3.524 2.104-3.524 4.698 0 2.595 1.578 4.698 3.524 4.698ZM109.759 74.776a.7.7 0 0 1-.595-.33c-.036-.058-3.868-5.978-12.775-6.72-3.707-.308-7.225.724-10.452 3.07a17.965 17.965 0 0 0-3.794 3.682.7.7 0 0 1-1.147-.804c.059-.084 1.467-2.075 4.076-3.98 3.468-2.535 7.421-3.697 11.433-3.363 9.635.803 13.679 7.106 13.846 7.374a.699.699 0 0 1-.593 1.07h.001Z",fill:"#fff"})))}},54979:(e,t,r)=>{"use strict";r.d(t,{n:()=>u});var a=r(18153),l=r(14232),i=r(72147),n=r(71993);let o=(0,r(35268).Ay)("div")(e=>{let{theme:t}=e;return{width:"fit-content",margin:"".concat(t.spacing(3)," auto 0 auto"),display:"flex"}}),u=e=>{let{children:t,fetcher:r,canLoadMore:u,forceLoading:c,resetData:s}=e,d=(0,l.useRef)(null),[p,h]=(0,l.useState)(!1),[g,m]=(0,l.useState)(!1),f=(0,n.Bk)(),y=(0,l.useCallback)(()=>

1{if(!f)return!1;if(d.current){let e=d.current.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom-100<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}return!1},[f]),v=(0,l.useCallback)(()=>{f&&y()&&h(!0)},[y,f]),w=(0,l.useCallback)(()=>{if(f)return!p&&u&&document.addEventListener("scroll",v),()=>document.removeEventListener("scroll",v)},[p,u,v,f]),b=(0,l.useCallback)(async()=>{if(f&&(s||p)&&!g)try{m(!0),await r()}finally{h(!1),m(!1)}},[p,r,g,s,f]);return(0,l.useEffect)(()=>{let e=w();return()=>e&&e()},[w]),(0,l.useEffect)(()=>{f&&b()},[b,f]),(0,a.FD)(a.FK,{children:[t,(g||c)&&(0,a.Y)(o,{children:(0,a.Y)(i.A,{size:25})}),(0,a.Y)("div",{ref:d})]})}},77562:(e,t,r)=>{"use strict";r.d(t,{l:()=>a.l});var a=r(25101)},82123:(e,t,r)=>{"use strict";r.d(t,{z:()=>l});var a=r(14232);let l=()=>{let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{t(!0)},[]),{isHydrated:e}}},92205:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[country]/[language]/user/[userId]/uploads",function(){return r(5946)}])}},e=>{e.O(0,[9509,5013,3146,6220,636,6593,8792],()=>e(e.s=92205)),_N_E=e.O()}]);