https://app.caisy.io/app/_next/static/chunks/pages/project/home-45c19b9a96924b5f.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="dbc9f2fa-4664-4b78-9215-282d63f53922",e._sentryDebugIdIdentifier="sentry-dbid-dbc9f2fa-4664-4b78-9215-282d63f53922")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1202],{31443:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/project/home",function(){return t(87835)}])},13516:function(e,n,t){"use strict";t.d(n,{O:function(){return i}});var i=t(19521).ZP.div.withConfig({componentId:"sc-ea536ba4-0"})(['position:absolute;bottom:0;right:0;left:0;min-width:560px;height:4px;border-radius:2px;background-color:var(--ui-supportive-10);overflow:hidden;&:before{position:absolute;left:0;top:0;bottom:0;content:"";background-color:#41c300;width:',";transition:width 1000ms;}"],function(e){var n=e.percentage;return"".concat(n,"%")})},87835:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return ev},default:function(){return eg}});var i=t(24043),o=t(248),r=t(85893),c=t(51701),d=t(79543),s=t(25354),l=t(11163),p=t(67294),a=t(20581),u=t(21497),f=t(38347),x=t(44347),h=t(77864),m=t(93039),g=t(46424),v=t(19521),j=v.ZP.div.withConfig({componentId:"sc-af2f853-0"})(["padding:40px;display:flex;flex-direction:column;gap:24px;width:calc(100% - 40px - 40px);background-color:var(--ui-background);overflow:hidden auto;",";"],g.l),_=v.ZP.div.withConfig({componentId:"sc-84012103-0"})(["display:flex;flex-direction:column;width:calc(100% - 40px);padding:24px;gap:16px;background-color:var(--ui-01);border:1px solid var(--ui-03);box-shadow:0px 4px 8px rgba(78,114,144,0.04);border-radius:12px;"]),b=v.ZP.div.withConfig({componentId:"sc-46bcac39-0"})(["display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;"]),y=v.ZP.div.withConfig({componentId:"sc-fc5fb3d0-0"})(["font-family:Inter;font-size:12px;font-weight:400;line-height:16px;color:var(--text-01);"]),w=t(91539),I=v.ZP.div.withConfig({componentId:"sc-4e594817-0"})(["",";display:flex;flex-direction:column;gap:4px;flex:1;color:var(--text-01);"],w.oA),k=t(13516),C=v.ZP.div.withConfig({componentId:"sc-64a8ac10-0"})(["display:flex;flex-direction:column;gap:12px;",";color:var(--text-04);margin-top:20px;"],w.Zr),P=v.ZP.div.withConfig({componentId:"sc-d2200f29-0"})(["display:flex;flex-direction:column;gap:4px;width:100%;p{",";color:var(--text-03);}","{margin-top:16px;}","{position:relative;height:8px;}"],w.Sm,C,k.O),Z=v.ZP.div.withConfig({componentId:"sc-474cc0ef-0"})(["",";color:var(--text-01);"],w.YQ),E=t(41334),S=t(41664),z=t.n(S),O=t(94785),T=v.ZP.div.withConfig({componentId:"sc-9776f416-0"})(["display:flex;align-items:center;flex:1;height:100%;box-sizing:border-box;gap:16px;border-radius:8px;padding:12px;",";cursor:pointer;border:1px solid var(--ui-03);img{width:58px;height:58px;border-radius:8px;}&,&:active,&:hover{text-decoration:none;}"],w.EE),M=(0,v.iv)(["color:var(--hover-icon-07);"]),D=v.ZP.div.withConfig({componentId:"sc-248709fc-0"})(["display:flex;align-items:center;justify-content:center;margin-left:auto;color:var(--icon-03);",""],function(e){return"invite"===e.type&&M}),N=v.ZP.div.withConfig({componentId:"sc-3f36d356-0"})(["display:flex;flex-direction:column;gap:4px;color:var(--text-01);"]),R=v.ZP.div.withConfig({componentId:"sc-f6fc0061-0"})(["",";color:var(--text-04);"],w.Sm),H=t(82729),B=t(95343);function L(){var e=(0,H._)(["",""]);return L=function(){return e},e}var Y=(0,v.iv)(["flex:49%;"]),A=v.ZP.div.withConfig({componentId:"sc-3881801d-0"})(["flex:1;flex:100%;a{&,&:active,&:hover{text-decoration:none;}}",";"],(0,B.v7)(L(),Y)),J=function(e){var n,t,i=e.button,o=(0,a.Z)();return(0,r.jsx)(A,{children:i.internalLinkIdentifier?(0,r.jsx)(O.h,{path:em[i.internalLinkIdentifier].path,params:{projectId:o},children:(0,r.jsxs)(T,{children:[(null===(n=i.icon)||void 0===n?void 0:n.src)&&(0,r.jsx)("img",{src:i.icon.src}),(0,r.jsxs)(N,{children:[null==i?void 0:i.title,i.description&&(0,r.jsx)(R,{children:i.description})]}),(0,r.jsx)(D,{children:(0,r.jsx)(E.V,{size:24})})]})}):(0,r.jsx)(z(),{href:i.externalLink,target:"_blank",children:(0,r.jsxs)(T,{children:[(null===(t=i.icon)||void 0===t?void 0:t.src)&&(0,r.jsx)("img",{src:i.icon.src}),(0,r.jsxs)(N,{children:[null==i?void 0:i.title,i.description&&(0,r.jsx)(R,{children:i.description})]}),(0,r.jsx)(D,{children:(0,r.jsx)(E.V,{size:24})})]})})})},V=function(e){var n=e.percentage;return(0,r.jsx)(C,{children:(0,r.jsx)(k.O,{percentage:n})})},X=v.ZP.div.withConfig({componentId:"sc-9499d265-0"})(["display:flex;justify-content:space-between;align-items:flex-start;"]),q=t(27854),F=function(){return(0,r.jsx)(_,{children:(0,r.jsx)(b,{children:(0,r.jsxs)(P,{children:[(0,r.jsxs)(X,{children:[(0,r.jsxs)(I,{children:[(0,r.jsx)(q.s,{borderRadius:"4px",height:"24px",width:"169px"},"s1"),(0,r.jsx)(q.s,{borderRadius:"4px",height:"20px",width:"208px"},"s2")]}),(0,r.jsx)(q.s,{borderRadius:"4px",height:"24px",width:"89px"},"s3")]}),(0,r.jsx)(q.s,{borderRadius:"4px",height:"8px",width:"100%",style:{marginTop:16}},"s4")]})})})},G=t(55094),Q=t(54957),U=t(58629),W=(0,v.iv)(["opacity:0.6;box-shadow:none;"]),K=(0,v.iv)([""]),$=v.ZP.div.withConfig({componentId:"sc-398c1fa2-0"})(["display:flex;flex-direction:column;padding:16px;background-color:var(--ui-01);border-bottom:1px solid var(--interactional-tertiary-01);

