https://www.sieve.page/_next/static/chunks/8183.66dae3edec81b9e3.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="e7f8c25e-8c55-4ef5-b391-9779eb10c06c",e._sentryDebugIdIdentifier="sentry-dbid-e7f8c25e-8c55-4ef5-b391-9779eb10c06c")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8183],{33045:function(e,a,o){"use strict";var l=o(57437),s=o(2265),t=o(54887),n=o(61994),r=o(47215),i=o(20705),d=o(76956),c=o(50336),u=o(19065),p=o(57015),m=o(48457),h=o(34023),b=o(23942),v=o(16155),k=o(76796),f=o.n(k);a.Z=e=>{let{look:a,intro:o,onClose:k,onApplied:g}=e,{trackEvent:x}=(0,p.z)(),{data:y}=(0,v.Xij)(),{data:j}=(0,v.tCP)({userId:null==y?void 0:y.id},{skip:!(null==y?void 0:y.id)}),[N,{isLoading:L}]=(0,v.Otq)(),[C,w]=(0,s.useState)(null),_=(0,h.ix)(b.bn),S=(0,m.mq)(),A=(0,s.useMemo)(()=>j?[...j.filter(e=>!e.name),...(0,r.L)(j.filter(e=>e.name))]:j,[j]),I=async()=>{var e,o,l,s;if(C&&!L)try{let s=await N({id:a.id,body:{boardId:C}}).unwrap();(0,u.s$)((null==s?void 0:null===(e=s.data)||void 0===e?void 0:e.backgroundSkipped)?"Look applied! Its background could not be copied, so your page keeps its own.":"Look applied"),C===_&&S((null==s?void 0:null===(l=s.data)||void 0===l?void 0:null===(o=l.board)||void 0===o?void 0:o.accentColor)||""),x("look_applied",{look_id:a.id,board_id:C}),null==g||g(C),k()}catch(a){let e="number"==typeof(null==a?void 0:a.status)&&a.status<500;(0,u.x2)(e&&(null==a?void 0:null===(s=a.data)||void 0===s?void 0:s.message)||"Could not apply this Look. Please try again.")}},M=(0,l.jsx)(i.Z,{title:"Use this Look",onClose:k,className:f().applyLookModal,children:(0,l.jsxs)("div",{className:f().body,children:[o&&(0,l.jsx)("p",{className:f().intro,children:o}),(0,l.jsxs)("div",{className:f().lookLine,style:a.accentColor?{"--look-accent":a.accentColor}:void 0,children:[(0,l.jsx)("span",{className:f().swatch,style:a.accentColor?{background:a.accentColor}:void 0,"aria-hidden":"true"}),(0,l.jsxs)("span",{className:f().lookMeta,children:[(0,l.jsxs)("span",{className:f().lookName,children:["“",a.name,"”"]}),a.authorName&&(0,l.jsxs)("span",{className:f().lookAuthor,children:["by ",a.authorName]})]})]}),(0,l.jsxs)("p",{className:f().reassurance,children:["Pick the page for the Look.",(0,l.jsx)("br",{}),"That page's current Look will be saved if you want to bring it back."]}),(0,l.jsx)("a",{className:f().helpLink,href:"https://getsieve.page/help/looks#use-a-look-shared",target:"_blank",rel:"noopener noreferrer",children:"What's a Look?"}),A?0===A.length?(0,l.jsx)("p",{className:f().emptyState,children:"Create a page first, then come back for this Look."}):(0,l.jsx)("ul",{className:f().boardList,children:A.map(e=>(0,l.jsx)("li",{children:(0,l.jsx)("button",{type:"button",className:(0,n.Z)(f().boardRow,{[f().boardRowSelected]:C===e.id}),"aria-pressed":C===e.id,onClick:()=>w(e.id),children:(0,l.jsx)("span",{className:f().boardName,children:e.name||(null==y?void 0:y.name)})})},e.id))}):(0,l.jsx)(c.T,{}),(0,l.jsxs)("div",{className:f().actions,children:[(0,l.jsx)(d.Z,{variant:"secondary",onClick:k,disabled:L,children:"Cancel"}),(0,l.jsx)(d.Z,{variant:"primary",onClick:I,disabled:!C||L,children:L?(0,l.jsx)(c.T,{mode:"button"}):"Use this Look"})]})]})});return"undefined"==typeof document?null:(0,t.createPortal)(M,document.body)}},15293:function(e,a,o){"use strict";o.d(a,{J:function(){return d}});var l=o(57437);o(2265);var s=o(64060),t=o(70457),n=o(96542),r=o.n(n);let i={zIndex:1400,fontSize:"0.8rem",borderRadius:"8px",padding:"6px 10px",maxWidth:"260px"},d=e=>{let{text:a,tooltipId:o,tooltip:n,href:d,htmlFor:c}=e;return(0,l.jsxs)("div",{className:r().labelRow,children:[(0,l.jsx)("label",{className:r().label,htmlFor:c,children:a}),d?(0,l.jsx)("a",{className:r().labelInfo,href:d,target:"_blank",rel:"noopener noreferrer","aria-label":"About ".concat(a,". Opens the help page."),"data-tooltip-id":o,"data-tooltip-content":n,children:(0,l.jsx)(t.l3d,{size:16})}):(0,l.jsx)("span",{className:r().labelInfo,"aria-label":"About ".concat(a),"data-tooltip-id":o,"data-tooltip-content":n,children:(0,l.jsx)(t.l3d,{size:16})}),(0,l.jsx)(s.u,{id:o,place:"bottom",positionStrategy:"fixed",style:i})]})}},41472:function(e,a,o){"use strict";o.d(a,{K:function(){return v}});var l=o(57437);o(2265);var s=o(69780),t=o(13058),n=o(77895),r=o(2686),i=o(96542),d=o.n(i);let c={sharp:"0",rounded:"4px",pill:"999px"},u={narrow:44,normal:60,wide:84},p=[[34,26],[28,40],[36,30]],m={none:0,subtle:1.5,strong:3},h={subtle:{light:"#bdbdbd",dark:"rgba(255, 255, 255, 0.3)"},strong:{light:"#757575",dark:"rgba(255, 255, 255, 0.55)"}},b=(e,a)=>{var o;let l=null!==(o=m[e])&&void 0!==o?o:m.subtle;if(0===l)return"none";let s="strong"===e?h.strong:h.subtle;return"".concat(l,"px solid ").concat(a?s.dark:s.light)},v=e=>{var a,o,i,m,h,v,k,f;let{base:g,surface:x,cardStyle:y,backgroundImageUrl:j,themeId:N,showBackgroun

