https://spree.com/_next/static/chunks/14227.1de75936201ed18c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14227],{14227:(a,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>b});var t=r(6029),l=r(29087),s=r(42929),i=r(8588),o=r.n(i),n=r(55729),v=r(31219),u=r(24235),c=r(56758),d=r(91744),h=r(69034),f=r(86721),p=r(65164),_=r(3032),y=r(99563),m=r(47434),g=r(74235),A=r(68363),N=r(10120),P=r(22730),w=r.n(P);let E=(0,_.M)(w()),S=p.M.select(a=>{let{user:e}=a;return{isSetAvatarLoading:e.isSetAvatarLoading}}),b=a=>{var e;let{id:r,className:i,onClick:p,hideChangeButton:_,size:P=200,style:w,levelNumberSize:b=N.LevelNumberSizes.xs,defaultAvatars:x,profilePicture:L,levelNumberClassName:j,...k}=a,C=(0,d.w)(),{open:F}=(0,h.c)(),{t:M}=(0,f.A)(),{view:U}=(0,h.c)(),[z,B]=(0,s.l)(),{xpVariant:K}=(0,u.E)(),q=(null==x?void 0:null===(e=x[0])||void 0===e?void 0:e.avatar)||M("avatars.default"),[D,G]=(0,n.useState)((null==L?void 0:L.split("/").pop())||q),[H,T]=(0,n.useState)(!0),V=(0,n.useMemo)(()=>H?L?L.split("/").pop():q:M("avatars.unrevealed",{defaultValue:null}),[H,M,L,q]),W=(0,v.d4)(a=>a.missions.missionAvatar),{isSetAvatarLoading:Y}=(0,v.d4)(S),{enabled:Z}=(0,c.u)(l.FeatureFlagsKeys.Spree2294LoyaltyUpdateWhereUsersChangeTheirAvatarPermanent),{enabled:I}=(0,c.u)(l.FeatureFlagsKeys.Spree2295LoyaltyLevelProgressBarPermanently);return(0,n.useEffect)(()=>{z.current&&B([[z.current,{scale:1.5},{duration:.1,delay:2}],[z.current,{scale:1},y.LH]])},[B,z]),(0,n.useEffect)(()=>{"change-avatar"===U&&T(!1),T(!("change-avatar"===U||Y))},[U,Y]),(0,n.useEffect)(()=>{if(W){G(W);return}V&&G(V)},[V,W]),(0,t.jsxs)("div",{className:E("profile-avatar",{"with-loyalty-progress":I},i),onClick:p&&p,"data-cy":k["data-cy"]||"avatar-type",style:w,id:r,children:[!Z&&!C&&(0,t.jsx)(m.default,{className:E("change-avatar",{hidden:!!_}),handleClick:()=>F("change-avatar"),iconName:"plus"}),I&&K?(0,t.jsx)(A.A,{levelNumberSize:b,levelNumberClassName:j,children:!!D&&(0,t.jsx)(o(),{className:E("avatar"),src:D,alt:"Profile Avatar",width:P,height:P,priority:!0,onError:()=>G(q)})}):!!D&&(0,t.jsx)(o(),{className:E("avatar",{"cursor-default":!p}),src:D,alt:"Profile Avatar",width:P,height:P,priority:!0,onError:()=>G(q)}),Y&&(0,t.jsx)(g.A,{className:E("loader"),name:"loader"})]})}},22730:a=>{a.exports={"profile-avatar":"ProfileAvatar_profile-avatar__ASrZU","with-loyalty-progress":"ProfileAvatar_with-loyalty-progress__2GMbU",avatar:"ProfileAvatar_avatar__t_t14",new:"ProfileAvatar_new__mhmE1",loader:"ProfileAvatar_loader__Dtq_Y","change-avatar":"ProfileAvatar_change-avatar__913Bi"}}}]);