Build 562131stable
Module 238234
16,701 characters · in 197a7bcaccaf940a.jsDependencies
Required by (0)none
Lazily required by (0)none
Requires (66)
1792845945499996470074396106236156828174459192308253499289873310784317097363195364522366010375708385803400669403581405433408278457417459192462887467135499373503698534514554146575181627968629584652215661531688810693227714385738419757036766075780964788868792656793574793943815021817281818348821609823459826673834040834730885386893897908803909536926321935444939249943255964486971745973654990078
Source Raw
function(e,t,n){n.r(t),n.d(t,{default:()=>e$});var s,l=n(627968),a=n(64700),i=n(503698),r=n.n(i),o=n(17928),c=n(554146),u=n(459192),d=n(990078),m=n(815021),h=n(821609),x=n(834730),g=n(403581),f=n(534514),T=n(106236),E=n(926321),j=n(908803),A=n(661531),S=n(364522),C=n(817281),p=n(964486),v=n(793574),N=n(688810),M=n(793943),_=n(826673),b=n(792656),k=n(757036),y=n(400669),R=n(973654),O=n(363195),I=n(780964),H=n(766075),J=n(909536),D=n(174459),U=n(467135),L=n(935444),P=n(462887),G=n(885386),V=n(823459),$=n(74396),w=n(385803),K=n(818348),W=((s={}).RESET_BUTTON="reset_button",s.EDITOR_CLOSE="editor_close",s);function F(e){return(0,P.M)(e)?K.NJ.DARK:K.NJ.LIGHT}function z(e){let t=G.eh.getSetting(),n=null!=t.backgroundGradientPresetId&&t.backgroundGradientPresetId in w.ag&&w.ag[t.backgroundGradientPresetId].theme!==e;(0,R.GQ)(e),n&&(0,V.S8)()}function Q(){let e=F(O.A.theme);e!==O.A.theme&&z(e)}function X(e,t,n){0===e.length&&n([t]),Q()}function Y(e,t){let n=G.eh.getSetting().customUserThemeSettings,s=$.A.getSavedCustomTheme(),l="reset_button"===e?[U.OT]:[],a=0,i=U.kJ,r=t;return n?.colors!=null?(l=n.colors,a=n.gradientAngle??0,i=n.baseMix??U.kJ):"reset_button"===e&&null!=s&&(l=s.colors,a=s.gradient_angle??0,i=s.base_mix??U.kJ,r=s.base_theme),{resetColors:l,resetGradientAngle:a,resetChassisMixAmount:i,resetBaseTheme:r}}var B=n(738419),Z=n(310784),q=n.n(Z),ee=n(156828),et=n(317097),en=n(714385),es=n(408278),el=n(289873),ea=n(939249),ei=n(834040),er=n(499373),eo=n(971745),ec=n(693227),eu=n(375708),ed=n(253499);let em=(0,ee.Fe)({createPromise:()=>Promise.all([n.e("60216"),n.e("22687"),n.e("20038"),n.e("86537")]).then(n.bind(n,33136)),webpackId:33136,name:"CustomThemeColorPickerControlV2",renderLoader:function(){return(0,l.jsx)("div",{className:ed.wG,children:(0,l.jsx)(el.y,{})})}});function eh(e){let{colors:t,selectedIndex:n,onColorSelect:s}=e,[i,o]=a.useMemo(()=>{let e=t.map((e,n)=>t.length<1?0:n/(t.length-1)*80+10),n=t.map((t,n)=>`${t} ${e[n]}%`).join(", ");return[e,{background:`linear-gradient(to right, ${n})`}]},[t]);return(0,l.jsx)("div",{className:ed.wS,style:o,children:t.map((e,t)=>{let o=i[t],c=t===n;return(0,l.jsxs)(a.Fragment,{children:[(0,l.jsx)(ea.D,{className:r()(ed.pX,{[ed.wH]:c}),style:{left:`${o}%`,backgroundColor:e},onClick:()=>s(t),children:(0,l.jsx)("div",{className:ed.Px})}),c&&(0,l.jsx)("div",{className:ed.gQ,style:{left:`${o}%`}})]},t)})})}function ex(e){let{color:t}=e,n=a.useMemo(()=>({backgroundColor:(0,et.qt)(t)?t:"#000000"}),[t]);return(0,l.jsx)("div",{className:ed.ld,style:n,"aria-label":"Color preview"})}function eg(e){let{value:t,onChange:n,className:s,colors:i,setColors:o}=e,c=(0,eo.A)(),[u,m]=a.useState(0),[x,g]=a.useState(t);a.useEffect(()=>{if(i.length>0&&u<i.length){let e=i[u];(0,et.qt)(e)&&(g(e),n(e))}u>=i.length&&m(0)},[u,i,n]);let f=e=>{let t,s=(t=e.trim()).startsWith("#")?t:t.length>0?`#${t}`:t;if(g(s),(0,et.qt)(s)&&((0,B.CE)(),n(s),i.length>0)){let e=[...i];e[u]=s,o(e)}},T=a.useCallback(e=>{g(e.hex)},[]),E=async()=>{if(null!=c)try{let{sRGBHex:e}=await c.open();(0,B.AL)(),f(e)}catch{}},j=i.length>1;return(0,l.jsxs)("div",{className:r()(ed.kL,s),children:[j&&(0,l.jsx)(eh,{colors:i,selectedIndex:u,onColorSelect:e=>{m(e),(0,B.mx)()}}),(0,l.jsx)(em,{onChange:T,onChangeComplete:e=>{if((0,B.VE)(),n(e.hex),i.length>0){let t=[...i];t[u]=e.hex,o(t)}},color:x}),(0,l.jsxs)("div",{className:ed.Xr,children:[(0,l.jsx)(ex,{color:x}),(0,l.jsx)("input",{className:ed.Im,value:x.toUpperCase(),onChange:e=>f(e.target.value),maxLength:7,placeholder:U.OT,type:"text"}),(0,l.jsxs)("div",{className:ed.hE,children:[null!=c&&(0,l.jsx)(d.m,{text:eu.intl.string(ec.default["NCFz+N"]),children:(0,l.jsx)(es.K,{variant:"icon-only",size:"sm",onClick:E,icon:en.d,"aria-label":eu.intl.string(ec.default["NCFz+N"])})}),j&&(0,l.jsx)(d.m,{text:eu.intl.string(eu.t.N86XcP),children:(0,l.jsx)(es.K,{variant:"icon-only",size:"sm",onClick:()=>(e=>{if(i.length>1){(0,B.f1)();let t=i.filter((t,n)=>n!==e);o(t),u>=t.length?m(t.length-1):u>e&&m(u-1)}})(u),icon:ei.Q,"aria-label":eu.intl.string(eu.t.N86XcP)})})]})]}),i.length<5&&(0,l.jsx)(h.$,{variant:"secondary",size:"md",onClick:()=>{if(5===i.length)return;0===i.length&&Q(),(0,B.HU)();let e=i.length>0?i[i.length-1]:x,t=i.length>0?function(e){if(!(0,et.qt)(e))return e;let t=q()(e);return t.set("hsl.h",(t.get("hsl.h")+15)%360).hex()}(e):e,n=[...i,t];o(n),m(n.length-1)},icon:er.T,text:eu.intl.string(ec.default.JUQcdT),fullWidth:!0})]})}var ef=n(192308),eT=n(405433),eE=n(457417);let ej=()=>(0,l.jsx)(d.m,{text:eu.intl.string(eu.t.RDE0Sc),children:(0,l.jsx)(es.K,{"aria-label":eu.intl.string(ec.default.zgFs8C),icon:eT.l,variant:"icon-only",onClick:()=>{(0,ef.openModalLazy)(async()=>{let{CustomThemesShareModalWrapper:e}=await Promise.all([n.e("84570"),n.e("46776"),n.e("49589"),n.e("41285"),n.e("2677"),n.e("6922"),n.e("45553"),n.e("57093"),n.e("59913"),n.e("75430"),n.e("42657"),n.e("91279"),n.e("22467"),n.e("5517"),n.e("74107"),n.e("87550"),n.e("55644"),n.e("74252"),n.e("39995"),n.e("25568"),n.e("394"),n.e("32285"),n.e("62924"),n.e("71934"),n.e("72365"),n.e("28379"),n.e("2060"),n.e("91680"),n.e("57036"),n.e("57174"),n.e("98839"),n.e("24199"),n.e("54048"),n.e("88941"),n.e("61379"),n.e("43039"),n.e("25693"),n.e("32606"),n.e("28154"),n.e("48804"),n.e("21690"),n.e("4369"),n.e("32817"),n.e("55112"),n.e("699"),n.e("13681"),n.e("53729"),n.e("10004"),n.e("55314"),n.e("89094"),n.e("29177"),n.e("32551"),n.e("62680"),n.e("63437"),n.e("87306"),n.e("23353"),n.e("50015"),n.e("38835"),n.e("99666"),n.e("41043"),n.e("11523"),n.e("44695"),n.e("18441"),n.e("44376"),n.e("31644"),n.e("45723"),n.e("70697"),n.e("18546"),n.e("53930"),n.e("31390"),n.e("98125"),n.e("21825"),n.e("90244"),n.e("18943"),n.e("17225"),n.e("70653"),n.e("96123"),n.e("8892"),n.e("31825"),n.e("36320"),n.e("20320"),n.e("84967"),n.e("47017"),n.e("90889"),n.e("99657"),n.e("26780"),n.e("44265"),n.e("99141"),n.e("84103"),n.e("21435"),n.e("30920"),n.e("99941"),n.e("25990"),n.e("58821"),n.e("11527"),n.e("63095"),n.e("52266"),n.e("68647"),n.e("16900"),n.e("63070"),n.e("64615"),n.e("96443"),n.e("66322"),n.e("75134"),n.e("57598"),n.e("55184"),n.e("23216"),n.e("87079"),n.e("25637"),n.e("32079"),n.e("14805"),n.e("1555"),n.e("73547"),n.e("24761"),n.e("43300"),n.e("99593"),n.e("84456"),n.e("47555"),n.e("61935"),n.e("5501"),n.e("62168"),n.e("69875"),n.e("58157"),n.e("23891"),n.e("86949"),n.e("22380"),n.e("90191"),n.e("71577"),n.e("51243"),n.e("52073"),n.e("9915"),n.e("53374"),n.e("93158"),n.e("88740"),n.e("51130"),n.e("58428"),n.e("32823"),n.e("34691"),n.e("92731"),n.e("77084"),n.e("85901"),n.e("5131"),n.e("44780"),n.e("65617"),n.e("36946"),n.e("92639"),n.e("44385"),n.e("40963"),n.e("90480"),n.e("66031"),n.e("94317"),n.e("62128")]).then(n.bind(n,583955));return t=>(0,l.jsx)(e,{...t})},{modalKey:eE.dJ})}})});var eA=n(943255),eS=n(575181),eC=n(366010),ep=n(629584),ev=n(893897);let eN=(e,t)=>e===t?ev.HE:void 0;function eM(){let e=(0,o.bG)([O.A],()=>O.A.theme),t=(0,eC.M)(e)?K.NJ.DARK:K.NJ.LIGHT,n=[{name:"",value:K.NJ.DARK,icon:eA.Z,className:eN(t,K.NJ.DARK),tooltip:eu.intl.string(ec.default["Dk+OWY"]),tooltipAriaLabel:eu.intl.string(ec.default["Dk+OWY"])},{name:"",value:K.NJ.LIGHT,icon:eS.F,className:eN(t,K.NJ.LIGHT),tooltip:eu.intl.string(ec.default["5vlJkY"]),tooltipAriaLabel:eu.intl.string(ec.default["5vlJkY"])}];return(0,l.jsx)(ep.I,{className:ev.t7,optionClassName:ev.aF,options:n,value:t,onChange:e=>{let{value:t}=e;(0,B.dR)(),z(t)},look:"pill"})}var e_=n(652215),eb=n(49999),ek=n(788868),ey=n(45945);function eR(e){let[t,n]=a.useState(0),[s,l]=a.useState(!1),i=a.useRef(e);return a.useEffect(()=>{e===i.current||s||n(e=>e+1),i.current=e,l(!1)},[e,s]),{key:t,handleInternalChange:a.useCallback(e=>(l(!0),e),[])}}function eO(e){let{markAsDismissed:t}=e;return(0,l.jsx)("div",{className:ey.b,children:(0,l.jsx)(m.J,{size:"sm",onClick:()=>{t?.(eb.i.USER_DISMISS),(0,M.Jp)()}})})}function eI(){return(0,l.jsxs)("div",{className:ey.N1,children:[(0,l.jsx)(x.E,{variant:"text-md/bold",children:eu.intl.string(ec.default.AsmU85)}),(0,l.jsx)(d.m,{text:eu.intl.string(eu.t["5AFxuK"]),children:(0,l.jsx)(g.t,{size:"custom",height:20,width:20,colorClass:ey.oU})}),(0,l.jsx)(eO,{})]})}function eH(e){let{markAsDismissed:t,isCoachmark:n}=e;return(0,_.JZ)(c.M.CUSTOM_THEME_COACHMARK)?n?(0,l.jsx)(eJ,{markAsDismissed:t}):(0,l.jsx)(eI,{}):(0,l.jsx)(eJ,{markAsDismissed:()=>(0,_.Dr)(c.M.CUSTOM_THEME_COACHMARK)})}function eJ(e){let{markAsDismissed:t}=e,n=(0,k.L)(ek.PremiumTypes.TIER_2);return(0,l.jsxs)("div",{className:ey.CG,children:[(0,l.jsxs)("div",{className:ey.dI,children:[(0,l.jsx)(f.D,{variant:"heading-lg/extrabold",children:eu.intl.string(ec.default["23QUzv"])}),(0,l.jsx)(eO,{markAsDismissed:t})]}),(0,l.jsx)(x.E,{className:ey.VA,variant:"text-sm/medium",color:"text-muted",children:eu.intl.string(n?ec.default.TRCE4g:ec.default["UV/Vtv"])})]})}function eD(e){let{gradientAngle:t,setGradientAngle:n}=e,{key:s,handleInternalChange:i}=eR(t),[o,c]=a.useState(`${Math.round(t)}\xb0`);return a.useEffect(()=>{c(`${Math.round(t)}\xb0`)},[t]),(0,l.jsxs)("div",{className:r()(ey.xJ,ey.Gz),children:[(0,l.jsxs)("div",{className:ey.Vt,children:[(0,l.jsx)(x.E,{variant:"text-md/medium",children:eu.intl.string(ec.default.dZkwgx)}),(0,l.jsx)("input",{type:"text",value:o,onChange:e=>(e=>{let t=e.replace(/\xb0/g,"").trim();if(""===t)return void c("");let s=parseInt(t,10);if(isNaN(s))return;let l=Math.max(0,Math.min(360,s));c(`${l}\xb0`),(0,B.l6)(),n(l)})(e.target.value),placeholder:"0\xb0",className:ey.A9})]}),(0,l.jsxs)("div",{className:ey.Zp,children:[(0,l.jsxs)("div",{className:ey.p1,children:[(0,l.jsx)("div",{className:ey.uu}),(0,l.jsx)("div",{className:ey.uu}),(0,l.jsx)("div",{className:ey.VD}),(0,l.jsx)("div",{className:ey.uu}),(0,l.jsx)("div",{className:ey.uu})]}),(0,l.jsx)(T.A,{initialValue:t,defaultValue:0,minValue:0,maxValue:360,fillStyles:{display:"none"},onValueChange:e=>{(0,B.PT)();let t=function(e){for(let t of[90,180,270])if(10>=Math.abs(e-t))return t;return e}(e);t!==e||i(e),n(t)},onValueRender:()=>null,keyboardStep:1},s)]})]})}function eU(e){let{chassisMixAmount:t,setChassisMixAmount:n}=e,{key:s,handleInternalChange:i}=eR(t),[r,o]=a.useState(`${Math.round(t)}%`);return a.useEffect(()=>{o(`${Math.round(t)}%`)},[t]),(0,l.jsxs)("div",{className:ey.xJ,children:[(0,l.jsxs)("div",{className:ey.Vt,children:[(0,l.jsx)(x.E,{variant:"text-md/medium",children:eu.intl.string(ec.default.xlXkaL)}),(0,l.jsx)("input",{type:"text",value:r,onChange:e=>(e=>{let t=e.replace(/%/g,"").trim();if(""===t)return void o("");let s=parseInt(t,10);if(isNaN(s))return;let l=Math.max(0,Math.min(100,s));o(`${l}%`),(0,B.Cq)(),n(l)})(e.target.value),placeholder:`${U.kJ}%`,className:ey.A9})]}),(0,l.jsx)(T.A,{initialValue:t,defaultValue:U.kJ,minValue:0,maxValue:100,onValueChange:e=>{(0,B.QJ)(),i(e),n(e)},onValueRender:()=>null,keyboardStep:1},s)]})}function eL(e){let{isCoachmark:t,isMobile:n}=e,[s,i]=a.useState(!1),r=a.useRef(!1),[o,c]=a.useState(!1),d=a.useRef(null),m=a.useRef(null),x=a.useCallback(()=>{(0,B.y4)();let e=(0,L.mf)();U.ko.getState().setAll({colors:e.colors,gradientAngle:e.angle??U.ko.getState().gradientAngle,chassisMixAmount:e.intensity})},[]);a.useEffect(()=>{if(t)return r.current=!1,d.current=setTimeout(()=>{r.current||i(!0)},5e3),()=>{null!=d.current&&clearTimeout(d.current)}},[t]);let g=a.useCallback(()=>{r.current=!0},[]),f=a.useCallback(()=>{i(!1)},[]),T=s&&!o,S=()=>(0,l.jsx)(h.$,{buttonRef:m,variant:"secondary",onClick:x,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),icon:n?{type:"icon",asset:E.j}:{type:"rive",asset:j.m,riveProps:{dataBinding:{fill:A.A.colors.ICON_STRONG},eventTargetRef:m}},text:eu.intl.string(ec.default.c9MBEH),fullWidth:!0});return n?S():(0,l.jsx)(u.u,{title:eu.intl.string(ec.default.NJ9m8Y),body:eu.intl.string(ec.default["6pabtR"]),position:"left",asset:T?(0,l.jsx)(E.j,{}):void 0,forceOpen:s,onTooltipShow:g,onTooltipHide:f,targetElementRef:m,children:S()})}function eP(e){let{onApply:t,disabled:n,fullWidth:s}=e;return(0,l.jsx)(d.m,{text:eu.intl.string(ec.default.SFyHIP),shouldShow:n,children:(0,l.jsx)(h.$,{variant:"primary",onClick:t,disabled:n,text:eu.intl.string(eu.t["1Qm822"]),fullWidth:s})})}function eG(e){let{onSaveTheme:t,canApply:n}=e,s=(0,k.L)(ek.PremiumTypes.TIER_2);return(0,B.wb)(s,v.A.CUSTOM_THEMES_EDITOR_COACHMARK),(0,l.jsx)("div",{className:ey.M0,children:s?(0,l.jsx)(eP,{disabled:!n,onApply:t,fullWidth:!0}):(0,l.jsx)(b.A,{subscriptionTier:ek.pe.TIER_2,buttonTextOverride:eu.intl.string(eu.t.JST6jl),premiumModalAnalyticsLocation:{page:e_.liQ.PREMIUM_UPSELL_CUSTOM_THEMES,section:e_.JJy.CUSTOM_THEMES_COACHMARK_FOOTER},fullWidth:!0})})}function eV(e){let{onSaveTheme:t,canApply:n,metadata:s}=e,a=(0,k.L)(ek.PremiumTypes.TIER_2),i=(0,J.St)("custom_themes_editor_footer"),o=s?.from===M.xv.SHARE_MESSAGE;(0,B.wb)(a,v.A.CUSTOM_THEMES_EDITOR);let u=()=>{(0,B.uk)(),(0,_.Dr)(c.M.CUSTOM_THEME_COACHMARK),s?.from===M.xv.SETTING?((0,H.openUserSettings)(I.X.APPEARANCE_THEME_CATEGORY),(0,M.Jp)()):s?.from===M.xv.CLIENT_THEMES_EDITOR?(0,M.nf)(M.HP.CLIENT_THEMES):(0,M.Jp)()},d=r()(ey.xQ,{[ey.NI]:!a}),m=(0,l.jsx)(b.A,{subscriptionTier:ek.pe.TIER_2,defaultTextOverride:eu.intl.string(eu.t.pj0XBN),premiumModalAnalyticsLocation:{page:e_.liQ.PREMIUM_UPSELL_CUSTOM_THEMES,section:e_.JJy.CUSTOM_THEMES_FOOTER},fullWidth:!0});return(0,l.jsx)("div",{className:d,children:a?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(ej,{}),(0,l.jsx)(h.$,{variant:"secondary",onClick:u,text:eu.intl.string(eu.t["13/7kX"])}),(0,l.jsx)(eP,{disabled:!n,onApply:()=>{o&&D.default.track(e_.HAw.CUSTOM_THEME_SHARE_APPLIED,{}),t()}})]}):(0,l.jsxs)(l.Fragment,{children:[i?(0,l.jsxs)("div",{className:ey.rV,children:[(0,l.jsx)(y.l,{size:"md",className:ey.Tf,location:v.A.PREMIUM_WISHLIST_CUSTOM_THEMES_EDITOR}),m]}):m,(0,l.jsx)(h.$,{variant:"secondary",onClick:u,text:o?eu.intl.string(eu.t["13/7kX"]):eu.intl.string(eu.t.Olc2K3),fullWidth:!0})]})})}function e$(e){let{metadata:t,markAsDismissed:n,isCoachmark:s,isMobile:i}=e,r=function(){let[e]=a.useState(()=>O.A.theme);return a.useCallback(t=>{let{resetColors:n,resetGradientAngle:s,resetChassisMixAmount:l,resetBaseTheme:a}=Y(t,e);U.ko.getState().setAll({colors:n,gradientAngle:s,chassisMixAmount:l}),"reset_button"===t?z(F(a??O.A.theme)):(0,R.XG)();let i=G.eh.getSetting().backgroundGradientPresetId;null!=i&&(0,V.bc)(i)},[e])}(),u=function(){let{colors:e,chassisMixAmount:t,gradientAngle:n}=(0,U.ko)(),s=(0,o.bG)([O.A],()=>O.A.theme),[l]=a.useState(()=>O.A.theme),{resetColors:i,resetGradientAngle:r,resetChassisMixAmount:c,resetBaseTheme:u}=Y("reset_button",l);return JSON.stringify(e)===JSON.stringify(i)&&t===c&&n===r&&s===u}(),d=a.useRef(!1),{colors:m,chassisMixAmount:g,gradientAngle:f,setColors:T,setChassisMixAmount:E,setGradientAngle:j}=(0,U.ko)(),[A,b]=a.useState(m[0]??U.OT),k=(0,o.bG)([O.A],()=>O.A.theme),y=(0,_.JZ)(c.M.CUSTOM_THEME_ENTRYPOINT_GRADIENT),{analyticsLocations:I}=(0,N.Ay)(v.A.CUSTOM_THEMES_EDITOR),H=(0,o.bG)([$.A],()=>$.A.getSavedCustomTheme()),J=async()=>{d.current=!0,await (0,C.u_)({theme:k,customUserThemeSettings:{colors:m,gradientColorStops:[],gradientAngle:f,baseMix:g}}),(0,B.Yl)(m,g,f,k,I),n?.(eb.i.TAKE_ACTION),y||(0,_.Dr)(c.M.CUSTOM_THEME_ENTRYPOINT_GRADIENT),(0,M.Jp)(),(0,R.XG)()},D=m.length>0;return a.useEffect(()=>()=>{d.current||r(W.EDITOR_CLOSE)},[r]),(0,p.Ay)(()=>{if(!s){let e=(m?.length??0)>0,t=null!=H;!e&&t?(U.ko.getState().setAll({colors:H.colors,gradientAngle:H.gradient_angle,chassisMixAmount:H.base_mix}),z(H.base_theme)):X(m,A,T)}}),(0,l.jsxs)("div",{className:i?ey.AA:ey.kL,"data-app-right-panel":!i,children:[(0,l.jsx)(S.Ip,{children:(0,l.jsxs)("div",{className:ey.sV,children:[(0,l.jsx)(eH,{markAsDismissed:n,isCoachmark:s}),(0,l.jsxs)("div",{className:ey.uW,children:[(0,l.jsx)(x.E,{variant:"text-sm/semibold",color:"text-subtle",children:eu.intl.string(ec.default.o2NfLF)}),(0,l.jsx)(eM,{})]}),(0,l.jsxs)("div",{className:ey.uW,children:[(0,l.jsx)(x.E,{variant:"text-sm/semibold",color:"text-subtle",children:eu.intl.string(ec.default.uSL2Gy)}),(0,l.jsx)(eg,{onChange:e=>{b(e),0===m.length&&X(m,e,T)},value:A,colors:m,setColors:T})]}),(0,l.jsxs)("div",{className:ey.uW,children:[(0,l.jsx)(x.E,{variant:"text-sm/semibold",color:"text-subtle",children:eu.intl.string(ec.default.F1t0c8)}),m.length>1&&(0,l.jsx)(eD,{gradientAngle:f,setGradientAngle:j}),(0,l.jsx)(eU,{chassisMixAmount:g,setChassisMixAmount:e=>{E(e),0===m.length&&X(m,A,T)}})]}),(0,l.jsxs)("div",{className:ey.WA,children:[(0,l.jsx)(eL,{isCoachmark:s,isMobile:i}),(0,l.jsx)(h.$,{variant:"secondary",onClick:()=>{r(W.RESET_BUTTON),(0,B.G_)()},disabled:u,text:eu.intl.string(eu.t.yBZMsQ),fullWidth:!0})]})]})}),s?(0,l.jsx)(eG,{onSaveTheme:J,canApply:D}):(0,l.jsx)(eV,{onSaveTheme:J,canApply:D,metadata:t})]})}}