Loading
function(e,t,n){"use strict";n.d(t,{A:()=>g});var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(43990),l=n(17928),u=n(770178),d=n(363195),c=n(746002),_=n(855915),h=n(940622),f=n(875741),E=n(325409);function p(e){let{skuId:t,layer:n,data:r,fadeIn:s,containerWidth:o,containerHeight:l}=e,u=r?.src??(0,c.getCollectiblesItemAssetUrl)({skuId:t,assetFormat:"static",assetId:n.id});if(null==u)return null;let d=a()(E.S_,{[E.Wm]:"front"===n.order,[E.aX]:"back"===n.order,[E.Mn]:"top"===n.anchor,[E.sQ]:"bottom"===n.anchor,[E.gX]:"center"===n.anchor,[E.no]:!0===n.responsive,[E.qG]:!0===s});switch(n.type){case"staple":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:a()(E.zu,d)}),(0,i.jsx)("img",{src:u,alt:"","aria-hidden":!0,className:a()(d,E.im)})]});case"rail":return(0,i.jsx)("div",{role:"img",style:{backgroundImage:`url(${u})`},className:a()(d,E.H$)});case"border":return(0,i.jsx)("div",{role:"img","aria-hidden":!0,className:a()(d,E.PQ),children:Array.from({length:(e=>{let{data:t,containerWidth:n,containerHeight:i}=e;if(null==t||0===t.naturalWidth||null==n||null==i)return 5;let r=n*(t.naturalHeight/t.naturalWidth);return r<=0?5:Math.ceil(i/r)+1})({data:r,containerWidth:o,containerHeight:l})},(e,t)=>(0,i.jsx)("img",{src:u,alt:"","aria-hidden":!0},t))});default:return n.type,null}}function m(e){let{skuId:t,label:n,layers:s,layerData:o,fadeIn:l,themeClass:d,profileFrameClassName:c,profileFrameStyle:_,className:h}=e,f=r.useRef(null),[m,g]=r.useState(null),[A,I]=r.useState(null),T=r.useCallback(e=>{g(Math.round(e.contentRect.width)),I(Math.round(e.contentRect.height))},[]);return(0,u.g)(f,T,[],{fireOnMount:!0,enabled:s.some(e=>{let{type:t}=e;return"border"===t})}),(0,i.jsx)("div",{className:a()(E.uF,d,c,h),style:_,"aria-label":n,role:"img",children:(0,i.jsx)("div",{ref:f,className:E.hH,children:s.map(e=>(0,i.jsx)(p,{skuId:t,layer:e,data:o[e.id],fadeIn:l,containerWidth:m,containerHeight:A},e.id))})})}function g(e){let{frame:t,className:n,filterLayer:s,fadeIn:a=!0}=e,u=(0,l.bG)([d.A],()=>d.A.theme),c=(0,h.eo)(),E=(0,f.i)(t),{profileFrameStyle:p,profileFrameClassName:g}=c?.css??E,A=c?.layers??t.layers,I=null==s?A:A.filter(s),T=I.map(e=>{let{id:t}=e;return t}).join("\0"),S=r.useMemo(()=>I,[A,T]),{layerData:N,loaded:C}=(0,_.A)({skuId:t.skuId,layers:null!=c?void 0:S}),y=c?.layerData??N,v=null!=c||C;return 0!==S.length&&v?(0,i.jsx)(o.N,{theme:u,children:e=>(0,i.jsx)(m,{skuId:t.skuId,label:t.label,layers:S,layerData:y,fadeIn:a,themeClass:e,profileFrameClassName:g,profileFrameStyle:p,className:n})}):null}}