1dOnBase:L,accentColor:C,columnWidth:w,spriteUrl:_,spriteCorner:S}=e,A=(0,s.M4)(g,{surface:x,cardStyle:y,backgroundImageUrl:j,themeId:N,showBackgroundOnBase:L}),I=null!==(v=c[null!==(h=null==y?void 0:y.corners)&&void 0!==h?h:t.fg.corners])&&void 0!==v?v:c.rounded,M=b(null!==(k=null==y?void 0:y.border)&&void 0!==k?k:t.fg.border,A.isDark),P=null!==(f=u[null!=w?w:n.cV])&&void 0!==f?f:u[n.cV],R=(null===(o=A.background)||void 0===o?void 0:null===(a=o.image)||void 0===a?void 0:a.src)||null,T=C||"#5c1df4";return(0,l.jsxs)("div",{className:d().peek,children:[(0,l.jsx)("div",{className:d().peekSketch,"aria-hidden":"true",children:(0,l.jsxs)("div",{className:d().peekPage,"data-testid":"peek-page",style:{background:null===(i=A.background)||void 0===i?void 0:i.backgroundColor},children:[R&&(0,l.jsx)("div",{className:d().peekPageImage,"data-testid":"peek-background",style:{backgroundImage:"url(".concat(R,")")}}),(0,l.jsx)("div",{className:d().peekHeaderBar,"data-testid":"peek-accent",style:{backgroundColor:T}}),(0,l.jsxs)("div",{className:d().peekFrame,"data-testid":"peek-frame",style:{backgroundColor:null===(m=A.board)||void 0===m?void 0:m.backgroundColor,"--peek-column-width":"".concat(P,"px")},children:[p.map((e,a)=>(0,l.jsxs)("div",{className:d().peekColumn,"data-testid":"peek-column",children:[(0,l.jsx)("span",{className:d().peekColumnTitle,"data-testid":"peek-column-accent",style:{backgroundColor:T}}),e.map((e,o)=>{var s;let t=0===a&&0===o;return(0,l.jsx)("span",{className:d().peekCard,"data-testid":"peek-card",style:{height:"".concat(e,"px"),backgroundColor:t?T:null===(s=A.card)||void 0===s?void 0:s.backgroundColor,border:M,borderRadius:I}},o)})]},a)),_&&(0,l.jsx)("img",{src:_,alt:"",className:d().peekSprite,"data-testid":"peek-sprite","data-corner":(0,r.fV)(S)})]})]})}),(0,l.jsx)("p",{className:d().peekCaption,children:"Live peek of your page"})]})}},14599:function(e,a,o){"use strict";o.d(a,{w:function(){return P}});var l=o(57437),s=o(2265),t=o(54887),n=o(8289),r=o(49089),i=o(70457),d=o(64060),c=o(75087),u=o(30225),p=o(50336),m=o(9149),h=o(13236),b=o(30558),v=o(3338),k=o(13058),f=o(77895),g=o(69780),x=o(2686),y=o(42081),j=o(61994),N=o(61475),L=o(45011),C=o(15293),w=o(96542),_=o.n(w);let S=e=>{let{title:a,summary:o,tooltip:t,children:n}=e,r=(0,N.Z)("mobile"),[i,d]=(0,s.useState)(!1),c=!r||i;return(0,l.jsxs)("div",{className:_().layerRow,children:[r?(0,l.jsxs)("button",{type:"button",className:_().layerToggle,"aria-expanded":i,onClick:()=>d(e=>!e),children:[(0,l.jsx)("span",{className:_().label,children:i?a:"".concat(a,",")}),!i&&(0,l.jsx)("span",{className:_().layerSummary,children:o}),(0,l.jsx)("span",{className:(0,j.Z)(_().layerChevron,i&&_().layerChevronOpen),"aria-hidden":"true",children:(0,l.jsx)(L._M,{})})]}):t?(0,l.jsx)(C.J,{text:a,tooltipId:t.id,tooltip:t.text,href:t.href}):(0,l.jsx)("label",{className:_().label,children:a}),c&&(0,l.jsx)("div",{className:_().layerContent,children:n})]})};var A=o(25395),I=o(38609);let M="https://getsieve.page/help/looks#the-layers",P=e=>{var a,o,j,N,L,C,w,P;let{baseOptions:R,baseValue:T,baseLoading:D,baseDisabled:G,onBaseChange:Z,backgroundImageUrl:B,backgroundFolderPath:F,onBackgroundUpload:U,onBackgroundRemove:E,spriteUrl:K,spriteFileName:z,spriteCorner:O,onSpriteUpload:V,onSpriteCornerChange:H,onSpriteRemove:Y,isDark:X,surface:q,onSurfaceChange:J,accentColor:W,onAccentChange:$,cardStyle:Q,onCardStyleChange:ee,columnWidth:ea,onColumnWidthChange:eo}=e,[el,es]=(0,s.useState)(!1),[et,en]=(0,s.useState)(!1),[er,ei]=(0,s.useState)(!1),ed=(0,s.useRef)(null),ec=(0,g.tF)(X),eu=ec.some(e=>e.value===q)?q:null,ep=null!=Q?Q:k.fg,em=null!==(L=null===(a=k.zo.find(e=>e.value===ep.corners))||void 0===a?void 0:a.label)&&void 0!==L?L:"",eh=null!==(C=null===(o=k.fC.find(e=>e.value===ep.border))||void 0===o?void 0:o.label)&&void 0!==C?C:"",eb=R.some(e=>e.seasonal),ev=null!==(w=null===(j=R.find(e=>e.value===T))||void 0===j?void 0:j.summary)&&void 0!==w?w:"Light",ek=null!==(P=null===(N=ec.find(e=>e.value===eu))||void 0===N?void 0:N.label)&&void 0!==P?P:"Default";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(S,{title:"Color",summary:"".concat(ev," + ").concat(ek),tooltip:{id:"c

1olor-info",text:"Base, shade, and accent color.",href:M},children:(0,l.jsxs)("div",{className:_().cardSubGroups,children:[(0,l.jsxs)("div",{className:_().subGroup,children:[(0,l.jsxs)("span",{className:_().subGroupLabel,children:["Base",eb&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("a",{className:_().labelInfo,href:"https://getsieve.page/help/seasonal-themes",target:"_blank",rel:"noopener noreferrer","aria-label":"About seasonal themes. Opens the help page.","data-tooltip-id":"seasonal-base-info","data-tooltip-content":"".concat(y.PL.displayName," is this season's look. Learn about seasonal themes."),children:(0,l.jsx)(i.l3d,{size:14})}),(0,l.jsx)(d.u,{id:"seasonal-base-info",place:"bottom",style:{zIndex:1400,fontSize:"0.8rem",borderRadius:"8px",padding:"6px 10px",maxWidth:"260px"}})]})]}),D?(0,l.jsx)(p.T,{}):(0,l.jsx)(A.K,{label:"Base",options:R,value:T,onSelect:Z,disabled:G})]}),(0,l.jsxs)("div",{className:_().subGroup,children:[(0,l.jsx)("span",{className:_().subGroupLabel,children:"Shade"}),(0,l.jsx)(A.K,{label:"Shade",options:[{value:null,label:"Default"},...ec],value:eu,onSelect:e=>J(null!=e?e:null)})]}),(0,l.jsxs)("div",{className:_().subGroup,children:[(0,l.jsx)("span",{className:_().subGroupLabel,children:"Accent"}),(0,l.jsxs)("div",{className:_().accentRow,children:[(0,l.jsx)("button",{ref:ed,type:"button",className:_().accentSwatch,style:{backgroundColor:W||"#5c1df4"},"aria-label":"Accent color",title:"Accent color",onClick:()=>ei(e=>!e)}),(0,l.jsx)(n.ZE,{className:"".concat(_().colorHexInput," ").concat(_().accentHexInput),color:W||"#5c1df4",onChange:$}),(0,l.jsx)(h.J,{anchorEl:ed.current,open:er,onClose:()=>ei(!1),width:150,children:(0,l.jsx)("div",{className:_().accentPicker,children:(0,l.jsx)(n.gW,{color:W||"#5c1df4",onChange:$,style:{width:"100%",height:"100%"}})})})]})]})]})}),(0,l.jsx)(S,{title:"Background",summary:B?"Custom image":"None",children:B?(0,l.jsxs)("div",{className:_().backgroundRow,children:[(0,l.jsx)(m.d,{src:B,alt:"background",width:76,height:40,className:_().backgroundThumbnail,priority:!0}),(0,l.jsx)(c.Z,{variant:"trash","aria-label":"Delete background image",title:"Delete background image",onClick:()=>es(!0),children:(0,l.jsx)(r.Xm5,{})})]}):(0,l.jsx)(I.a,{rule:v.sf.background,folderPath:F,tag:b.mc.themeBackgroun

1dImages,hint:"Or drop an image here. JPG, PNG, GIF, or WebP, up to 4MB.",buttonAriaLabel:"Upload background image",failureMessage:"Could not upload that background. Please try again.",thumbClassName:_().backgroundThumbnail,onUploaded:e=>{let{filePath:a}=e;return U(a)}})}),V&&H&&Y&&(0,l.jsx)(S,{title:"Character sprite",summary:K?"Custom sprite":"None",children:K?(0,l.jsxs)("div",{className:_().cardSubGroups,children:[(0,l.jsxs)("div",{className:_().backgroundRow,children:[(0,l.jsx)("img",{src:K,alt:"","aria-hidden":!0,className:_().spriteThumbnail}),z&&(0,l.jsx)("span",{className:_().spriteFileName,children:z}),(0,l.jsx)(c.Z,{variant:"trash","aria-label":"Remove sprite",title:"Remove sprite",onClick:()=>en(!0),children:(0,l.jsx)(r.Xm5,{})})]}),(0,l.jsxs)("div",{className:_().subGroup,children:[(0,l.jsx)("span",{className:_().subGroupLabel,children:"Corner"}),(0,l.jsx)(A.K,{label:"Corner",options:x.hx,value:(0,x.fV)(O),onSelect:e=>H((0,x.fV)(e))})]})]}):(0,l.jsx)(I.a,{rule:v.sf.sprite,folderPath:F,tag:b.mc.pageSprites,hint:"Idles in a corner of your page. GIF or WebP, 512KB. Or drop one here.",buttonAriaLabel:"Upload sprite",failureMessage:"Could not upload that sprite. Please try again.",thumbClassName:_().spriteThumbnail,onUploaded:e=>{let{filePath:a,originalFileName:o}=e;return V(a,o)}})}),(0,l.jsx)(S,{title:"Cards",summary:"".concat(em," + ").concat(eh),children:(0,l.jsxs)("div",{className:_().cardSubGroups,children:[(0,l.jsxs)("div",{className:_().subGroup,children:[(0,l.jsx)("span",{className:_().subGroupLabel,children:"Corners"}),(0,l.jsx)(A.K,{label:"Corners",options:k.zo,value:ep.corners,onSelect:e=>ee({...ep,corners:null!=e?e:ep.corners})})]}),(0,l.jsxs)("div",{className:_().subGroup,children:[(0,l.jsx)("span",{className:_().subGroupLabel,children:"Border"}),(0,l.jsx)(A.K,{label:"Border",options:k.fC,value:ep.border,onSelect:e=>ee({...ep,border:null!=e?e:ep.border})})]})]})}),(0,l.jsx)(S,{title:"Columns",summary:(0,f.y2)(ea),tooltip:{id:"column-width-info",text:"One width for every column.",href:M},children:(0,l.jsx)(A.K,{label:"Columns",options:f.Yh,value:null!=ea?ea:f.cV,onSelect:e=>eo(null!=e?e:f.cV)})}),el&&"undefined"!=typeof document&&(0,t.createPortal)((0,l.jsx)(u.Z,{open:!0,title:"Remove this background?",message:"Your page keeps everything else. The background image goes away when you save.",confirmText:"Remove",cancelText:"Cancel",destructive:!0,onCancel:()=>es(!1),onConfirm:()=>{E(),es(!1)}}),document.body),et&&"undefined"!=typeof document&&(0,t.createPortal)((0,l.jsx)(u.Z,{open:!0,title:"Remove this sprite?",message:"Your page keeps everything else. The sprite goes away when you save.",confirmText:"Remove",cancelText:"Cancel",destructive:!0,onCancel:()=>en(!1),onConfirm:()=>{null==Y||Y(),en(!1)}}),document.body)]})}},38609:function(e,a,o){"use strict";o.d(a,{a:function(){return u}});var l=o(57437),s=o(2265),t=o(61994),n=o(70854),r=o(52553),i=o(31337),d=o(96542),c=o.n(d);let u=e=>{let{rule:a,folderPath:o,tag:d,hint:u,buttonAriaLabel:p,failureMessage:m,thumbClassName:h,onUploaded:b}=e,v=(0,s.useRef)(null),k=(0,s.useMemo)(()=>[d],[d]),{upload:f,uploading:g,cancel:x,accept:y}=(0,n.i)({rule:a,folderPath:o,tags:k,failureMessage:m,onUploaded:b}),{isOver:j,dropProps:N}=(0,r.F)(!g,e=>void f(e));return g?(0,l.jsx)(i.L,{uploading:g,onCancel:x,thumbClassName:h}):(0,l.jsxs)("div",{className:(0,t.Z)(c().lookUpload,j&&c().lookUploadDropping),...N,children:[(0,l.jsx)("button",{type:"button",className:c().lookUploadButton,"aria-label":p,onClick:()=>{var e;return null===(e=v.current)||void 0===e?void 0:e.click()},children:j?"Drop to upload":"Upload"}),(0,l.jsx)("p",{className:c().lookUploadHint,children:u}),(0,l.jsx)("input",{ref:v,type:"file",accept:y,hidden:!0,onChange:e=>void f((0,n.s)(e))})]})}},37524:function(e,a,o){"use strict";o.d(a,{e:function(){return i}});var l=o(57437);o(2265);var s=o(61994),t=o(96542),n=o.n(t);let r=[["build","Build"],["wardrobe","Looks"],["settings","Settings"]],i=e=>{let{active:a,onChange:o}=e,t=e=>{var a;o(e),null===(a=document.getElementById("look-tab-".concat(e)))||void 0===a||a.focus()};return(0,l.jsx)("div",{className:n().tabs,role:"tablist","aria-label":"Look panel",onKeyDown:e=>{let o=r.findIndex(e=>{let[o]=e;return o===a});if("ArrowRight"===e.key)t(r[(o+1)%r.length][0]);else if("ArrowLeft"===e.key)t(r[(o-1+r.length)%r.length][0]);else if("Home"===e.key)t(r[0][0]);else{if("End"!==e.key)return;t(r[r.length-1][0])}e.preventDefault()},children:r.map(e=>{let[t,r]=e;return(0,l.jsx)("button",{type:"button",role:"tab",id:"look-tab-".concat(t),"aria-selected":a===t,"aria-controls":"look-panel-".concat(t),tabIndex:a===t?0:-1,className:(0,s.Z)(n().tab,a===t&&n().tabActive),onClick:()=>o(t),children:r},t)})})}},28795:function(e,a,o){"use strict";o.d(a,{X:function(){return L}});var l=o(57437),s=o(2265),t=o(54887),n=o(49089),r=o(32768),i=o(16155),d=o(71567),c=o(74498),u=o(93625),p=o(76956),m=o(75087),h=o(30225),b=o(33045),v=o(99035),k=o(50336),f=o(19065),g=o(57015),x=o(15293),y=o(96542),j=o.n(y);let N=e=>e.boardId?"".concat(d.C,"link-previews?boardId=").concat(e.boardId):null,L=e=>{var a,o;let{boardId:d,hasUnsavedChanges:y}=e,{trackEvent:L}=(0,g.z)(),{data:C}=(0,i.Xij)(),{data:w,isLoading:_}=(0,i.Oc3)(),{data:S}=(0,i.tCP)({userId:null==C?void 0:C.id},{skip:!(null==C?void 0:C.id)}),[A,{isLoading:I}]=(0,i.nZG)(),[M,{isLoading:P}

1]=(0,i.ZDK)(),[R,T]=(0,s.useState)(""),[D,G]=(0,s.useState)(null),[Z,B]=(0,s.useState)(null),[F,U]=(0,s.useState)({}),E=null!==(o=null==w?void 0:w.data)&&void 0!==o?o:[],K=R.trim(),z=e=>{let a=null==S?void 0:S.find(a=>a.id===e.boardId);return a?a.name?'kept automatically from "'.concat(a.name,'"'):"kept automatically from your page":"kept automatically"},O=!!d&&K.length>0&&!y&&!I,V=y?"Save your page first, then keep it as a Look":d?0===K.length?"Give your Look a name to save it":"":"Open a page to save its Look",H=async()=>{if(O&&d)try{await A({body:{boardId:d,name:K}}).unwrap(),T(""),(0,f.s$)("Look saved"),L("look_saved",{board_id:d})}catch(o){var e;let a="number"==typeof(null==o?void 0:o.status)&&o.status<500;(0,f.x2)(a&&(null==o?void 0:null===(e=o.data)||void 0===e?void 0:e.message)||"Could not save this Look. Please try again.")}},Y=async(e,a)=>{try{await navigator.clipboard.writeText(a),(0,f.s$)("Look link copied! Share it anywhere"),L("look_share_link_copied",{board_id:d,look_id:e.id})}catch(e){(0,f.x2)("Could not copy the link. Please try again.")}},X=async()=>{if(null==D?void 0:D.id)try{await M({id:D.id}).unwrap(),G(null),L("look_deleted",{board_id:d})}catch(o){var e;G(null);let a="number"==typeof(null==o?void 0:o.status)&&o.status<500;(0,f.x2)(a&&(null==o?void 0:null===(e=o.data)||void 0===e?void 0:e.message)||"Could not delete this Look. Please try again.")}};return(0,l.jsxs)("div",{className:j().inputPanel,children:[(0,l.jsx)("div",{children:(0,l.jsxs)("div",{className:j().inputContainer,children:[(0,l.jsxs)("div",{className:j().savedLooksCompose,children:[(0,l.jsx)(x.J,{text:"Look name",tooltipId:"saved-looks-info",tooltip:"Learn more about Looks.",href:"https://getsieve.page/help/looks#save-a-look",htmlFor:"look-name-input"}),(0,l.jsxs)("div",{className:j().savedLooksForm,children:[(0,l.jsx)(u.n,{name:"look-name",value:R,maxLength:60,onChange:e=>T(e.target.value),disabled:I,"aria-describedby":V?"saved-looks-hint":void 0}),(0,l.jsx)(p.Z,{variant:"secondary",onClick:H,disabled:!O,"aria-describedby":V?"saved-looks-hint":void 0,children:I?(0,l.jsx)(k.T,{mode:"button"}):"Save this Look"})]}),V&&(0,l.jsx)("span",{id:"saved-looks-hint",className:j().savedLooksHint,children:V})]}),(0,l.jsx)("div",{className:j().savedLooksDivider}),_?(0,l.jsx)(k.T,{}):0===E.length?(0,l.jsx)("p",{className:j().savedLooksEmpty,children:"No Looks yet. Name what you built above to keep your first one."}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:j().savedLooksListHeader,children:[(0,l.jsx)("span",{className:j().label,children:"Your Looks"}),(0,l.jsx)("span",{className:j().savedLooksHint,children:"Tap Use to apply a Look to another page."})]}),(0,l.jsx)("ul",{className:j().savedLooksList,children:E.map(e=>{var a;let o=(0,c.mE)(null==C?void 0:C.name,e.id);return(0,l.jsxs)("li",{className:j().savedLookRow,children:[N(e)&&!F[e.id]?(0,l.jsx)("img",{className:j().savedLookThumbnail,src:N(e),alt:"",loading:"lazy",crossOrigin:"anonymous",onError:()=>U(a=>({...a,[e.id]:!0}))}):(0,l.jsx)("span",{className:j().savedLookSwatch,style:(null===(a=e.data)||void 0===a?void 0:a.accentColor)?{background:e.data.accentColor}:void 0,"aria-hidden":"true"}),(0,l.jsxs)("span",{className:j().savedLookMeta,children:[(0,l.jsx)("span",{className:j().savedLookName,children:e.name}),(0,l.jsxs)("span",{className:j().savedLookAuthorRow,children:[(null==C?void 0:C.name)&&(0,l.jsxs)("span",{className:j().savedLookAuthor,children:["by ",C.name]}),e.isBackup&&(0,l.jsx)("span",{className:j().savedLookBackupTag,children:z(e)})]})]}),(0,l.jsxs)("span",{className:j().savedLookActions,children:[(0,l.jsx)("button",{type:"button",className:j().savedLookUseButton,"aria-label":"Apply Look ".concat(e.name),title:"Use on one of your pages",onClick:()=>B(e),children:"Use"}),o&&(0,l.jsx)(m.Z,{className:j().savedLookIconButton,"aria-label":"Copy share link for Look ".concat(e.name),title:"Copy share link",onClick:()=>Y(e,o),children:(0,l.jsx)(r.woQ,{})}),(0,l.jsx)(m.Z,{variant:"trash",className:j().savedLookIconButton,"aria-label":"Delete Look ".concat(e.name),title:"Delete Look",onClick:()=>G(e),children:(0,l.jsx)(n.Xm5,{})})]})]},e.id)})})]})]})}),(0,l.jsx)("div",{className:j().textPanel,children:(0,l.jsx)("span",{className:j().subText,children:"A Look saves how your whole page looks, colors, background, and card style, under one name. Reuse it on other pages, or share it with a link."})}),(null==Z?void 0:Z.id)&&Z.name&&(0,l.jsx)(b.Z,{look:{id:Z.id,name:Z.name,authorName:null==C?void 0:C.name,accentColor:null===(a=Z.data)||void 0===a?void 0:a.accentColor},onClose:()=>B(null),onApplied:()=>v.a.getState().closeModal()}),D&&"undefined"!=typeof document&&(0,t.createPortal)((0,l.jsx)(h.Z,{open:!0,title:"Delete this Look?",message:'"'.concat(D.name,'" will be removed from your saved Looks. Your page is not affected.'),confirmText:"Delete",cancelText:"Cancel",destructive:!0,loading:P,onCancel:()=>G(null),onConfirm:X}),document.body)]})}},16019:function(e,a,o){"use strict";o.d(a,{G:function(){return r}});var l=o(57437);o(2265);var s=o(31016),t=o(92099),n=o(42081);function r(e,a){var o;if(!e)return[{label:"Light",value:null,summary:"Light"}];let r=new Map;r.set(null,{label:"Light",value:null,summary:"Light"}

1),e.forEach(e=>{let a=(0,n.It)(null==e?void 0:e.name),o=!!a&&a.themeName===n.PL.themeName,i=s.V_.isDefaultTheme(null==e?void 0:e.name)?"SievePage":(null==e?void 0:e.name)===s.r7.DARK?"Dark":a?a.displayName:null==e?void 0:e.name,d=null==e?void 0:e.id.toString();r.set(d,{label:o?(0,l.jsxs)("span",{style:{display:"inline-flex",alignItems:"center"},children:[i,(0,l.jsx)(t.D,{themeName:null==e?void 0:e.name})]}):i,value:d,summary:i,seasonal:o})});let i=a=>{var o;return null===(o=e.find(e=>e.name===a))||void 0===o?void 0:o.id.toString()},d=String(null!=a?a:""),c=null===(o=e.find(e=>s.V_.isDefaultTheme(e.name)))||void 0===o?void 0:o.id.toString(),u=!!c&&d===c,p=e=>{let a=i(e);return a?r.get(a):void 0},m=e=>{let a=i(e);return a&&d===a?r.get(a):void 0},h=e.filter(e=>(0,n.It)(e.name)&&e.name!==n.PL.themeName).map(e=>m(e.name));return[u&&c?r.get(c):void 0,r.get(null),p(s.r7.DARK),p(n.PL.themeName),...h].filter(Boolean)}},76796:function(e){e.exports={bg:"#ededf3",white:"#fff",black:"#000","grey-50":"#fafafa","grey-100":"#f5f5f5","grey-200":"#eee","grey-300":"#e0e0e0","grey-400":"#bdbdbd","grey-500":"#9e9e9e","grey-600":"#757575","grey-700":"#616161","grey-800":"#424242","grey-900":"#212121","grey-transparent":"rgba(0,0,0,.1)","scrollbar-track":"hsla(0,0%,100%,.231372549)","red-100":"#ffcdd2","red-500":"#f44336","red-600":"#e53935","red-700":"#d32f2f","red-800":"#c62828","red-900":"#b71c1c","sieve-yellow":"#f6bd2d","status-open":"#22c55e","status-waitlist":"#f6bd2d","status-closed":"#f44336","status-resolved":"#1a7f37","status-overdue":"#b45309","sieve-blue":"#5c1df4","sieve-blue-50":"#fff","sieve-blue-100":"rgb(232.3037974684,223.5316455696,253.4683544304)","sieve-blue-150":"rgb(214.7658227848,199.2151898734,252.2848101266)","sieve-blue-200":"rgb(197.2278481013,174.8987341772,251.1012658228)","sieve-blue-300":"rgb(162.1518987342,126.2658227848,248.7341772152)","sieve-blue-400":"rgb(127.0759493671,77.6329113924,246.3670886076)","sieve-blue-600":"rgb(69.3164556962,10.3037974684,211.6962025316)","sieve-blue-700":"rgb(53.3924050633,7.9367088608,163.0632911392)","sieve-blue-800":"rgb(29.5063291139,4.3860759494,90.1139240506)","sieve-blue-900":"rgb(21.5443037975,3.2025316456,65.7974683544)","sieve-blue-transparent":"hsl(242,100%,78%)","aquamarine-500":"#75fcce","aquamarine-transparent":"hsla(160,96%,72%,.8)","cornflower-500":"hsl(258,90%,64%)","cornflower-transparent":"hsla(258,90%,64%,.8)","dark-accent":"rgb(162.1518987342,126.2658227848,248.7341772152)","dark-danger-text":"#ff6b5e","dar

1k-border":"rgba(92,29,244,.28)","dark-border-strong":"rgba(92,29,244,.6)","dark-shadow":"0 8px 32px rgba(92,29,244,.25)","dark-shadow-soft":"0 4px 12px rgba(92,29,244,.18)","dark-surface-soft":"hsla(0,0%,100%,.08)","dark-surface-hover":"rgba(92,29,244,.15)","dark-divider":"hsla(0,0%,100%,.07)","dark-text":"#f4f4f5","dark-text-muted":"#a1a1aa","dark-card":"#232a4d","light-hover":"#f9fafb","divider-light":"#ececec","money-surface-light":"#e8e0fd","money-text-light":"#212121","money-surface-dark":"#3f2d6e","money-text-dark":"#f4f4f5","money-action":"#5c1df4","money-on-action":"#fff","money-error-light":"#b71c1c","money-error-dark":"#ffcdd2","surface-warm-white-page":"#f7f2ec","surface-warm-white-surface":"#fdfaf6","surface-warm-white-frame":"rgba(253,250,246,.9)","surface-cool-white-page":"#eff3f8","surface-cool-white-surface":"#f7fafd","surface-cool-white-frame":"rgba(247,250,253,.9)","surface-cream-page":"#f3ecd8","surface-cream-surface":"#fbf6e7","surface-cream-frame":"rgba(251,246,231,.9)","surface-pure-black-page":"#000","surface-pure-black-surface":"#111","surface-pure-black-frame":"rgba(17,17,17,.9)","surface-navy-page":"#0a1024","surface-navy-surface":"#141c3a","surface-navy-frame":"rgba(20,28,58,.9)","surface-charcoal-page":"#17181b","surface-charcoal-surface":"#202227","surface-charcoal-frame":"rgba(32,34,39,.9)","switch-on":"#2eca45","switch-on-focus":"#33cf4d","switch-track-off":"#e9e9ea","switch-track-off-dark":"#39393d","border-radius-small":"4px","border-radius-medium":"24px","border-radius-large":"32px",applyLookModal:"ApplyLookModal_applyLookModal__N2Yj7",body:"ApplyLookModal_body___kEJF",intro:"ApplyLookModal_intro__wpma3",lookLine:"ApplyLookModal_lookLine__EtqTY",swatch:"ApplyLookModal_swatch__gFnlH",lookMeta:"ApplyLookModal_lookMeta__8DIje",lookName:"ApplyLookModal_lookName__FX8N5",lookAuthor:"ApplyLookModal_lookAuthor___gU8k",reassurance:"ApplyLookModal_reassurance__UF2rn",helpLink:"ApplyLookModal_helpLink__gQpqh",boardList:"ApplyLookModal_boardList__YpsB6",boardRow:"ApplyLookModal_boardRow___AR2k",boardName:"ApplyLookModal_boardName__NdNPV",boardRowSelected:"ApplyLookModal_boardRowSelected__R1pK7",emptyState:"ApplyLookModal_emptyState__IFpvC",actions:"ApplyLookModal_actions__Cdcm_"}}}]);