https://static.imagine.art/prod/one-static/uGSn6jBlypuV/_next/static/chunks/8d4fef30f7606a11.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,563301,e=>{"use strict";e.s(["ContactSalesButton",()=>p],563301);var t=e.i(843476),r=e.i(618566),a=e.i(619440);e.i(768e3);var n=e.i(38548),s=e.i(268631),l=e.i(668530),i=e.i(571474),o=e.i(868140),c=e.i(462037),d=e.i(865632),u=e.i(67173),m=e.i(93726);let x={header:"max-laptop:hidden",sidebar:"w-full"},p=e=>{let{placement:p="header"}=e,h=(0,r.usePathname)(),b=(0,i.useIsMobile)(),{user:v}=(0,a.useUserContext)(),{contactSales:g}=(0,u.useOneRemoteConfigContext)(),f="Contact Sales",{activeStripePlanName:j,revenueCatPlanName:y,hasRevenueCatSubscriptionAndNotStripeActive:N,isLoading:S,isEnterprisePlan:I}=(0,m.useUserSubscriptionInfo)();if(h.includes(d.ABSOLUTE_ROUTES.COMMUNITY)||I)return null;let C=v?N?null!=y?y:s.SUBSCRIPTION_PRODUCT_TYPES.FREE:null!=j?j:s.SUBSCRIPTION_PRODUCT_TYPES.FREE:s.SUBSCRIPTION_PRODUCT_TYPES.FREE;return(null==g?void 0:g.plans.includes(C))&&!S?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.Button,{variant:"secondary",size:"sm",className:x[p],asChild:!0,children:(0,t.jsx)(o.SmartLink,{href:c.EXTERNAL_LINKS.CONTACT_SALES,"aria-label":f,target:"_blank",rel:"noreferrer",children:f})}),!("sidebar"===p&&b)&&(0,t.jsx)(l.Button,{variant:"secondary",size:"sm",className:"hidden",asChild:!0,children:(0,t.jsx)(o.SmartLink,{href:c.EXTERNAL_LINKS.CONTACT_SALES,"aria-label":"Contact Sales",target:"_blank",rel:"noreferrer",children:(0,t.jsx)(n.HeadphonesIcon,{})})})]}):null}},993619,e=>{"use strict";e.s(["AppearancePanel",()=>T],993619);var t=e.i(843476),r=e.i(363178),a=e.i(271645),n=e.i(39839),s=e.i(619440);e.i(768e3);var l=e.i(940742),i=e.i(276151),o=e.i(985711),c=e.i(172797),d=e.i(617877),u=e.i(103497),m=e.i(956967),x=e.i(668530),p=e.i(524706),h=e.i(489420),b=e.i(763256),v=e.i(56190),g=e.i(984336),f=e.i(841128),j=e.i(657688);let y=e=>{let{label:r,imageUrl:a,surface:n,accent:s,isActive:l,onSelect:i,menu:o}=e;return(0,t.jsxs)("div",{className:"group relative flex w-full flex-col items-center gap-1",children:[(0,t.jsxs)("button",{type:"button",onClick:e=>{e.stopPropagation(),i({x:e.clientX,y:e.clientY})},className:"flex w-full flex-col items-center gap-1",children:[(0,t.jsx)("div",{className:(0,h.cn)("border-border-secondary rounded-3 relative h-[106px] w-full overflow-hidden border transition-colors",{"border-border-inverse border-2 p-0.5":l}),children:(0,t.jsx)("div",{className:"rounded-2 relative size-full overflow-hidden",children:a?(0,t.jsx)(j.default,{src:a,alt:r,fill:!0,sizes:"160px",className:"object-cover"}):(0,t.jsx)("span",{className:"absolute inset-0",style:{background:"linear-gradient(135deg, ".concat(n," 0%, ").concat(s," 100%)")}})})}),(0,t.jsx)("span",{className:"text-body-xs text-content-primary font-normal",children:r})]}),o&&(0,t.jsx)("div",{className:"absolute top-2 right-2 opacity-0 transition-opacity group-hover:opacity-100",children:o})]})};var N=e.i(364187),S=e.i(632430),I=e.i(238236),C=e.i(365214),k=e.i(352588);let E=e=>{let{label:r,onEdit:a,onDelete:n}=e,s=async()=>{await k.CallableConfirmationDialog.call({title:"Delete theme",description:'Are you sure you want to delete "'.concat(r,'"? This action cannot be undone.'),confirmButtonText:"Delete",cancelButtonText:"Cancel",variant:"error"})&&n()};return(0,t.jsxs)(C.DropdownMenu,{modal:!1,children:[(0,t.jsx)(C.DropdownMenuButtonTrigger,{variant:"on-image-variant",size:"icon-xs","aria-label":"Theme options",children:(0,t.jsx)(S.MenuMiniVerticalThreeDotsIcon,{className:"size-3.5"})}),(0,t.jsxs)(C.DropdownMenuContent,{align:"end",className:"w-[160px]",size:"md",children:[(0,t.jsxs)(C.DropdownMenuItem,{size:"md",onClick:a,children:[(0,t.jsx)(N.EditIcon,{className:"size-3.5"}),"Edit"]}),(0,t.jsxs)(C.DropdownMenuItem,{size:"md",className:"text-content-critical",onClick:s,children:[(0,t.jsx)(I.TrashIcon,{className:"size-3.5"}),"Delete"]})]})]})},T=e=>{let{onBack:j,ThemeToggle:N,CustomizePanel:S,onThemeDeleted:I}=e,{skin:C,setSkin:k,definitions:T,cdnBaseUrl:z}=(0,v.useSkin)(),{user:P}=(0,s.useUserContext)(),{theme:_,systemTheme:w}=(0,r.useTheme)(),[A,U]=(0,n.useLocalStorage)(b.SKIN_SOUND_MUTED_STORAGE_KEY,!1),[R,D]=(0,a.useState)(!1),[F,M]=(0,a.useState)(),B=(0,g.useCustomSkinsStore)(e=>e.skins),H=(0,g.useCustomSkinsStore)(e=>e.removeSkin),L=!!(S&&P),O=(e=>{let[t,r]=(0,a.useState)(!e),n=(0,a.useRef)(void 0),s=(0,a.useRef)(void 0),l=(0,a.useCallback)(()=>{n.current&&clearTimeout(n.current),s.current&&clearTimeout(s.current)},[]);return(0,a.useEffect)(()=>