1transition:box-shadow 150ms;:last-of-type{border-bottom:none;}",";",""],function(e){var n=e.completed,t=e.opened;return n&&!t&&W},function(e){var n=e.completed;return e.opened&&!n&&K}),ee=(0,v.iv)(["background-color:var(--active-interactional-secondary-03-1);color:var(--icon-02);svg{transform:rotate(-180deg);}"]),en=v.ZP.div.withConfig({componentId:"sc-b3216ae-0"})(["display:flex;align-items:center;justify-content:center;height:32px;width:32px;background-color:var(--interactional-secondary-03);border-radius:6px;cursor:pointer;transition:background-color 200ms;svg{transition:transform 200ms,color 200ms;}color:var(--icon-01);",""],function(e){return e.opened&&ee}),et=v.ZP.div.withConfig({componentId:"sc-7ce85572-0"})(["display:flex;flex-direction:column;gap:4px;flex:1;"]),ei=(0,v.iv)(["color:var(--icon-07);border:none;"]),eo=v.ZP.div.withConfig({componentId:"sc-dd252abd-0"})(["display:flex;align-items:center;justify-content:center;height:40px;width:40px;color:var(--icon-03);",";"],function(e){return e.completed&&ei}),er=v.ZP.div.withConfig({componentId:"sc-d60238a8-0"})(["font-family:Inter;font-size:14px;font-weight:400;line-height:20px;color:var(--text-04);"]),ec=v.ZP.div.withConfig({componentId:"sc-dc46df37-0"})(["font-family:Inter;font-size:16px;font-weight:600;line-height:24px;color:var(--text-01);"]),ed=v.ZP.div.withConfig({componentId:"sc-4d1671d5-0"})(["display:flex;align-items:center;gap:16px;"]),es=t(85900),el=v.ZP.div.withConfig({componentId:"sc-42e6f3ae-0"})([""," display:flex;flex-direction:column;gap:24px;padding:20px 288px 8px 72px;margin:0 -16px;",';color:var(--text-01);pre{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:var(--active-text-03);padding:16px 8px;background:var(--ui-03);border-radius:4px;word-break:break-word;}'],es.P,w.Sm),ep=function(e){var n=e.step,t=e.completed,i=e.path,o=e.opened,c=e.onOpen,l=e.onClick,p=(0,a.Z)();return(0,r.jsxs)($,{opened:o,completed:t,children:[(0,r.jsxs)(ed,{children:[(0,r.jsx)(eo,{completed:t,children:t?(0,r.jsx)(G.j,{solid:!0,size:32}):(0,r.jsx)(Q.f,{size:32})}),(0,r.jsxs)(et,{children:[(0,r.jsx)(ec,{children:n.title}),(0,r.jsx)(er,{children:(0,r.jsx)(s.i,{node:n.shortDescription.json})})]}),(0,r.jsx)(en,{opened:o,onClick:c,children:(0,r.jsx)(U.C,{size:16})})]}),o?(0,r.jsxs)(el,{children:[(0,r.jsx)(s.i,{node:n.description.json}),i?(0,r.jsx)(O.h,{path:i,params:{projectId:p},children:(0,r.jsx)(d.z,{onClick:l,style:{width:"fit-content"},type:"primary",size:"small",children:n.buttonText})}):l?(0,r.jsx)(d.z,{style:{width:"fit-content"},type:"primary",size:"small",onClick:l,children:n.buttonText}):null]}):null]})},ea=v.ZP.div.withConfig({componentId:"sc-b379bf6f-0"})(["display:flex;flex-wrap:wrap;gap:12px;"]),eu=v.ZP.div.withConfig({componentId:"sc-e9a075f1-0"})(["",";display:flex;align-items:center;color:var(--text-01);"],w.EE),ef=v.ZP.div.withConfig({componentId:"sc-2451e477-0"})(["padding-top:8px;display:flex;flex-direction:column;"]),ex=t(48134),eh={blueprint_create:{path:"/project/blueprints"},document_create:{path:"/project/documents/document"},open_playground:{path:"/project/playground"},open_api_keys:{path:"/project/settings/development/apikeys"},copy_api_key:{path:"/project/settings/development/apikeys"},copy_project_id:{path:"/project/settings/general"},previews:{path:"/project/settings/development/previews"},publish_changes:{path:"/project/documents/document"}},em={invite_member:{path:"/project/settings/members"}},eg=function(){var e,n=(0,x.J)().user,t=(0,u.wT)(),g=t.sections,v=t.welcomeWithUsername,w=(0,a.Z)(),k=(0,m.Y)(),C=k.projectOnboarding,E=k.setProjectOnboardingEventCompleted,S=k.usedTemplateReference,z=k.loadingProjectOnboarding,O=k.projectTemplate,T=(0,l.useRouter)(),M=(0,i._)((0,p.useState)([]),2),D=M[0],N=M[1],R=!!S,H=(0,p.useMemo)(function(){return g.filter(function(e){return"HomeOnboardingStepSection"===e.__typename})[0]},[g]),B=R?(null==O?void 0:O.onboardingSteps)?O.onboardingSteps:H.templateSteps:H.steps,L=""+(null===(e=C.completedEvents)||void 0===e?void 0:e.join("-")),Y=(0,p.useMemo)(function(){if(C.completedEvents)return B.filter(function(e){return!C.completedEvents.includes(h.I[e.identifier])})},[H,L,O,B]),A=(0,p.useMemo)(function(){if(B&&C.completedEvents&&Y&&0!==Y.length&&0!=B.length){var e,n=(e=Math).min.apply(e,(0,o._)(Y.map(function(e){return B.findIndex(function(n){return n.identifier===e.identifier})})));return h.I[B[n].identifier]}},[L,Y]),q=(0,p.useMemo)(function(){if(Y){var e=0;return Y.forEach(function(n){e+=n.minutesEstimate}),e}},[Y]),G=(0,p.useMemo)(function(){if(Y){var e=R?H.templateSteps:H.steps;return 100*(e.length-Y.length)/e.length}},[Y]);(0,p.useEffect)(function(){null!=A&&N([A])},[A]);var Q=(0,ex.a)(v,{0:null==n?void 0:n.displayName}),U=function(e){D.includes(e)?N(function(n){return n.filter(function(n){return n!==e})}):N(function(n){return(0,o._)(n).concat([e])})},W="true"==="".concat(T.query.verify_template_setup);(0,p.useEffect)(function(){W&&w&&E({projectId:w,eventCode:h.I.verify_template_setup})},[W,w]);

