https://figside.com/_next/static/chunks/pages/projects/[id]/settings-4ea7bb6311b15c60.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[527],{629:function(e,i,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/[id]/settings",function(){return o(5111)}])},5111:function(e,i,o){"use strict";o.r(i),o.d(i,{__N_SSP:function(){return A},default:function(){return settings}});var r=o(5893),s=o(3717),t=o(4325),n=o(7294),l=o(6522),d=o(8303),a=o(7747),c=o(4292),h=o(9993),x=o(1293),m=o(1430),u=o(2883),g=o(9970),j=o(7239),b=o(8049),f=o(9371),p=o(6479),S=o(7169),y=o(8942),v=o(2797),z=o(2054),C=o(1136),_=o(9289),w=o(8783),k=o(9761),D=o(7536),I=o(8767),R=o(3420),E=o(7219),W=o(606),N=o(8835),B=o(6525);let L={"error.domain_already_exists":"This domain is already used by another Figside website","error.domain_invalid":"This domain is not valid","error.deploy_not_found":"You must publish your site once before adding a custom domain"};var components_Settings=e=>{let{onClose:i,isPro:o,project:t}=e,{register:T,handleSubmit:A,setError:G,formState:{errors:P}}=(0,D.cI)(),U=(0,l.p)(),[F,M]=(0,n.useState)(),[O,Z]=(0,n.useState)(t.avoid_search_crawling),X=(0,d.S)({base:!1,sm:!0}