1{if(e){l(),r(!1);return}let t=()=>{r(!0),n.current=setTimeout(()=>{r(!1),s.current=setTimeout(()=>{t()},1e4)},8500)};return t(),()=>{l()}},[e,l]),t})(!L);if(R&&S)return(0,t.jsx)(S,{onBack:()=>{D(!1),M(void 0)},editingSkin:F});let K=(e=>{let{definitions:t,cdnBaseUrl:r,isDarkThemePreferred:a}=e;return[{id:b.DEFAULT_SKIN,label:"ImagineArt",imageUrl:(0,f.resolveURL)(a?"imagine-one/default_dark_skin.webp":"imagine-one/default_light_skin.webp",r),surface:"rgb(23 23 23)",accent:"rgb(138 63 252)"},...Object.values(t).filter(e=>e.id!==b.PREVIEW_SKIN_ID).map(e=>{var t;return{id:e.id,label:e.label,imageUrl:(null==(t=e.hero)?void 0:t.imageUrl)?(0,f.resolveURL)(e.hero.imageUrl,r):void 0,surface:"rgb(".concat("dark"===e.appearance?e.neutral["100"]:e.neutral["10"],")"),accent:"rgb(".concat(e.primary["60"],")")}})]})({definitions:T,cdnBaseUrl:z,isDarkThemePreferred:("system"===_?w:_)==="dark"});return(0,t.jsxs)("div",{className:"tablet:w-[331px] tablet:max-h-[85dvh] flex max-h-[80dvh] w-full flex-col gap-3 pt-5 pb-5",children:[(0,t.jsxs)("div",{className:(0,h.cn)("flex items-center justify-between gap-1 pr-6",{"px-2":!!j,"px-6":!j}),children:[(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[j&&(0,t.jsx)(x.Button,{size:"icon-sm",variant:"ghost",onClick:j,"aria-label":"Back",children:(0,t.jsx)(l.ChevronLeftIcon,{className:"!size-4 stroke-[1.8]"})}),(0,t.jsx)("span",{className:"text-label-2xl text-content-primary font-medium",children:"Appearance"})]}),L&&(0,t.jsxs)("div",{className:"group/border relative","data-animated-border":O,children:[(0,t.jsx)("div",{className:"skin-create-button-animated-border absolute -inset-[1px] transition-opacity duration-1000 group-data-[animated-border=false]/border:opacity-0"}),(0,t.jsxs)(x.Button,{size:"sm",variant:"outline",onClick:()=>{M(void 0),D(!0)},className:(0,h.cn)("relative z-10",{"border-transparent":O}),children:[(0,t.jsx)(c.PlusIcon,{}),"Create"]})]})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2 px-6",children:[(0,t.jsxs)("span",{className:"text-label-sm text-content-secondary flex items-center gap-1 font-medium",children:[(0,t.jsx)(d.SunIcon,{className:"block !size-4 dark:hidden"}),(0,t.jsx)(o.MoonIcon,{className:"hidden !size-4 dark:block"}),"Theme"]}),(0,t.jsx)(N,{fullWidth:!0,size:"md"})]}),(0,t.jsx)(p.Separator,{}),(0,t.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col gap-3",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-6",children:[(0,t.jsxs)("span",{className:"text-label-sm text-content-secondary flex items-center gap-1 font-medium",children:[(0,t.jsx)(i.ColorPalleteIcon,{className:"!size-4"}),"Skins"]}),(0,t.jsx)(x.Button,{size:"icon-sm",variant:"ghost",onClick:()=>U(e=>!e),"aria-label":A?"Unmute skin sounds":"Mute skin sounds",children:A?(0,t.jsx)(m.VolumeMuteIcon,{className:"!size-5"}):(0,t.jsx)(u.VolumeIcon,{className:"!size-5"})})]}),(0,t.jsx)("div",{className:"scrollbar-thin grid min-h-0 flex-1 grid-cols-2 content-start gap-x-[19px] gap-y-4 overflow-y-auto px-6",children:K.map(e=>(0,t.jsx)(y,{label:e.label,imageUrl:e.imageUrl,surface:e.surface,accent:e.accent,isActive:e.id===C,onSelect:t=>k(e.id,t),menu:(0,b.isCustomSkinId)(e.id)?(0,t.jsx)(E,{label:e.label,onEdit:()=>(e=>{let t=B.find(t=>t.id===e);t&&(M(t),D(!0))})(e.id),onDelete:()=>(e=>{let t=B.find(t=>t.id===e);H(e),C===e&&k(b.DEFAULT_SKIN),t&&(null==I||I(t))})(e.id)}):void 0},e.id))})]})]})}},304725,544675,e=>{"use strict";e.s(["SkinCustomizePanel",()=>Q],304725);var t=e.i(843476);e.i(768e3);var r=e.i(940742),a=e.i(668530);e.i(578534);var n=e.i(40537),s=e.i(118254),l=e.i(172797),i=e.i(347708),o=e.i(301541),c=e.i(489420);let d=e=>{let{label:r,value:a,seedHex:n="#7559A6",onChange:s}=e;return(0,t.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,t.jsxs)(i.Popover,{children:[(0,t.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,t.jsx)("button",{type:"button",className:(0,c.cn)("rounded-4 flex aspect-square w-full items-center justify-center border",{"border-border-primary border-dashed":!a,"border-border-primary":!!a}),style:a?{backgroundColor:a}:void 0,children:a?null:(0,t.jsx)("span",{className:"bg-fill-secondary text-content-secondary flex size-8 items-center justify-center rounded-full",children:(0,t.jsx)(l.PlusIcon,{className:"size-4"})})})}),(0,t.jsx)(i.PopoverContent,{align:"start",className:"w-72",children:(0,t.jsxs)(o.ColorPicker,{value:a||n,onChange:e=>s((e=>{let[t=0,r=0,a=0]=e,n=e=>Math.round(e).toString(16).padStart(2,"0");return"#".concat(n(t)).concat(n(r)).concat(n(a))})(e)),className:"flex flex-col gap-4 px-2.5 py-1",children:[(0,t.jsx)(o.ColorPickerHue,{className:"h-5"}),(0,t.jsx)(o.ColorPickerSaturation,{className:"h-5"})]})})]}),(0,t.jsx)("span",{className:"text-label-md text-content-primary",children:r})]})};var u=e.i(48493),m=e.i(271645),x=e.i(192422),p=e.i(56190),h=e.i(841128);let b=[{id:"default"},...Array.from({length:205},(e,t)=>{let r=t+1;return{id:r,path:"".concat("imagine-one/themes/Cursor-32","/").concat(r,".png")}})],v=e=>{let{value:r,onSelect:a}=e,{cdnBaseUrl:n}=(0,p.useSkin)(),s=(0,m.useRef)(null),l=Math.ceil(b.length/5),i=(0,u.useVirtualizer)({count:l,getScrollElement:()=>s.current,estimateSize:()=>58,overscan:4});return(0,t.jsx)("div",{ref:s,className:"scrollbar-thin border-border-primary rounded-3 h-56 overflow-y-auto border p-2",children:(0,t.jsx)("div",{className:"relative w-full",style:{height:"".concat(i.getTotalSize(),"px")},children:i.getVirtualItems().map(e=>

1{let s=5*e.index,l=b.slice(s,s+5);return(0,t.jsx)("div",{ref:i.measureElement,"data-index":e.index,className:"absolute top-0 left-0 grid w-full grid-cols-5 gap-2 pb-2",style:{transform:"translateY(".concat(e.start,"px)")},children:l.map(e=>{let s=e.path?r===e.path:!r;return(0,t.jsx)("button",{type:"button",onClick:()=>{var t;return a(null!=(t=e.path)?t:"")},className:(0,c.cn)("rounded-2 flex aspect-square items-center justify-center border p-1.5 transition-colors",{"border-border-inverse bg-fill-secondary":s,"border-border-primary hover:bg-fill-secondary":!s}),children:e.path?(0,t.jsx)("span",{className:"block size-full bg-contain bg-center bg-no-repeat",style:{backgroundImage:"url(".concat((0,h.resolveURL)(e.path,n),")")}}):(0,t.jsx)(x.CursorIcon,{className:"text-content-secondary size-4"})},e.id)})},e.key)})})})},g=e=>{let{title:r,hint:a,children:n}=e;return(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,t.jsx)("span",{className:"text-label-md text-content-primary font-semibold",children:r}),a?(0,t.jsx)("span",{className:"text-label-xs text-content-tertiary",children:a}):null]}),n]})};var f=e.i(985711);let j=[{mode:"light",label:"Light",Icon:e.i(617877).SunIcon},{mode:"dark",label:"Dark",Icon:f.MoonIcon}],y=e=>{let{value:r,onChange:n}=e;return(0,t.jsx)("div",{className:"grid grid-cols-2 gap-2",children:j.map(e=>{let{mode:s,label:l,Icon:i}=e;return(0,t.jsxs)(a.Button,{type:"button",variant:"secondary",size:"sm",translateOnActive:!1,onClick:()=>n(s),className:(0,c.cn)("w-full",{"bg-fill-secondary-hover":r===s}),children:[(0,t.jsx)(i,{}),l]},s)})})};var N=e.i(218308),S=e.i(365214);let I=e=>{let{label:r,apiKey:a,selectedFamily:n,onSelect:s,placeholder:l="Default"}=e;return(0,t.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,t.jsx)("span",{className:"text-label-xs text-content-secondary",children:r}),(0,t.jsxs)(S.DropdownMenu,{children:[(0,t.jsxs)(S.DropdownMenuTrigger,{size:"md",children:[(0,t.jsx)("span",{className:(0,c.cn)("min-w-0 flex-1 truncate text-left",{"text-content-tertiary":!n}),children:n||l}),(0,t.jsx)(S.DropdownMenuIcon,{className:"size-4 shrink-0"})]}),(0,t.jsx)(S.DropdownMenuContent,{align:"start",className:"p-0",children:(0,t.jsx)(N.FontFamilyPicker,{apiKey:a,selectedFamily:n,suggestedFamilies:[],onSelect:s})})]})]})};var C=e.i(381264),k=e.i(385538),E=e.i(699046);let T=2*Math.PI*14,z=e=>{let{label:r,imageUrl:a,isSelected:n,isPlaying:s,playDurationMs:l,onSelect:i}=e,{cdnBaseUrl:o}=(0,p.useSkin)(),[d,u]=(0,m.useState)(!1);return(0,m.useEffect)(()=>{if(!s)return void u(!1);u(!1);let e=requestAnimationFrame(()=>u(!0));return()=>cancelAnimationFrame(e)},[s]),(0,t.jsxs)("button",{type:"button",onClick:i,className:(0,c.cn)("rounded-3 flex items-center gap-2 border px-2 py-1.5 text-left transition-colors",{"border-border-inverse bg-fill-secondary":n,"border-border-primary hover:bg-fill-secondary":!n}),children:[(0,t.jsxs)("span",{className:"border-border-tertiary relative size-[30px] shrink-0 rounded-full border-[1.5px] p-[1px]",children:[(0,t.jsx)("span",{className:"block size-full rounded-full bg-cover bg-center",style:{backgroundImage:"url(".concat((0,h.resolveURL)(a,o),")")}}),s?(0,t.jsx)("svg",{viewBox:"0 0 30 30",className:"absolute -inset-[1.5px] -rotate-90",children:(0,t.jsx)("circle",{cx:"15",cy:"15",r:14,fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",className:"text-content-primary",strokeDasharray:T,strokeDashoffset:d?0:T,style:{transition:"stroke-dashoffset ".concat(l,"ms linear")}})}):(0,t.jsx)("span",{className:"absolute inset-0 flex items-center justify-center",children:(0,t.jsx)(E.PlayFilledIcon,{className:"text-content-fixed-inverse size-3 drop-shadow-[0_1px_2px_rgb(0_0_0/0.45)]"})})]}),(0,t.jsx)("span",{className:"text-label-md text-content-primary truncate",children:r})]})},P=e=>(null==e?void 0:e.notes.length)?Math.max(1e3*Math.max(...e.notes.map(e=>e.start+e.duration)),250):250,_=e=>{let{value:r,onChange:a}=e,n=(0,k.useSkinSound)(),[s,l]=(0,m.useState)(),i=(0,m.useRef)(void 0);return(0,m.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),(0,t.jsx)(g,{title:"Sound",children:(0,t.jsx)("div",{className:"grid grid-cols-2 gap-2",children:C.SKIN_SOUND_PRESETS.map(e=>(0,t.jsx)(z,{label:e.label,imageUrl:e.imageUrl,isSelected:e.id===r,isPlaying:e.id===s,playDurationMs:P(e.sound.switch),onSelect:()=>(e=>{a(e.id),n(e.sound.switch),i.current&&clearTimeout(i.current),l(e.id),i.current=setTimeout(()=>l(void 0),P(e.sound.switch))})(e)},e.id))})})};var w=e.i(510665),A=e.i(583966);let U=e=>{let{title:r,hint:n,accept:s,maxSize:l,previewUrl:i,isProcessing:o,onFile:d,onRemove:u,onRejected:m}=e,{getRootProps:x,getInputProps:p,open:h,isDragActive:b}=(0,w.useDropzone)({accept:s,maxSize:l,maxFiles:1,multiple:!1,onDropAccepted:e=>{let t=e[0];t&&d(t)},onDropRejected:()=>null==m?void 0:m()});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("input",{...p()}),i?(0,t.jsxs)("div",{className:"rounded-4 border-border-secondary bg-fill-primary-variant flex w-full flex-col items-center gap-2 border p-4",children:[(0,t.jsx)("span",{className:"rounded-3 h-20 w-full bg-contain bg-center bg-no-repeat",style:{backgroundImage:"url(".concat(i,")")}}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(a.Button,{type:"button",variant:"outline",size:"xs",onClick:h,children:"Replace"}),u?(0,t.jsx)(a.Button,{type:"button",variant:"ghost",size:"xs",onClick:u,children:"Remove"}):null]})]}

1):(0,t.jsxs)("div",{...x(),className:(0,c.cn)("rounded-4 border-border-secondary bg-fill-primary-variant flex w-full cursor-pointer flex-col items-center gap-2 border border-dashed p-4",{"bg-fill-brand-secondary-disabled":b}),children:[(0,t.jsx)("div",{className:"rounded-3 bg-fill-secondary-variant border-border-tertiary flex size-8 items-center justify-center border shadow-[inset_0px_0px_4px_0px_rgba(0,0,0,0.15)]",children:(0,t.jsx)(A.UploadIcon,{className:"text-content-secondary size-4.5"})}),(0,t.jsxs)("div",{className:"flex flex-col items-center text-center",children:[(0,t.jsx)("span",{className:"text-label-md text-content-secondary font-medium",children:o?"Processing…":r}),(0,t.jsx)("span",{className:"text-label-xs text-content-tertiary italic",children:n})]})]})]})};var R=e.i(994814),D=e.i(653145),F=e.i(846696),M=e.i(681307),B=e.i(763256),H=e.i(984336),L=e.i(401694),O=e.i(236896);let K=M.z.object({appearance:M.z.enum(["dark","light"]),themeName:M.z.string(),brandHex:M.z.string(),neutralHex:M.z.string(),headingFont:M.z.string(),bodyFont:M.z.string(),cursorPath:M.z.string().optional(),soundPresetId:M.z.string().optional()}),V={"image/jpeg":[],"image/png":[],"image/webp":[]},W=e=>{let{onBack:l,googleFontsApiKey:i,backdropUploader:o,showBackground:c=!1,editingSkin:u}=e,x=(e=>{var t,r,a,n,s,l,i,o,c,d,u,x;let{backdropUploader:h,editingSkin:b}=e,{skin:v,setSkin:g,registerSkin:f,definitions:j}=(0,p.useSkin)(),y=(0,H.useCustomSkinsStore)(e=>e.upsertSkin),N=null!=(l=null==h?void 0:h.isProcessing)&&l,{control:S,setValue:I,handleSubmit:C,formState:k}=(0,D.useForm)({resolver:(0,R.zodResolver)(K),defaultValues:{appearance:null!=(i=null==b?void 0:b.appearance)?i:"light",themeName:null!=(o=null==b?void 0:b.label)?o:"",brandHex:null!=(c=null==b?void 0:b.primaryHex)?c:"",neutralHex:null!=(d=null==b?void 0:b.neutralHex)?d:"",headingFont:null!=(u=null==b||null==(t=b.font)?void 0:t.heading)?u:"",bodyFont:null!=(x=null==b||null==(r=b.font)?void 0:r.body)?x:"",cursorPath:null==b||null==(a=b.slots)?void 0:a.cursor,soundPresetId:null==b?void 0:b.soundPresetId}}),E=(0,D.useWatch)({control:S,name:"appearance"}),T=(0,D.useWatch)({control:S,name:"themeName"}),z=(0,D.useWatch)({control:S,name:"brandHex"}),P=(0,D.useWatch)({control:S,name:"neutralHex"}),_=(0,D.useWatch)({control:S,name:"headingFont"}),w=(0,D.useWatch)({control:S,name:"bodyFont"}),A=(0,D.useWatch)({control:S,name:"cursorPath"}),U=(0,D.useWatch)({control:S,name:"soundPresetId"}),[M,V]=(0,m.useState)(!!b),[W,Y]=(0,m.useState)(),[G,X]=(0,m.useState)(),[q,J]=(0,m.useState)(null==b||null==(n=b.hero)?void 0:n.imageUrl),Z=(0,m.useRef)(null),Q=(0,m.useRef)(void 0),$=(0,m.useRef)(v),ee=(0,m.useRef)(!1),et=(0,m.useRef)(g);(0,m.useEffect)(()=>{et.current=g},[g]);let er=(0,m.useCallback)(e=>{V(!0),I("appearance",e)},[I]),ea=null!=q?q:G,en=$.current===B.PREVIEW_SKIN_ID?B.DEFAULT_SKIN:$.current,es=null==(s=j[en])?void 0:s.primary["60"],el=es?(e=>{let[t=0,r=0,a=0]=e.trim().split(/\s+/).map(Number),n=e=>Math.round(e).toString(16).padStart(2,"0");return"#".concat(n(t)).concat(n(r)).concat(n(a))})(es):"#8A3FFC",ei=!!(z||P||ea||A||_||w||M);(0,m.useEffect)(()=>()=>{(null==G?void 0:G.startsWith("blob:"))&&URL.revokeObjectURL(G)},[G]),(0,m.useEffect)(()=>{if(!ei){v===B.PREVIEW_SKIN_ID&&et.current(en);return}return null!==Z.current&&cancelAnimationFrame(Z.current),Z.current=requestAnimationFrame(()=>{f((0,L.buildCustomSkinDefinition)({id:B.PREVIEW_SKIN_ID,label:T||"Custom",appearance:E,primaryHex:z||el,neutralHex:P||void 0,neutralTintStrength:P?void 0:0,hero:ea?{imageUrl:ea}:void 0,slots:A||P?{cursor:A,cursorColor:P||void 0}:void 0,font:_||w?{heading:_||void 0,body:w||void 0}:void 0,soundPresetId:U})),et.current(B.PREVIEW_SKIN_ID)}),()=>{null!==Z.current&&cancelAnimationFrame(Z.current)}},[E,z,P,ea,A,_,w,ei,el,U,f,T,v,en]),(0,m.useEffect)(()=>()=>{if(ee.current)return;let e=$.current===B.PREVIEW_SKIN_ID?B.DEFAULT_SKIN:$.current;et.current(e)},[]);let eo=(0,m.useCallback)(async e=>{if(!h)return;Y(e);let t=await h.process(e);t?(Q.current=t,X(URL.createObjectURL(t)),J(void 0)):Y(void 0)},[h]);return{appearance:E,setAppearance:er,themeName:T,brandHex:z,neutralHex:P,headingFont:_,bodyFont:w,soundPresetId:U,heroImageUrl:ea,onHeroFile:eo,onHeroRemove:(0,m.useCallback)(()=>{Q.current=void 0,Y(void 0),X(void 0),J(void 0)},[]),isHeroProcessing:N,cursorPath:A,setValue:I,onSave:C((0,m.useCallback)(async e=>{var t;let r=q,a=null==b?void 0:b.heroAssetId;if(W&&Q.current&&h){let e=await h.uploadBlob(Q.current,W.name);e&&(r=e.url,a=e.assetId)}let n=null!=(t=null==b?void 0:b.id)?t:"".concat(B.CUSTOM_SKIN_PREFIX).concat((0,O.uuidv4)());if(!y({id:n,label:e.themeName||"Custom",appearance:e.appearance,primaryHex:e.brandHex||el,neutralHex:e.neutralHex||void 0,neutralTintStrength:e.neutralHex?void 0:0,hero:r?{imageUrl:r}:void 0,slots:e.cursorPath||e.neutralHex?{cursor:e.cursorPath,cursorColor:e.neutralHex||void 0}:void 0,font:e.headingFont||e.bodyFont?{heading:e.headingFont||void 0,body:e.bodyFont||void 0}:void 0,soundPresetId:e.soundPresetId,heroAssetId:a}))return void F.toast.error("You have reached the maximum number of custom themes. Delete one to create a new one.");ee.current=!0,g(n),F.toast.success("Theme saved.")},[h,b,el,q,W,g,y])),isSaving:k.isSubmitting}})({backdropUploader:o,editingSkin:u}),h=async()=>{await x.onSave(),l()};return(0,t.jsxs)("div",{className:"tablet:w-[331px] tablet:max-h-[85dvh] flex max-h-[80dvh] w-full flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1 px-2 pt-5 pb-3",children:[(0,t.jsx)(a.Button,{size:"icon-sm",variant:"ghost",onClick:l,"aria-label":"Back",children:(0,t.jsx)(r.ChevronLeftIcon,{className:"!size-4 stroke-[1.8]"})}),(0,t.jsx)("span",{className:"text-label-2xl text-content-primary font-medium",children:u?"Edit theme":"Customise"})]}),(0,t.jsxs)("div",{className:"scrollbar-thin flex flex-1 flex-col gap-6 overflow-y-auto px-6 pb-2",children:[(0,t.jsx)(g,{title:"Mode",children:(0,t.jsx)(y,{value:x.appearance,onChange:x.setAppearance})}),(0,t.jsx)(g,{title:"Name",children:(0,t.jsx)(n.Input,{value:x.themeName,onChange:e=>x.setValue("themeName",e.target.value),placeholder:"My theme"})}

1),c&&o&&(0,t.jsx)(g,{title:"Background",children:(0,t.jsx)(U,{title:"Upload background",hint:"JPG, PNG, WEBP file, up to 5MB",accept:V,maxSize:5242880,previewUrl:x.heroImageUrl,isProcessing:x.isHeroProcessing,onFile:x.onHeroFile,onRemove:x.onHeroRemove})}),(0,t.jsx)(g,{title:"Colors",children:(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,t.jsx)(d,{label:"Primary Color",value:x.neutralHex,onChange:e=>x.setValue("neutralHex",e)}),(0,t.jsx)(d,{label:"Secondary Color",value:x.brandHex,seedHex:"#6E40BF",onChange:e=>x.setValue("brandHex",e)})]})}),(0,t.jsx)(g,{title:"Typography",children:(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,t.jsx)(I,{label:"Heading",apiKey:i,placeholder:"Pick a font",selectedFamily:x.headingFont,onSelect:e=>x.setValue("headingFont",e)}),(0,t.jsx)(I,{label:"Body",apiKey:i,placeholder:"Pick a font",selectedFamily:x.bodyFont,onSelect:e=>x.setValue("bodyFont",e)})]})}),(0,t.jsx)(g,{title:"Cursor",children:(0,t.jsx)(v,{value:x.cursorPath,onSelect:e=>x.setValue("cursorPath",e)})}),(0,t.jsx)(_,{value:x.soundPresetId,onChange:e=>x.setValue("soundPresetId",e)})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3 px-6 pt-3 pb-5",children:[(0,t.jsx)(a.Button,{type:"button",variant:"outline",size:"md",className:"flex-1",onClick:l,children:"Cancel"}),(0,t.jsx)(a.Button,{type:"button",variant:"primary",size:"md",className:"flex-1",disabled:x.isSaving,onClick:h,children:x.isSaving?(0,t.jsx)(s.Spinner,{className:"size-4"}):"Save"})]})]})};var Y=e.i(215073),G=e.i(1772),X=e.i(991127),q=e.i(563595),J=e.i(79596),Z=e.i(68852);let Q=e=>{let{onBack:r,editingSkin:a}=e,n=(()=>{let{serviceErrorHandler:e}=(0,q.useServiceErrorHandlerContext)(),{mutateAsync:t}=(0,J.useUploadImageUserAsset)();return(e=>{let{uploadAsset:t,compressImage:r,onError:a,maxUploadableSizeInBytes:n}=e,[s,l]=(0,m.useState)(!1);return{process:(0,m.useCallback)(async e=>{l(!0);try{let t=await r(e,{quality:.85,convertSize:n});if(t.size>2097152)return void F.toast.error("Backdrop is still ".concat((t.size/1024/1024).toFixed(2),"MB after compression. Please use a smaller or simpler image."));return t}catch(e){a(e);return}finally{l(!1)}},[r,n,a]),uploadBlob:(0,m.useCallback)(async(e,r)=>{l(!0);try{let{width:a,height:n}=await (0,G.getWidthAndHeightFromImageBlob)({imgBlob:e}),s=new File([e],r,{type:e.type}),l=await t({file:s,title:r,metadata:{width:a,height:n}});return{url:l.data.url,assetId:l.data.id}}catch(e){a(e);return}finally{l(!1)}},[a,t]),isProcessing:s}})({uploadAsset:e=>t(e),compressImage:Z.compressImage,onError:t=>e(t),maxUploadableSizeInBytes:X.MAX_UPLOADABLE_IMAGE_SIZE_IN_BYTES})})();return(0,t.jsx)(W,{onBack:r,googleFontsApiKey:Y.clientEnv.NEXT_PUBLIC_GOOGLE_FONTS_API_KEY,backdropUploader:n,showBackground:!0,editingSkin:a})};e.s(["useDeleteThemeAsset",()=>et],544675);var $=e.i(401930),ee=e.i(177356);let et=()=>{let{selectedOrganizationId:e}=(0,$.useSelectedOrganizationId)(),{serviceErrorHandler:t}=(0,q.useServiceErrorHandlerContext)(),{mutate:r}=(0,ee.useDeleteOrganizationAsset)(e);return(e=>(0,m.useCallback)(t=>{t.heroAssetId&&e(t.heroAssetId)},[e]))((0,m.useCallback)(e=>{r({id:e},{onError:e=>t(e)})},[r,t]))}},436742,e=>{"use strict";e.s(["ThemeToggleMenu",()=>h],436742);var t=e.i(843476),r=e.i(363178),a=e.i(39839),n=e.i(763256),s=e.i(56190),l=e.i(441300),i=e.i(663794),o=e.i(489420);e.i(374426);var c=e.i(619226),d=e.i(724295);e.i(768e3);var u=e.i(251960),m=e.i(985711),x=e.i(617877);let p=[{value:c.THEME.LIGHT,icon:x.SunIcon,label:c.THEME.LIGHT},{value:c.THEME.DARK,icon:m.MoonIcon,label:c.THEME.DARK},{value:c.THEME.SYSTEM,icon:u.DesktopIcon,label:c.THEME.SYSTEM}],h=e=>{let{fullWidth:u=!1,size:m,disabled:x=!1}=e,h=(0,a.useIsClient)(),{setTheme:b,theme:v}=(0,r.useTheme)(),{skin:g,setSkin:f}=(0,s.useSkin)(),j=(0,d.useIsBelowTablet)();if(!h)return null;let y=g!==n.DEFAULT_SKIN,N=y?c.THEME.SYSTEM:v,S=null!=m?m:j?"md":"sm";return(0,t.jsx)(i.SegmentedControls,{value:N,onValueChange:e=>{e&&(y&&f(n.DEFAULT_SKIN),b(e))},children:(0,t.jsx)(i.SegmentedControlsList,{size:S,variant:"secondary-variant",fullWidth:u,children:p.map(e=>{let{value:r,icon:a,label:n}=e;return(0,t.jsxs)(l.Tooltip,{children:[(0,t.jsx)(l.TooltipContent,{children:(0,t.jsx)("span",{className:"capitalize",children:y&&r===c.THEME.SYSTEM?"custom"

1:n})}),(0,t.jsx)(l.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("div",{className:(0,o.cn)({"flex-1":u}),children:(0,t.jsx)(i.SegmentedControlsAnimatedTrigger,{layoutId:"theme-toggle",variant:"secondary-variant",isActive:r===N,value:r,disabled:x,onClick:e=>{e.stopPropagation()},size:S,className:(0,o.cn)({"w-full":u}),children:(0,t.jsx)(a,{className:"size-[18px] stroke-[1.5]"})})})})]},r)})})})}}]);