https://anatomovebycelest.web.app/_next/static/chunks/pages/media/…/CollectionMediaCard-ab4a1599861f0574.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},i=Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="2de098b9-436c-40ed-99e9-6423e5f8eb38",e._sentryDebugIdIdentifier="sentry-dbid-2de098b9-436c-40ed-99e9-6423e5f8eb38")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9070],{15811:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/media/components/CollectionMediaCard",function(){return t(10417)}])},28009:function(e,i,t){"use strict";var o=t(82729),n=t(85893),r=t(14440),s=t(70917),l=t(67294),a=t(56735);function d(){let e=(0,o._)(["\n  from { background-position: 200% 0; }\n  to { background-position: -200% 0; }\n"]);return d=function(){return e},e}let c=(0,s.F4)(d());i.Z=e=>{let{src:i,alt:t="",sx:o,priority:s,lazy:d,loadedOpacity:p=1,imgSx:u}=e,[x,h]=(0,l.useState)(!1),[b,g]=(0,l.useState)(!1),f=(0,l.useRef)(null);(0,l.useEffect)(()=>{h(!1),g(!1);let e=f.current;e&&e.complete&&e.naturalWidth>0&&h(!0)},[i]);let m=!!i&&!x&&!b;return(0,n.jsxs)(r.Z,{sx:[{position:"relative",overflow:"hidden"},...Array.isArray(o)?o:o?[o]:[]],children:[m&&(0,n.jsx)(r.Z,{"aria-hidden":!0,sx:{position:"absolute",inset:0,background:"linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.12) 50%, rgba(0,0,0,0.06) 75%)",backgroundSize:"200% 100%",animation:"".concat(c," 1.4s ease-in-out infinite"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),i&&!b?(0,n.jsx)(r.Z,{component:"img",ref:f,src:i,alt:t,loading:d?"lazy":void 0,fetchpriority:s?"high":void 0,onLoad:()=>{h(!0),s&&(0,a.B1)("img:hero-loaded")},onError:()=>g(!0),sx:[{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",display:"block",opacity:x?p:0,transition:"opacity 220ms ease-out"},...Array.isArray(u)?u:u?[u]:[]]}):null]})}},10417:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return g}});var o=t(85893),n=t(28009),r=t(80158),s=t(8658),l=t(14440),a=t(35465),d=t(94246),c=t(67294),p=t(25675),u=t.n(p),x={src:"/_next/static/media/listIcon.0ae8bf17.svg",height:14,width:14,blurWidth:0,blurHeight:0},h=t(48099),b=t(98303),g=e=>{var i,t,p,g,f,m,y;let{media:v,onClick:k}=e,w=(0,r.CG)(e=>e.config),j=(0,r.CG)(e=>e.auth),{i18n:C,language:_}=w,Z=(0,h.vM)({completedClasses:null!==(y=null===(i=j.appUser)||void 0===i?void 0:i.completed_classes)&&void 0!==y?y:[],mediaId:v.docId}),[D,F]=(0,c.useState)(0);return(0,c.useEffect)(()=>{let e=0;v.mediaCategory.map(i=>{e+=i.medias.length}),F(e)}),v&&(0,o.jsxs)(l.Z,{onClick:k,sx:{cursor:"pointer",display:"flex",flexDirection:"column",maxHeight:"296px",maxWidth:"384px"},children:[(0,o.jsxs)(a.Z,{spacing:"-200px",alignItems:"center",children:[(0,o.jsx)(l.Z,{sx:{position:"relative",display:"inline-block",width:"80%",height:"208px",backgroundColor:"#D7D7D780",borderRadius:"8px"}}),(0,o.jsx)(l.Z,{sx:{position:"relative",display:"inline-block",width:"88%",height:"208px",backgroundColor:"#D7D7D7",borderRadius:"8px"}}),(0,o.jsx)(l.Z,{sx:{position:"relative",display:"inline-block",width:"94%",height:"208px",backgroundColor:"#908F8F",borderRadius:"8px"}}),(0,o.jsxs)(l.Z,{sx:{position:"relative",display:"inline-block",width:"100%",height:"200px",borderRadius:"8px"},children:[(0,o.jsx)(n.Z,{src:v.imageUrl,alt:"Top Image",sx:{position:"absolute",inset:0,borderRadius:"8px"}}),(0,o.jsxs)(l.Z,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.0)",borderRadius:"8px",display:"flex",alignItems:"center",color:"white"},children:[(0,o.jsxs)(a.Z,{sx:{position:"absolute",left:"20px",bottom:"15px",height:"26px",borderRadius:"100px",backgroundColor:"white",boxShadow:"0px 4px 8px 0px #00000029",p:"4px 8px"},spacing:"8px",direction:"row",alignItems:"center",children:[(0,o.jsx)(u(),{src:x,alt:"icon",sizes:"14px"}),(0,o.jsxs)(d.Z,{sx:{fontFamily:null===(t=w.appSetting)||void 0===t?void 0:t.themes.primaryFontFamily,fontSize:"12px",lineHeight:"18px",fontWeight:500,color:"black"},children:[D," ",(0,s.i0)({i18nDocs:C,language:_,text:"Items included"})]})]}),Z&&(0,o.jsx)(l.Z,{sx:{position:"absolute",top:"8px",right:"8px"},children:(0,o.jsx)(b.default,{size:24})})]})]})]}),(0,o.jsxs)(l.Z,{sx:{pt:"16px"},children:[(0,o.jsx)(d.Z,{sx:{fontSize:"18px",fontWeight:600,lineHeight:"24px",fontFamily:null===(p=w.appSett

1ing)||void 0===p?void 0:p.courseDetail.titleFontFamily,color:(0,h.K9)(null===(g=w.appSetting)||void 0===g?void 0:g.courseDetail.descriptionFontColor),display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:2,pb:"8px"},children:(0,s.i0)({i18nDocs:C,language:_,text:v.name})}),(0,o.jsx)(d.Z,{sx:{fontSize:"16px",fontWeight:400,lineHeight:"24px",fontFamily:null===(f=w.appSetting)||void 0===f?void 0:f.courseDetail.titleFontFamily,color:(0,h.K9)(null===(m=w.appSetting)||void 0===m?void 0:m.courseDetail.descriptionFontColor),display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:1},children:(0,s.i0)({i18nDocs:C,language:_,text:"Collection"})})]})]})}},98303:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return l}});var o=t(85893),n=t(25675),r=t.n(n),s={src:"/_next/static/media/greenCheckMark.7a6b6ccb.svg",height:16,width:16,blurWidth:0,blurHeight:0},l=e=>{let{size:i=16}=e;return(0,o.jsx)(r(),{src:s,alt:"completed",width:i,height:i,style:{flexShrink:0,alignSelf:"center"}})}}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=15811)}),_N_E=e.O()}]);