1var K=function(){E({projectId:w,eventCode:h.I.close_steps_section})};return(0,r.jsx)(c.r,{children:(0,r.jsxs)(j,{children:[n&&(0,r.jsx)(Z,{children:Q}),g.map(function(e,n){var t,i="".concat(null==e?void 0:e.id,"_").concat(n);if("HomeOnboardingStepSection"===e.__typename){if(z)return(0,r.jsx)(F,{},i);if(C.completedEvents.includes(h.I.close_steps_section))return null;var o=(0,ex.a)(e.remainingEstimateSteps,{0:null==Y?void 0:Y.length}),c=(0,ex.a)(e.remainingEstimateTime,{0:q});return(0,r.jsxs)(_,{children:[(0,r.jsx)(b,{children:(0,r.jsxs)(P,{children:[(0,r.jsxs)(X,{children:[(0,r.jsxs)(I,{children:[e.cardTitle,(0,r.jsx)("p",{children:100===G?"".concat(e.allDoneString||"All done! You did a great job! \uD83C\uDF89"):"".concat(c)})]}),100===G?(0,r.jsx)(d.z,{onClick:K,type:"tertiary",size:"small",children:e.close||"Close"}):(0,r.jsx)(eu,{children:o})]}),(0,r.jsx)(V,{percentage:G})]})}),(0,r.jsx)(ef,{children:B.map(function(n){var t;return(0,r.jsx)(ep,{path:n.buttonText&&eh[n.identifier]?eh[n.identifier].path:null,completed:null==C?void 0:null===(t=C.completedEvents)||void 0===t?void 0:t.includes(h.I[n.identifier]),step:n,onClick:n.triggerBackModal||n.identifier.includes("click_next")?function(){n.triggerBackModal&&e.backToHomeModal&&sessionStorage.setItem(f.Z,JSON.stringify({projectId:w,identifier:h.I[n.identifier],modal:e.backToHomeModal})),n.identifier.includes("click_next")&&E({projectId:w,eventCode:h.I[n.identifier]}).then(function(){U(h.I[n.identifier])})}:null,opened:D.includes(h.I[n.identifier]),onOpen:function(){return U(h.I[n.identifier])}},n.identifier)})})]},i)}if("HomeButtonSection"===e.__typename)return(0,r.jsxs)(_,{children:[(0,r.jsx)(b,{children:(0,r.jsxs)(P,{children:[(0,r.jsx)(I,{children:e.title}),(0,r.jsx)(y,{children:e.description?(0,r.jsx)(s.i,{node:null===(t=e.description)||void 0===t?void 0:t.json}):null})]})}),(0,r.jsx)(ea,{children:e.button.map(function(e){return(0,r.jsx)(J,{button:e},e.id)})})]},i)})]})})},ev=!0},77864:function(e,n,t){"use strict";var i,o;t.d(n,{I:function(){return i}}),(o=i||(i={}))[o.blueprint_create=1]="blueprint_create",o[o.document_create=2]="document_create",o[o.open_playground=3]="open_playground",o[o.copy_project_id=4]="copy_project_id",o[o.open_api_keys=5]="open_api_keys",o[o.verify_template_setup=6]="verify_template_setup",o[o.previews=7]="previews",o[o.publish_changes=8]="publish_changes",o[o.use_preview=9]="use_preview",o[o.close_steps_section=10]="close_steps_section",o[o.copy_api_key=11]="copy_api_key",o[o.click_next_1=101]="click_next_1",o[o.click_next_2=102]="click_next_2",o[o.click_next_3=103]="click_next_3"}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=31443)}),_N_E=e.O()}]);