Loading
function(e,t,n){n.d(t,{f:()=>y});var i=n(627968),a=n(64700),l=n(735438),r=n(110259),s=n(239947),o=n(934551),d=n(97808),c=n(732955),u=n(397927),_=n(139286),m=n(520117),h=n(793943),p=n(763754),g=n(973654),A=n(954571),x=n(467135),f=n(644235),C=n(153469),E=n(652215),I=n(693227),v=n(985018),b=n(312633);let T=e=>e.map(e=>`#${e}`),y=e=>{let{message:t}=e,{sharedClientTheme:n}=t,{setAll:a}=(0,x.ko)();return void 0===n?null:(0,i.jsxs)("div",{className:b.kL,children:[(0,i.jsx)(S,{message:t}),(0,i.jsx)(c.$nd,{text:v.intl.string(v.t.SKNnqq),fullWidth:!0,variant:"primary",onClick:()=>{A.default.track(E.HAw.CUSTOM_THEME_SHARE_PREVIEWED,{}),(0,h.nf)(h.HP.CUSTOM_THEME,{from:h.xv.SHARE_MESSAGE}),a({colors:T(n.colors),chassisMixAmount:n.base_mix,gradientAngle:n.gradient_angle}),(0,g.GQ)((0,f.PC)(n.base_theme))}})]})},S=e=>{let t,n,c,{message:h}=e,{sharedClientTheme:g}=h,A=(0,p.Ay)(h),x=a.useMemo(()=>(0,l.once)(()=>{(0,_.x)({type:r.ImpressionTypes.VIEW,name:s.I.CUSTOM_THEME_SHARE,properties:{}})}),[]),f=(0,m.A)({onVisible:()=>{x()},threshold:1,minTimeVisibleMs:200}),E=a.useMemo(()=>void 0===g?"":(0,C.V9)(T(g.colors),g.gradient_angle??0),[g]);return void 0===g?null:(0,i.jsxs)("div",{className:b.pS,ref:f,children:[(0,i.jsx)("div",{className:b.sl,style:{background:`${E}`}}),(0,i.jsxs)("div",{className:b.Ix,children:[(0,i.jsxs)(u.Heading,{variant:"heading-md/semibold",className:b.qP,children:[v.intl.string(I.default.KSBBpC)," ",(0,i.jsx)(o.NitroWheelIcon,{})]}),(0,i.jsx)(u.Text,{variant:"text-sm/medium",color:"text-subtle",className:b.Tb,children:(t=`${v.intl.format(I.default.fQPSEf,{username:"__USERNAME__"})}`,n=h.author,c=A.nick,t.split(" ").map((e,t)=>"__USERNAME__"!==e?(0,i.jsxs)(a.Fragment,{children:[e," "]},t):(0,i.jsxs)("span",{className:b.H,children:[(0,i.jsx)(d.eu,{"aria-label":c,src:n.getAvatarURL(null,20),size:u._3J.SIZE_20})," ",c," "]},t)))})]})]})}}