Build 555975stable
Module 546804
16,036 characters · in a5783e337b01514e.jsDependencies
Required by (0)none
Lazily required by (0)none
Requires (73)
17928341883433743105447244999964700131607172079174459188275192308199138263911287809289873309954310784317560318254321073328968345938358618366010371794375708392056403581427209429635429913495544503698510022530066532794533406534514554146561794597770617986619517627968652165652215654107688810696292723090733391736653743693775602788868793574801228821609832163834730871123935462939249942460945810964421964486971146972213983851989349995393
Lazily requires (0)none
Source Raw
function(e,l,t){t.d(l,{default:()=>eM});var n=t(627968),s=t(64700),r=t(503698),a=t.n(r),i=t(17928),o=t(534514),c=t(834730),u=t(318254),d=t(821609),m=t(939249),x=t(597770),h=t(366010),b=t(192308),f=t(289873),g=t(935462),C=t(34188),j=t(358618),v=t(983851),p=t(972213),E=t(964486),_=t(736653),N=t(793574),A=t(688810),I=t(429913),k=t(427209),T=t(723090),S=t(801228),R=t(652165),O=t(561794),y=t(495544),L=t(328968),D=t(174459),M=t(371794),U=t(871123),w=t(733391),P=t(832163),H=t(429635),B=t(989349),Y=t.n(B),F=t(375708),q=t(44724);t(321073);var z=t(345938),G=t(510022),V=t(317560),W=t(533406),$=t(964421);function J(e){let{mediaItems:l,labels:t,selectedIndex:s,onSelectIndex:r}=e;return l.length<=1?null:(0,n.jsxs)("div",{className:$.kL,children:[(0,n.jsx)(c.E,{variant:"text-xs/semibold",color:"text-subtle",children:F.intl.string(F.t.U7DAV9)}),(0,n.jsx)("div",{className:$.Vg,children:l.map((e,l)=>(0,n.jsx)(m.D,{className:a()($.xn,{[$.Y4]:l===s}),onClick:()=>r(l),"aria-label":t?.[l],"aria-pressed":l===s,children:(0,n.jsx)("img",{className:$.q_,src:null!=e.thumbnailSrc?e.thumbnailSrc:"video"===e.type?e.videoThumbnailSrc:e.src,alt:"",draggable:!1})},l))})]})}var K=t(263911),X=t(971146),Q=t(696292),Z=t(554146),ee=t(43105),el=t(403581),et=t(131607),en=t(532794),es=t(617986),er=t(309954),ea=t(287809);let ei=(0,t(945810).mj)({name:"2026-04-slayer-storefront-orbs",kind:"user",defaultConfig:{enabled:!1},variations:{0:{enabled:!1},1:{enabled:!0}}});var eo=t(49999),ec=t(788868),eu=t(530066),ed=t(942460);function em(e){let{sku:l,location:t,analyticsLocations:r,onCheckout:a}=e,o=(0,T.JL)({sku:l}),c=function(e){let{orbPriceAmount:l,location:t}=e,n=function(e){let{location:l}=e;return ei.useConfig({location:l}).enabled}({location:t}),s=(0,i.bG)([ea.default],()=>ea.default.getCurrentUser()?.hasPaidTier2Subscription()??!1),{balance:r}=(0,er.W)({disableFetch:!n||null==l||!s});return n&&null!=l?s?null==r||r<l?"NOT_ENOUGH_ORBS":"CAN_CHECKOUT":"NEEDS_NITRO":"HIDDEN"}({orbPriceAmount:o?.amount,location:t}),m=s.useRef(null),[x,h]=(0,et.kn)("NEEDS_NITRO"===c?[Z.M.SLAYER_STOREFRONT_ORBS_PURCHASE_COACHMARK]:[]),b=x===Z.M.SLAYER_STOREFRONT_ORBS_PURCHASE_COACHMARK,{isOpen:f,onMouseEnter:g,onMouseLeave:C,popoverRef:j,close:v}=function(e){let{forcedOpen:l}=e,[t,n]=s.useState(!1),[r,a]=s.useState(null),i=s.useRef(null),o=s.useRef(null),c=s.useCallback(e=>{a(e)},[]),u=s.useCallback(()=>{null!=o.current&&(clearTimeout(o.current),o.current=null),t||null!=i.current||(i.current=setTimeout(()=>{i.current=null,n(!0)},350))},[t]),d=s.useCallback(()=>{null!=i.current&&(clearTimeout(i.current),i.current=null),t&&!l&&null==o.current&&(o.current=setTimeout(()=>{o.current=null,n(!1)},150))},[t,l]);return s.useEffect(()=>()=>{null!=i.current&&clearTimeout(i.current),null!=o.current&&clearTimeout(o.current)},[]),s.useEffect(()=>{if(null!=r)return r.addEventListener("mouseenter",u),r.addEventListener("mouseleave",d),()=>{r.removeEventListener("mouseenter",u),r.removeEventListener("mouseleave",d)}},[r,u,d]),{isOpen:l||t,onMouseEnter:u,onMouseLeave:d,popoverRef:c,close:s.useCallback(()=>{null!=i.current&&(clearTimeout(i.current),i.current=null),null!=o.current&&(clearTimeout(o.current),o.current=null),n(!1)},[])}}({forcedOpen:b}),p=s.useMemo(()=>"NEEDS_NITRO"===c?{title:F.intl.string(eu.default["1OBZN2"]),body:F.intl.string(eu.default.FDywIe),ctaText:F.intl.string(eu.default["Mt/ukE"]),ctaIcon:el.t,ctaVariant:"expressive",onCtaClick:()=>{b&&h(eo.i.TAKE_ACTION),v(),(0,en.A)({subscriptionTier:ec.pe.TIER_2,analyticsLocations:r,applicationId:l.applicationId})}}:"NOT_ENOUGH_ORBS"===c?{title:F.intl.string(eu.default.Xo6oAV),body:F.intl.string(eu.default.fkdIdV),ctaText:F.intl.string(eu.default.d525FQ),ctaIcon:u.C,ctaVariant:"primary",onCtaClick:()=>{v(),(0,es.navigateToQuestHome)({fromContent:Q.u.ORBS_BALANCE_MENU})}}:null,[c,b,h,v,r,l.applicationId]),E=null!=p&&f,_=s.useCallback(()=>{b&&h(eo.i.USER_DISMISS),v()},[b,h,v]);return"HIDDEN"===c||null==o?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{ref:m,onMouseEnter:g,onMouseLeave:C,children:(0,n.jsx)(d.$,{onClick:a,disabled:null!=p,variant:"secondary",text:(0,n.jsx)("span",{className:ed.Y,children:F.intl.format(F.t.lOtBOI,{orbPrice:o.amount,orbIconHook:()=>(0,n.jsx)(u.C,{size:"xs",color:"currentColor"},"orbs-icon")})}),fullWidth:!0})}),null!=p&&(0,n.jsx)(ee.A,{targetElementRef:m,popoverRef:j,shouldShow:E,position:"right",alignmentStrategy:"edge",align:"bottom",caretConfig:{align:"end"},size:"md",title:p.title,body:p.body,actions:[{text:p.ctaText,variant:p.ctaVariant,onClick:p.onCtaClick,icon:p.ctaIcon}],onRequestClose:_})]})}var ex=t(310784),eh=t.n(ex),eb=t(775602),ef=t(654107),eg=t(392056),eC=t(619517),ej=t(34337),ev=t(172079);let ep=e=>(0,ej.$o)({...e,className:ev.tN,mediaPlayerClassName:ev.yf}),eE=e=>(0,n.jsx)(eC.Ay,{...e});function e_(e){let{item:l,isMuted:t,className:r,alt:a=""}=e,o=function(e){let l=null!=e?"videoThumbnailSrc"in e?e.videoThumbnailSrc:e.src:null,[t]=(0,ef.rh)(l,"#000000");return s.useMemo(()=>{if(null==l||"#000000"===t)return;let e=eh()(t).darken(1);return`radial-gradient(circle, ${e.alpha(.2).hex()} 0%, transparent 100%)`},[l,t])}(l),c=(0,i.bG)([eb.A],()=>eb.A.useReducedMotion),[u,d]=s.useState(null),[m,x]=s.useState(l);m!==l&&(x(l),m?.type==="image"&&l?.type==="image"&&m.src!==l.src?d(m.src):d(null));let h=s.useCallback(()=>d(null),[]);if(null==l)return null;let b={background:o,backgroundImage:null!=l.backgroundSrc?`url(${l.backgroundSrc})`:void 0,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"};return"video"===l.type?(0,n.jsx)("div",{className:r??ev.kL,children:(0,n.jsx)("div",{className:`${ev.h4} ${ev.nR}`,style:b,children:(0,n.jsx)(eg.rr,{href:null,thumbnail:{url:l.videoThumbnailSrc,width:747,height:560},video:{url:l.src,proxyURL:l.src,width:747,height:560},provider:void 0,allowFullScreen:!0,maxHeight:560,maxWidth:747,playable:!0,className:ev.Ki,volume:1,autoMute:t,autoPlay:!0,renderVideoComponent:ep,renderImageComponent:eE,renderLinkComponent:ej.bU},`${l.src}-${t?"muted":"unmuted"}`)},l.src)}):(0,n.jsx)("div",{className:r??ev.kL,children:(0,n.jsxs)("div",{className:ev.h4,style:b,children:[(0,n.jsx)("img",{src:l.src,alt:a,className:ev.Sl},l.src),null!=u&&!c&&(0,n.jsx)("img",{src:u,alt:"",className:ev.Ve,onAnimationEnd:h},u)]})})}var eN=t(743693),eA=t(995393),eI=t(188275),ek=t(652215),eT=t(199138);function eS(e){let{sku:l}=e;return null==l?null:(0,n.jsxs)("div",{className:eT.AX,children:[(0,n.jsx)(o.D,{variant:"heading-lg/bold",color:"text-strong",children:l.name}),(0,n.jsx)(c.E,{variant:"text-sm/normal",color:"text-subtle",children:l.description})]})}function eR(e){let{sku:l}=e,{normalPrice:t,discountedPrice:s,discountPercent:r}=(0,T.CD)({sku:l});if(null==t)return null;let a=null!=l.orbsReward&&l.orbsReward>0;return(0,n.jsxs)("div",{className:eT.sj,children:[(0,n.jsx)(X.V,{textColor:"text-subtle"}),(0,n.jsxs)("div",{className:eT.hO,children:[null!=r&&null!=s?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.E,{variant:"text-md/medium",className:eT.Jb,children:t}),(0,n.jsx)(c.E,{variant:"text-md/semibold",color:"text-strong",children:s}),(0,n.jsx)(c.E,{variant:"text-md/bold",className:eT.Fi,children:r})]}):(0,n.jsx)(c.E,{variant:"text-md/semibold",color:"text-strong",children:t}),a&&(0,n.jsx)("div",{className:eT.pt,children:(0,n.jsx)(c.E,{variant:"text-sm/semibold",color:"currentColor",children:F.intl.format(F.t.GiVd2Q,{orbCount:l.orbsReward,orbIconHook:()=>(0,n.jsx)(u.C,{size:"xs",color:"currentColor"},"orbs-icon")})})})]})]})}function eO(e){let{sku:l,guildId:t,giftRecipient:r,giftingOrigin:a,trackPDPClick:o,analyticsLocations:u}=e,h=l.id,b=(0,i.bG)([P.A],()=>P.A.getNormalizedSKUEligibility(h),[h]),f=s.useCallback(()=>{null!=t&&(o(eA.Jq.BUY_BUTTON),(0,W.a)(l,{isGift:!1},{analyticsLocations:[...u,N.A.SLAYER_STOREFRONT_PRODUCT_DETAILS_MODAL_PURCHASE_BUTTON],guildId:t}))},[l,o,t,u]),g=s.useCallback(()=>{o(eA.Jq.GIFT_BUTTON),(0,W.a)(l,{isGift:!0,giftRecipient:r,giftingOrigin:a},{analyticsLocations:[...u,N.A.SLAYER_STOREFRONT_PRODUCT_DETAILS_MODAL_GIFT_BUTTON]})},[l,o,r,a,u]),C=(0,I.h)(l.applicationId),j=s.useMemo(()=>[...u,N.A.SLAYER_STOREFRONT_PRODUCT_DETAILS_MODAL_PURCHASE_BUTTON],[u]),v=s.useCallback(()=>{null!=C&&(o(eA.Jq.BUY_WITH_ORBS_BUTTON),(0,R.B4)({skuId:l.id,applicationId:l.applicationId,onComplete:()=>{(0,V.j)(),(0,G.n)({sku:l,application:C,analyticsLocations:j})},analyticsLocations:j}))},[l,C,j,o]);return(0,n.jsxs)("div",{className:eT.NC,children:[!b&&(0,n.jsx)(c.E,{variant:"text-xxs/normal",color:"text-subtle",children:F.intl.string(F.t.IqlPbQ)}),b?(0,n.jsxs)("div",{className:eT.mr,children:[(0,n.jsx)(d.$,{variant:"primary",onClick:f,text:F.intl.string(F.t.boqtTA),fullWidth:!0}),(0,n.jsx)(m.D,{className:eT.xP,onClick:g,"aria-label":F.intl.string(F.t.QAZA5f),role:"button",children:(0,n.jsx)(x.o,{size:"refresh_sm",color:"currentColor"})})]}):(0,n.jsx)(d.$,{icon:x.o,variant:"secondary",onClick:g,text:F.intl.string(F.t.QAZA5f),fullWidth:!0}),b&&(0,n.jsx)(em,{sku:l,location:"product_details_modal",analyticsLocations:j,onCheckout:v})]})}function ey(e){let{selectedCarouselItem:l,applicationId:t}=e;if(null==l)return null;let s=null!=l.labelIconAssetId?(0,M.YE)(t,l.labelIconAssetId):null;return(0,n.jsxs)("div",{className:eT.HI,children:[null!=s&&(0,n.jsx)("img",{className:eT.IX,src:s,alt:""},s),(0,n.jsx)(c.E,{variant:"text-xs/medium",color:"text-subtle",children:l.label})]})}function eL(e){let{onClick:l,onMouseDown:t,children:s,ariaLabel:r,className:a=eT.jU}=e;return(0,n.jsx)(m.D,{onClick:l,onMouseDown:t,className:a,"aria-label":r,role:"button",children:s})}function eD(e){let{selectedCarouselItem:l,title:t,description:s,applicationId:r,className:a}=e;return(0,n.jsxs)("div",{className:a,children:[null!=t&&(0,n.jsx)(o.D,{variant:"heading-md/semibold",color:"text-strong",children:t}),(0,n.jsx)(ey,{applicationId:r,selectedCarouselItem:l}),null!=s&&(0,n.jsx)(c.E,{variant:"text-sm/normal",color:"text-subtle",children:s})]})}function eM(e){let l,t,{customNavigateToSocialLayerStorefront:r,transitionState:o,returnRef:u,skuId:d,applicationId:m,isStorefront:x,giftRecipient:N,giftingOrigin:I,analyticsLocations:T,analyticsContext:R,onClose:B}=e,{analyticsLocations:G}=(0,A.Ay)(T??[]),{guildId:V}=(0,U.nG)(m),W=(0,i.bG)([y.default],()=>y.default.getId());s.useEffect(()=>{null!=V&&null!=d&&(0,w.iR)(V,d)},[V,d]);let $=(0,H.A)({guildId:V}),X=(0,i.bG)([P.A],()=>P.A.getSkuAssets()),Q=(0,i.bG)([L.A],()=>L.A.isFetchingForSKU(d)),Z=(0,h.M)((0,_.Ay)()),[ee,el]=s.useState(!0),et=(0,S.A)({skuId:d,location:"SocialLayerStorefrontProductDetailsModal"}),[en,es]=s.useState(0),[er,ea]=s.useMemo(()=>(function(e,l,t,n){let{heroWidth:s}=n,r=[],a=[];if(null==e||0===e.length)return[r,a];for(let n of e){let e=null!=n.assetId?t[n.assetId]:null;null!=e&&(r.push(n),e.mime_type.startsWith("video/")?a.push({type:"video",src:(0,M.YE)(l,e,s,"mp4"),videoThumbnailSrc:(0,M.YE)(l,e,s,"webp"),thumbnailSrc:null!=n.thumbnailAssetId?(0,M.YE)(l,n.thumbnailAssetId,112,"webp"):void 0,backgroundSrc:null!=n.backgroundAssetId?(0,M.YE)(l,n.backgroundAssetId,s,U.pV):void 0}):a.push({type:"image",src:(0,M.YE)(l,e,s,"webp"),thumbnailSrc:null!=n.thumbnailAssetId?(0,M.YE)(l,n.thumbnailAssetId,112,"webp"):void 0,backgroundSrc:null!=n.backgroundAssetId?(0,M.YE)(l,n.backgroundAssetId,s,U.pV):void 0}))}return[r,a]})(et?.tenantMetadata?.socialLayer?.carouselItems??[],m,X,{heroWidth:747}),[et,m,X]),[ei,eo]=s.useState(null),[ec,eu]=s.useState(!1);s.useEffect(()=>{if(null==ei)return;let e=new ResizeObserver(()=>{eu(ei.scrollHeight>ei.clientHeight)});return e.observe(ei),()=>e.disconnect()},[ei]);let ed=en<ea.length?en:0,em=er[ed]??null,ex=ea.length>1,eh=ea.some(e=>"video"===e.type);(0,O.pE)(),(0,E.Ay)(()=>{D.default.track(ek.HAw.OPEN_MODAL,{location_stack:G,type:eI.Nh,sku_id:d,application_id:m}),(0,w.Xw)()});let eb=s.useCallback(e=>{D.default.track(ek.HAw.SLAYER_STOREFRONT_PDP_ELEMENT_CLICKED,{slayer_storefront_session_id:R?.sessionId,sku_id:d,guild_id:R?.guildId,cta_type:e,location_stack:G})},[R,d,G]),ef=s.useCallback(e=>{es(e),eb(eA.Jq.CAROUSEL_ITEM)},[eb]);s.useEffect(()=>{null==V||null==d||L.A.isFetchingForSKU(d)||(0,w.qf)(V,d)},[V,d]);let eg=s.useCallback(()=>{null!=et&&null!=V&&(eb(eA.Jq.FORWARD_BUTTON),(0,z.d)({sku:et,guildId:V,source:"social-layer-storefront-pdp",analyticsLocations:G,analyticsContext:R}))},[et,V,eb,G,R]),eC=s.useCallback(()=>{eb(eA.Jq.WISHLIST_BUTTON)},[eb]),ej=s.useCallback(()=>{null!=V&&(0,q.X)({guildId:V})},[V]),ev=s.useCallback(()=>{null!=V&&(eb(eA.Jq.VISIT_SHOP),(0,b.closeAllModals)(),null!=r?r():(0,q.default)({guildId:V}))},[V,eb,r]),ep=s.useCallback(()=>{el(!ee),eb(eA.Jq.MUTE_BUTTON)},[ee,eb]),eE=(l=(0,i.bG)([P.A],()=>P.A.getConfig()?.promotionEndDatetime,[]),t=s.useMemo(()=>{if(null==l)return null;let e=Y()(),t=Y()(l).diff(e,"days");return t<=0?null:t},[l]),s.useMemo(()=>null==t?null:F.intl.formatToPlainString(F.t.BXpdIg,{days:Math.max(t,1)}),[t])),ey=et?.tenantMetadata?.socialLayer;if(null==et||null==ey)return Q?(0,n.jsx)(f.y,{}):null;let eM=$?.storefront,ew=eM?.logoAssetId!=null?(0,M.YE)(eM.applicationId,eM.logoAssetId,256):null,eP=eM?.lightThemeLogoAssetId!=null?(0,M.YE)(eM.applicationId,eM.lightThemeLogoAssetId,256):null,eH=null;eH=Z?ew??eP:eP??ew;let eB=null!=et.orbsReward&&et.orbsReward>0;return(0,n.jsx)(g.EO,{transitionState:o,"hide-shadow":!0,parentComponent:"SocialLayerStorefrontProductDetailsModal",className:eT.CR,size:g.rI.DYNAMIC,returnRef:u,children:(0,n.jsxs)(g.$m,{className:eT.jE,children:[eB&&(0,n.jsx)(eU,{timeRemaining:eE??void 0,text:F.intl.format(F.t.d3njXi,{orbCount:et.orbsReward})}),(0,n.jsxs)("div",{className:eT.nr,children:[(0,n.jsxs)("div",{className:a()(eT.op,{[eT.uk]:et.exclusive}),children:[(0,n.jsx)("div",{className:eT.r$,children:null!=eH?(0,n.jsx)("img",{className:eT.wm,src:eH,alt:eM?.title??""}):null}),(0,n.jsxs)("div",{ref:eo,className:eT.zD,children:[et.exclusive&&(0,n.jsx)("div",{className:eT.K3,children:(0,n.jsx)(K.I,{})}),ex?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(eS,{sku:et}),(0,n.jsx)("div",{className:eT._D,children:(0,n.jsx)(J,{mediaItems:ea,labels:er.map(e=>e.label),selectedIndex:ed,onSelectIndex:ef})}),(0,n.jsx)(eD,{selectedCarouselItem:em,title:em?.title,description:em?.description,applicationId:m,className:eT.Jv})]}):(0,n.jsx)(eD,{selectedCarouselItem:em,title:et.name,description:et.description,applicationId:m,className:eT.cP})]}),(0,n.jsxs)("div",{className:a()(eT.Td,{[eT.t7]:ec}),children:[(0,n.jsx)(eR,{sku:et}),(0,n.jsx)(eO,{sku:et,guildId:V,giftRecipient:N?.id!==W?N:void 0,giftingOrigin:N?.id!==W?I:void 0,trackPDPClick:eb,analyticsLocations:G})]})]}),(0,n.jsxs)("div",{className:eT.il,children:[(0,n.jsx)(e_,{item:ea[ed],isMuted:ee,alt:em?.label??et.name}),!x&&(0,n.jsxs)(eL,{onClick:ev,onMouseDown:ej,ariaLabel:F.intl.string(F.t["+v/1Dk"]),className:eT.gW,children:[(0,n.jsx)(C.U,{size:"refresh_sm",color:"currentColor"}),(0,n.jsx)(c.E,{variant:"text-md/medium",color:"currentColor",children:F.intl.string(F.t["+v/1Dk"])})]}),(0,n.jsxs)("div",{className:eT.V7,children:[null!=et&&(0,n.jsx)(eN._,{sku:et,isCardHovered:!0,className:a()(eT.jU,eT.ij),trackButtonClick:eC,variant:"overlay-secondary",location:"social_layer_storefront_product_details_modal"}),(0,n.jsx)(eL,{onClick:eg,ariaLabel:F.intl.string(F.t.Ej3B3Y),children:(0,n.jsx)(k.A,{size:"refresh_sm",color:"currentColor"})}),eh&&(0,n.jsx)(eL,{onClick:ep,ariaLabel:ee?F.intl.string(F.t.YqAjXy):F.intl.string(F.t.w4m945),children:ee?(0,n.jsx)(j._,{size:"refresh_sm",color:"currentColor"}):(0,n.jsx)(v.H,{size:"refresh_sm",color:"currentColor"})}),(0,n.jsx)(eL,{onClick:B,ariaLabel:F.intl.string(F.t.cpT0Cq),children:(0,n.jsx)(p.d,{size:"refresh_sm",color:"currentColor"})})]})]})]})]})})}function eU(e){let{timeRemaining:l,text:t}=e;return(0,n.jsxs)("div",{className:eT.pP,children:[(0,n.jsxs)("div",{className:eT.Wi,children:[(0,n.jsx)(u.C,{size:"refresh_sm",color:"currentColor"}),(0,n.jsx)(c.E,{variant:"text-sm/semibold",color:"currentColor",children:t})]}),null!=l&&(0,n.jsx)(c.E,{variant:"text-sm/medium",color:"currentColor",children:l})]})}}