1),[Y,q]=(0,n.useState)(t.custom_domain),[H,K]=(0,n.useState)(t.description),[Q,V]=(0,n.useState)(t.title),[$,J]=(0,n.useState)(t.snippet),{mutate:ee,isLoading:ei}=(0,I.useMutation)(e=>(0,R._5)(t.id,e),{onSuccess:e=>{"domain"in e&&q(e.domain)},onError:e=>{var i,o;G("customDomain",{type:"manual",message:null===(o=e.response)||void 0===o?void 0:null===(i=o.data)||void 0===i?void 0:i.error},{shouldFocus:!0})}}),{mutate:eo,isLoading:er}=(0,I.useMutation)(()=>(0,R._9)(t.id),{onSuccess:()=>{M(!0)},onError:e=>{M(!1)}}),{mutate:es,isLoading:et}=(0,I.useMutation)(()=>(0,R.jR)(t.id),{onSuccess:()=>{q(null)}}),{mutate:en,isLoading:el}=(0,I.useMutation)(e=>(0,R.ty)(t.id,e),{onSuccess:()=>{U({position:"top",title:"Site settings saved",status:"success",isClosable:!0})}});(0,n.useEffect)(()=>{t.custom_domain&&eo()},[t]);let onSubmit=async e=>{ee(e)};return(0,r.jsxs)(s.k,{display:"flex",flexDirection:"row",zIndex:400,top:0,bottom:0,right:0,left:0,backgroundColor:"white",position:"absolute",children:[(0,r.jsx)(a.xu,{height:"100%",borderRight:"1px",borderRightColor:"grayBorder",width:"15rem",children:(0,r.jsxs)(c.U,{height:"3.6rem",borderBottom:"1px solid",borderBottomColor:"grayBorder",children:[(0,r.jsx)(h.h,{as:k.Z,href:"/projects/".concat(t.id),variant:"ghost","aria-label":"open",icon:(0,r.jsx)(E.w,{}),onClick:i}),(0,r.jsx)(x.x,{noOfLines:1,color:"warmGray.700",maxWidth:"10rem",fontWeight:"bold",mr:2,children:"Settings"})]})}),(0,r.jsxs)(a.xu,{p:10,height:"100%",flex:"1",children:[(0,r.jsxs)(a.xu,{borderRadius:"lg",py:5,px:7,border:"1px solid",borderColor:"grayBorder",children:[(0,r.jsx)(x.x,{mb:2,fontWeight:"bold",fontSize:"lg",children:"Social Sharing"}),(0,r.jsxs)(m.K,{isInline:X,spacing:4,alignItems:"flex-start",my:4,children:[(0,r.jsxs)(a.xu,{children:[(0,r.jsx)(x.x,{mb:2,fontSize:"sm",children:"Social Cover"}),(0,r.jsx)(u.r,{href:"https://help.figma.com/hc/en-us/articles/360038511413-Set-custom-file-thumbnails",isExternal:!0,children:(0,r.jsx)(g.E,{fallback:(0,r.jsx)(j.M,{textAlign:"center",px:4,borderRadius:"md",backgroundColor:"coolGray.100",width:"14rem",height:"10rem",children:(0,r.jsx)(x.x,{color:"coolGray.400",fontSize:"sm",children:"No cover. Update your Figma thumbnail"})}),objectPosition:"top",objectFit:"cover",borderRadius:"md",width:"14rem",height:"10rem",src:t.thumbnail_url||void 0})}),(0,r.jsx)(u.r,{color:"coolGray.400",textDecoration:"underline",fontSize:"xs",href:"https://help.figma.com/hc/en-us/articles/360038511413-Set-custom-file-thumbnails",isExternal:!0,children:"Update your Figma thumbnail"})]}),(0,r.jsxs)(a.xu,{textAlign:"right",maxWidth:"20rem",width:"100%",ml:4,children:[(0,r.jsxs)(b.NI,{id:"name",children:[(0,r.jsx)(f.l,{fontSize:"sm",children:"Title"}),(0,r.jsx)(p.I,{name:"title",fontSize:"sm",value:Q||void 0,placeholder:"Website title",onChange:e=>V(e.currentTarget.value)})]}),(0,r.jsxs)(b.NI,{mt:2,id:"description",children:[(0,r.jsx)(f.l,{fontSize:"sm",children:"Description"}),(0,r.jsx)(S.g,{name:"description",onChange:e=>K(e.currentTarget.value),value:H||void 0,fontSize:"sm",borderColor:"grayBorder",bgColor:"white",placeholder:"Description used for SEO"})]}),(0,r.jsx)(y.z,{disabled:!Q,isLoading:el,onClick:()=>{Q&&en({description:H,title:Q})},mt:2,variant:"shadow",size:"sm",children:"Save"})]})]})]}),(0,r.jsxs)(a.xu,{mt:4,borderRadius:"lg",py:5,px:7,border:"1px solid",borderColor:"grayBorder",children:[(0,r.jsx)(x.x,{mb:2,fontWeight:"bold",fontSize:"lg",children:"Search Engine"}),(0,r.jsxs)(b.NI,{children:[(0,r.jsx)(f.l,{pt:1,mb:0,fontWeight:"normal",fontSize:"sm",htmlFor:"avoid_search_crawling",children:"Block Search indexing"}),(0,r.jsx)(x.x,{mb:2,fontSize:"xs",color:"coolGray.400",children:"Please re-publish your site after changing this setting"}),(0,r.jsx)(v.r,{id:"avoid_search_crawling",defaultChecked:O,onChange:e=>{Z(e.currentTarget.checked);let i={avoid_search_crawling:e.currentTarget.checked};en(i)}})]})]}),(0,r.jsxs)(a.xu,{mt:4,borderRadius:"lg",py:5,px:7,border:"1px solid",borderColor:"grayBorder",children:[(0,r.jsxs)(s.k,{alignItems:"center",mb:2,fontWeight:"bold",fontSize:"lg",children:["Custom Domain ",(0,r.jsx)(B.Z,{ml:2})]}),Y?(0,r.jsxs)(a.xu,{mt:2,children:[(0,r.jsxs)(a.xu,{children:[(0,r.jsxs)(c.U,{display:"inline-flex",p:1,px:3,borderRadius:"md",shadow:"minibold",border:"1px solid black",mt:2,children:[!er&&F&&(0,r.jsx)(a.Cd,{size:3,bgColor:"teal.200"}),!er&&!F&&(0,r.jsx)(a.Cd,{size:3,bgColor:"red.200"}),er&&(0,r.jsx)(z.s,{size:"3",bgColor:"gray.200"}),(0,r.jsx)(u.r,{isExternal:!0,fontWeight:"bold",fontSize:"lg",href:"https://".concat(Y),children:Y})]}),(0,r.jsxs)(a.xu,{fontSize:"sm",mt:2,children:[!er&&F&&(0,r.jsx)(x.x,{children:"Your domain is up"}),!er&&!F&&(0,r.jsx)(x.x,{color:"red.500",children:"Invalid configuration"}),er&&(0,r.jsxs)(c.U,{children:[(0,r.jsx)(C.$,{speed:"1s",size:"xs"}),(0,r.jsx)(x.x,{children:"Checking your domain…"})]})]})]}),!er&&!F&&(0,r.jsxs)(a.xu,{mt:4,my:2,children:[(0,r.jsx)(_.i,{my:3}),(0,r.jsx)(x.x,{fontSize:"sm",mb:2,children:"Set the following record on your DNS provider to continue:"}),(0,r.jsxs)(c.U,{borderRadius:"md",spacing:5,fontSize:"sm",p:3,backgroundColor:"coolGray.50",children:[(0,r.jsxs)(w.g,{spacing:1,alignItems:"flex-start",children:[(0,r.jsx)(a.xu,{fontWeight:"bold",children:"Type"}),(0,r.jsx)(a.xu,{textAlign:"left",children:"A"})]}),(0,r.jsxs)(w.g,{spacing:1,alignItems:"flex-start",children:[(0,r.jsx)(a.xu,{fontWeight:"bold",children:"Name"}),(0,r.jsx)(a.xu,{children:"@"})]}),(0,r.jsxs)(w.g,{spacing:1,alignItems:"flex-start",children:[(0,r.jsx)(a.xu,{fontWeight:"bold",children:"Value"}),(0,r.jsx)(a.xu,{children:"76.76.21.21"})]})]})]}),(0,r.jsx)(_.i,{my:3}),(0,r.jsxs)(c.U,{mt:4,children:[(0,r.jsx)(y.z,{rightIcon:(0,r.jsx)(W.n,{}),size:"sm",variant:"outline",isDisabled:er,onClick:()=>eo(),children:"Re-check Domain"}),!er&&(0,r.jsx)(y.z,{size:"sm",variant:"ghost",isLoading:et,colorScheme:"red",onClick:()=>es(),children:"Delete Domain"})]})]}):(0,r.jsxs)(a.xu,{as:"form",onSubmit:A(onSubmit),children:[(0,r.jsx)(x.x,{fontSize:"sm",mb:2,mt:4,children:"Add you custom domain:"}),(0,r.jsxs)(b.NI,{maxWidth:"20rem",width:"100%",mr:2,children:[(0,r.jsxs)(a.xu,{display:"flex",children:[(0,r.jsx)(p.I,{borderColor:"grayBorder",borderRightRadius:0,bgColor:"white",required:!0,placeholder:"mydomain.com",...T("customDomain")}),o?(0,r.jsx)(y.z,{fontSize:"sm",borderLeftRadius:0,isLoading:ei,type:"submit",children:"Add"}):(0,r.jsx)(N.Z,{title:"Custom Domain",children:(0,r.jsx)(y.z,{fontSize:"sm",borderLeftRadius:0,isLoading:ei,children:"Add"})})]}),P.customDomain&&(0,r.jsx)(b.Q6,{mt:1,fontSize:"sm",color:"red.500",children:L[P.customDomain.message]})]})]})]}),(0,r.jsxs)(a.xu,{mt:4,borderRadius:"lg",py:5,px:7,border:"1px solid",borderColor:"grayBorder",children:[(0,r.jsx)(s.k,{alignItems:"center",mb:2,fontWeight:"bold",fontSize:"lg",children:"Custom Snippet"}),(0,r.jsx)(x.x,{fontSize:"sm",mb:2,mt:2,children:"Add your custom head snippet (Google Analytics…)"}),(0,r.jsx)(S.g,{size:"sm",value:$||void 0,onChange:e=>{J(e.currentTarget.value)}}),(0,r.jsx)(x.x,{fontSize:"xs",color:"coolGray.400",children:"Loaded only on published website, not preview"}),(0,r.jsx)(y.z,{isLoading:el,onClick:()=>{$&&en({snippet:$})},mt:2,variant:"shadow",size:"sm",children:"Save"})]})]})]})},T=o(2962),A=!0,settings=e=>{let{project:i,isPro:o}=e;return(0,r.jsxs)(s.k,{flexDirection:"column",minHeight:"100vh",children:[(0,r.jsx)(T.PB,{title:i.name}),(0,r.jsx)(t.Z,{}),(0,r.jsx)(s.k,{position:"relative",flexDirection:"row",flex:"1",children:(0,r.jsx)(components_Settings,{isPro:o,project:i})})]})}}},function(e){e.O(0,[556,708,457,669,994,509,385,839,17,774,888,179],function(){return e(e.s=629)}),_N_E=e.O()}]);