Module 139146

2,636 characters · in no known chunk
Dependencies
Lazily required by (0)none
Lazily requires (0)none
Source Raw
function(e,t,n){"use strict";n.d(t,{R:()=>T,_:()=>S});var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(17928),l=n(459192),u=n(990078),c=n(844222),d=n(926268),_=n(559758),h=n(939249),f=n(661492),E=n(280450),p=n(113265),m=n(758836),g=n(375708),A=n(859633);let I={xs:"xxs",sm:"xs",md:"refresh_sm"};function T(e){let{product:t,selectedVariantIndex:n,location:s,onError:a,isCardHovered:l=!0,onTrackClick:u,...c}=e,d=(0,o.bG)([E.default],()=>E.default.getId()),{isWishlisted:_,isBusy:h,isFirstTimeWishlister:g,handleToggle:A,specificProductOrVariant:I,isPurchased:T}=(0,p.z)({userId:d,product:t,selectedVariantIndex:n,location:s,onError:a}),N=r.useCallback(()=>{u?.(_?m.sH.REMOVE_FROM_WISHLIST:m.sH.ADD_TO_WISHLIST),A()},[_,A,u]);return T?null:(0,i.jsx)(S,{skuId:I.skuId,productName:I.name,disabled:!(0,f.qq)(I),isWishlisted:_,isBusy:h,isFirstTimeWishlister:g,isVisuallyHidden:!l&&!_,onClick:N,...c})}function S(e){let{skuId:t,productName:n,className:s,disabled:o,variant:f="default",size:E="md",isWishlisted:p,isBusy:m,isFirstTimeWishlister:T,isVisuallyHidden:S,onClick:N,shouldShowTooltip:C,tooltipConfig:y={}}=e,O=I[E],{reducedMotion:R}=r.useContext(c.C),v=r.useRef(null),[b,L]=r.useState(!1),D=p&&!b,w=D?d.C:_.y,P=a()(A.normalIconColor,D&&A.wishlistedOrAnimating);r.useEffect(()=>{L(!1)},[t]);let M=r.useCallback(e=>{e.stopPropagation(),o||(p||R.enabled?p&&b&&L(!1):L(!0),N())},[o,p,R.enabled,b,N]),x=!o&&!p&&!b,U=r.useCallback(e=>{e.target===e.currentTarget&&b&&requestAnimationFrame(()=>L(!1))},[b]);function k(){let e=g.intl.formatToPlainString(g.t["7kFjeK"],{productName:n});return(0,i.jsx)(h.D,{className:a()(A.wishlistButton,A[E],{[A.variantDefault]:"default"===f,[A.variantSecondary]:"secondary"===f,[A.variantSecondaryOverlay]:"overlay-secondary"===f,[A.disabled]:o,[A.visuallyHidden]:S},s),innerRef:v,onClick:M,"aria-label":e,"aria-pressed":p,"aria-busy":m,"aria-disabled":o,children:R.enabled?(0,i.jsx)(w,{colorClass:(void 0)??P,size:O}):(0,i.jsxs)("div",{className:a()(A.iconContainer,x&&A.canAnimate),children:[(0,i.jsx)("span",{className:a()(A.iconWrapper,x&&A.canHover),children:(0,i.jsx)(w,{colorClass:(void 0)??P,size:O})}),(0,i.jsx)("span",{className:a()(A.animationOverlay,b&&A.clickAnimation),onAnimationEnd:U,children:(0,i.jsx)(d.C,{size:O})})]})})}if(T&&!o){let e=y.firstTimeTitle??g.intl.string(g.t["47Rhc3"]),t=y.firstTimeBody??g.intl.string(g.t.PXjA0b);return(0,i.jsx)(l.u,{title:e,body:t,shouldShow:C,children:k()})}let G=o?y.disabled??g.intl.string(g.t["50TX9k"]):p?y.remove??g.intl.string(g.t.yr9TTf):y.add??g.intl.string(g.t["8DkMEQ"]);return(0,i.jsx)(u.m,{text:G,ariaHidden:!o,shouldShow:C,children:k()})}}