https://www.notboringbusiness.com/_assets/NewUserHomePopup-36dc8b153c6be809.js

1"use strict";(globalThis.rspackChunknotion_next=globalThis.rspackChunknotion_next||[]).push([[22736],{618375(e,t,n){n.d(t,{Li:()=>r,vj:()=>o,Ry:()=>i}),n(635790);let i={panel:{paddingTop:16,paddingBottom:16,background:n(632079).Tj.background.secondary},stepButton:{borderRadius:12,paddingBlockStart:8,paddingBlockEnd:8,paddingInlineStart:16,paddingInlineEnd:4,minHeight:52,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"flex-start"},stepButtonIncomplete:{background:n(632079).Tj.background.primary,boxShadow:`0 0 0 1px ${n(632079).Tj.border.secondary}`},stepButtonComplete:{},stepButtonTextWrapper:{flex:1,minWidth:0,maxWidth:198,whiteSpace:"normal",overflowWrap:"break-word"},stepRadioWrapper:{position:"relative",display:"inline-flex"},stepRadioComplete:{width:18,height:18,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},stepRadioCheckmark:{color:n(632079).Tj.blue.icon.inversePrimary},stepTextComplete:{textDecoration:"line-through",textDecorationColor:n(632079).Tj.text.tertiary},stepImage:{maxWidth:160,maxHeight:52,flexShrink:0},stepImageContainer:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:150,marginInlineEnd:-16}};var a=n(440302);function r({title:e,titleColorVariant:t,description:o,children:s,footer:l}){return(0,a.jsxs)(n(4458).VP,{gap:20,width:380,style:i.panel,paddingInlineStart:16,paddingInlineEnd:16,children:[(0,a.jsxs)(n(4458).VP,{gap:2,children:[(0,a.jsx)(n(111010).D,{styleKey:"bodyLgSemibold",colorVariant:t,children:e}),(0,a.jsx)(n(111010).D,{styleKey:"bodySmRegular",colorVariant:"secondary",children:o})]}),(0,a.jsxs)(n(4458).VP,{gap:10,children:[s,l]})]})}function o({completed:e,label:t,completedLabel:r,illustration:s,onClick:l,disabled:d=!1,completedPalette:p="blue"}){let c="gray"===p?n(632079).Tj.gray.background.accentPrimary:n(632079).Tj.blue.background.accentPrimary,g=e?(0,a.jsxs)(n(4458).fI,{gap:12,alignItems:"center",children:[(0,a.jsx)("span",{style:i.stepRadioWrapper,children:(0,a.jsx)("div",{style:{...i.stepRadioComplete,backgroundColor:c},children:(0,a.jsx)(n(16275).I,{icon:n(20413).checkmarkFillSmallIcon,size:"xxs",style:i.stepRadioCheckmark})})}),(0,a.jsx)("span",{style:i.stepTextComplete,children:(0,a.jsx)("div",{style:i.stepButtonTextWrapper,children:(0,a.jsx)(n(111010).D,{styleKey:"bodySmMedium",colorVariant:"tertiary",children:r??t})})})]}):(0,a.jsxs)(n(4458).fI,{gap:12,alignItems:"center",children:[(0,a.jsx)("span",{style:i.stepRadioWrapper,children:(0,a.jsx)(n(101127).a,{selectorSize:"normal",checked:!1,readOnly:!0,tabIndex:-1})}),(0,a.jsx)("div",{style:i.stepButtonTextWrapper,children:(0,a.jsx)(n(111010).D,{styleKey:"bodySmMedium",children:t})})]}),u=(0,a.jsxs)(n(4458).fI,{flex:1,justifyContent:"space-between",alignItems:"center",children:[g,s]}),m={...i.stepButton,...e?i.stepButtonComplete:i.stepButtonIncomplete,...e&&"gray"===p?{background:"transparent",boxShadow:`0 0 0 1px ${n(632079).Tj.border.primary}`}:{}};return e?(0,a.jsx)(n(265779).E,{colorPalette:p,onClick:l,disabled:d,style:m,children:u}):(0,a.jsx)(n(988022).p,{onClick:l,disabled:d,style:m,children:u})}},102924(e,t,n){n.r(t),n.d(t,{NewUserHomePopup:()=>g,closeNewUserHomePopup:()=>r}),n(730330),n(976614),n(139583),n(159952);var i=n(635790);let a=new(n(510969)).A;function r(){a.setState({open:!1})}var o=n(440302);let s=(0,n(327219).YK)({buttonTitle:{id:"newUserHomePopup.buttonTitle",defaultMessage:"Set up your workspace"},completedTitle:{id:"newUserHomePopup.completedTitle",defaultMessage:"Set up complete!"},dismissAriaLabel:{id:"newUserHomePopup.dismissAriaLabel",defaultMessage:"Dismiss setup guide"},panelTitle:{id:"newUserHomePopup.panelTitle",defaultMessage:"Set up your workspace"},panelDescription:{id:"newUserHomePopup.panelDescription",defaultMessage:"Complete these steps to get the most out of Notion."},agentOnboarding:{id:"newUserHomePopup.step.agentOnboarding",defaultMessage:"Set up your home base for your work"},agentOnboardingCompleted:{id:"newUserHomePopup.step.agentOnboardingCompleted",defaultMessage:"Go back to your home base"},aiMeetingNotes:{id:"newUserHomePopup.step.aiMeetingNotes",defaultMessage:"Capture meeting notes automatically"},searchInbox:{id:"newUserHomePopup.step.searchInbox",defaultMessage:"Connect your email to search everything with AI"}

1,inviteTeam:{id:"newUserHomePopup.step.inviteTeam",defaultMessage:"Invite your team to work in one shared space"},agentOnboardingInputPlaceholder:{id:"newUserHomePopup.step.agentOnboardingInputPlaceholder",defaultMessage:"Ask, build, chat"},setupHelp:{id:"newUserHomePopup.step.setupHelp",defaultMessage:"Claim your free session with a Notion expert"}}),l={"agent-onboarding":s.agentOnboarding,"ai-meeting-notes":s.aiMeetingNotes,"search-inbox":s.searchInbox,"invite-team":s.inviteTeam,"setup-help":s.setupHelp},d=(0,n(48697).objectKeys)(l),p=[...d,"mail-triage"],c={sidebarItemHoveredStyle:{background:n(632079).Tj.sidebarItemSelectedBackground},cardWrapper:{backgroundColor:n(632079).Tj.background.elevated,borderRadius:12,boxShadow:`0 0 0 1px ${n(632079).Tj.border.primary}, ${n(632079).Tj.shadow.outline.md}`,paddingBlockStart:6,paddingBlockEnd:6,paddingInline:12,boxSizing:"border-box"},sidebarItemInCard:{paddingInline:0},iconWrapper:{marginInlineStart:"auto"},agentOnboardingIllustration:{display:"flex",alignItems:"center",gap:6,borderRadius:12,paddingInlineStart:8,paddingInlineEnd:0,paddingBlock:6,minWidth:0,maxWidth:200},agentOnboardingInput:{display:"flex",alignItems:"center",gap:1,background:n(632079).Tj.background.secondary,borderRadius:12,paddingInline:8,paddingBlock:4,height:22,boxShadow:`0 0 0 1px ${n(632079).Tj.blue.border.secondary}`,overflow:"hidden",minWidth:0},agentOnboardingInputText:{color:n(632079).Tj.text.tertiary,fontSize:10,fontWeight:n(699422).Wy.regular,lineHeight:"16px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},agentOnboardingCaret:{width:1,height:10,backgroundColor:n(632079).Tj.text.primary,flexShrink:0,marginInlineEnd:0}};function g({layout:e="no_design",mailStepState:t}){return(0,o.jsx)(u,{layout:e,mailStepState:t,buttonStyles:{hoveredStyle:c.sidebarItemHoveredStyle}})}function u({buttonStyles:e,layout:t="no_design",mailStepState:r}){let s=(0,n(533992).Y0)(),l=(0,i.useCallback)(n=>(0,o.jsx)(x,{buttonStyles:e,layout:t,mailStepState:r,buttonPopupEvents:n}),[e,t,r]);return(0,o.jsx)(n(656252).d,{popupType:s.isPhone||s.isTablet?n(656252).z.BottomSheet:n(656252).z.Popup,buttonPopupStore:a,alignmentToOrigin:"center",placementToOrigin:"right",originGap:6,content:()=>(0,o.jsx)(b,{layout:t,mailStepState:r}),preventScaleTransition:!0,isFullWidthOnMobile:!0,children:l})}function m(){let e=(0,n(579993).O$)(n(728372).AppStoreSidebarSpaceViewStore),t=(0,n(463226).DV)(e),i=(0,n(327219).tz)();return(0,o.jsxs)("div",{style:c.agentOnboardingIllustration,children:[(0,o.jsx)(n(458364).x,{accessory:t??"duck",variant:"xsmall_plus"}),(0,o.jsxs)("div",{style:c.agentOnboardingInput,children:[(0,o.jsx)("div",{style:c.agentOnboardingCaret}),(0,o.jsx)("span",{style:c.agentOnboardingInputText,children:i.formatMessage(s.agentOnboardingInputPlaceholder)})]})]})}function h({step:e,onClick:t}){let a=(0,i.useCallback)(()=>t(e.id),[t,e.id]),r=e.hasCustomIllustration?(0,o.jsx)(m,{}):void 0!==e.imageUrl?(0,o.jsx)("div",{style:{...n(618375).Ry.stepImageContainer,...e.imageContainerStyle},children:(0,o.jsx)("img",{src:e.imageUrl,alt:"",style:{...n(618375).Ry.stepImage,...e.imageStyle}})}):void 0;return(0,o.jsx)(n(618375).vj,{completed:e.completed,label:(0,o.jsx)(n(327219).sA,{...e.message}),completedLabel:void 0!==e.completedMessage?(0,o.jsx)(n(327219).sA,{...e.completedMessage}):void 0,illustration:r,onClick:a})}function b({layout:e="no_design",mailStepState:t}){let r,c=(0,n(533992).v3)(),{steps:g}=(0,n(354158).q)("new_user_home_checklist"),u=n(934289).y.new_user_home_checklist,m=(0,n(14523).B)(u.steps,t),x=(r="dark"===(0,n(960253).e)(),(0,i.useMemo)(()=>({"ai-meeting-notes":{url:r?n(896221).A.images.sidebar.newUserHome.meetingsDarkPng:n(896221).A.images.sidebar.trials.meetingsWebp},"search-inbox":{url:r?n(896221).A.images.sidebar.newUserHome.emailDarkSvg:n(896221).A.images.sidebar.newUserHome.emailSvg,containerStyle:{marginBlockStart:3}},"mail-triage":{url:r?n(896221).A.images.sidebar.newUserHome.gmailOutlookDarkSvg:n(896221).A.images.sidebar.newUserHome.gmailOutlookSvg,containerStyle:{marginBlockStart:3}},"invite-team":{url:r?n(896221).A.images.sidebar.newUserHome.facesDarkPng:n(896221).A.images.sidebar.newUserHome.facesSvg},"setup-help":{url:n(896221).A.images.sidebar.trials.consultantsWebp,

1containerStyle:{width:132,marginTop:8},imageStyle:{width:100}}}),[r])),y=(0,n(804662).T)(m("mail-triage")),S=(0,i.useMemo)(()=>u.steps.filter(e=>m(e.id)).map(e=>{var t,i,a;let r=null==g?void 0:g.find(t=>t.id===e.id);return{id:e.id,completed:(null==r?void 0:r.completed)??!1,message:"mail-triage"===e.id?y:(0,n(48697).Xk)(d,e.id)?l[e.id]:s.buttonTitle,completedMessage:void 0,imageUrl:null==(t=x[e.id])?void 0:t.url,imageContainerStyle:null==(i=x[e.id])?void 0:i.containerStyle,imageStyle:null==(a=x[e.id])?void 0:a.imageStyle,hasCustomIllustration:"agent-onboarding"===e.id}}),[u.steps,g,m,y,x]),k=S.filter(e=>e.completed).length,j=S.length,f=(0,i.useCallback)(i=>{var r,o;let s=n(728372).AppStoreCurrentUserSettingsStore.state;if(!s)return;let l=((null==(r=s.getSettings())?void 0:r.checklists)??{}).new_user_home_checklist,d=null==l||null==(o=l.completedSteps)?void 0:o[i];if((0,n(48697).Xk)(p,i)&&(0,n(809063).kN)(c,{homeType:"work_home",variant:e,stepId:i,stepAlreadyCompleted:!!d,completedCount:k,totalCount:j,mailStepState:t}),d){"agent-onboarding"===i&&((0,n(355380).HI)(c),a.setState({open:!1}));return}if("agent-onboarding"===i&&(0,n(355380).HI)(c),"ai-meeting-notes"===i&&(0,n(355380).uE)(c),"search-inbox"===i){(0,n(355380).Ds)(c),a.setState({open:!1});return}if("mail-triage"===i){(0,n(355380).XW)(c),a.setState({open:!1});return}if("invite-team"===i){(0,n(355380).S9)(),a.setState({open:!1});return}if("setup-help"===i){(0,n(755185).openSetupSessionsModal)({source:"new_user_home",campaign:"newuserhome",onBookingSuccess:()=>{(0,n(770817).completeChecklistStep)({environment:c,checklistId:"new_user_home_checklist",stepId:"setup-help"})}}),a.setState({open:!1});return}(0,n(770817).completeChecklistStep)({environment:c,checklistId:"new_user_home_checklist",stepId:i}),a.setState({open:!1})},[c,e,k,j,t]);return(0,o.jsx)(n(618375).Li,{title:(0,o.jsx)(n(327219).sA,{...s.panelTitle}),description:(0,o.jsx)(n(327219).sA,{...s.panelDescription}),children:S.map(e=>(0,o.jsx)(h,{step:e,onClick:f},e.id))})}function x({buttonStyles:e,buttonPopupEvents:t,layout:r="no_design",mailStepState:l}){let{steps:d}=(0,n(354158).q)("new_user_home_checklist"),p=n(934289).y.new_user_home_checklist,g=(0,n(14523).B)(p.steps,l),u=(null==d?void 0:d.filter(e=>e.completed&&g(e.id)).length)??0,m=p.steps.filter(e=>g(e.id)).length,h=m>0?u/m:0,b=(0,n(579993).O$)(n(728372).AppStoreSidebarSpaceViewStore),y=(0,n(463226).DV)(b),S=(0,n(579993).K8)(()=>a.state.open,[]),k=(0,n(533992).v3)(),j=(0,n(327219).tz)(),f=u===m,{revealRef:v,isRevealed:I,onFocus:w,onBlur:C}=(0,n(339457).Z)(),T=(0,i.useCallback)(e=>{e.stopPropagation(),(0,n(809063).JX)(k,{homeType:"work_home",variant:r,completedCount:u,totalCount:m}),function(e){let{environment:t}=e,i=(0,n(904434).R$)(t);i&&(0,n(323517).createAndCommit)({userAction:"newUserHome.setHasFinishedNewUserHomeExperience",environment:t,canUndo:!1,cellTarget:"main",perform:e=>{(0,n(862759).m)({userSettingsStore:i,transaction:e,data:{finished_new_user_home_experience:!0}})},userId:i.id})}({environment:k})},[k,r,u,m]),_=(0,i.useCallback)(e=>{var i;(0,n(809063).yX)(k,{homeType:"work_home",variant:r,completedCount:u,totalCount:m,mailStepState:l}),null==(i=t.onClick)||i.call(t,e)},[k,r,u,m,l,t]);return(0,o.jsx)(n(64960).Ay,{...t,onClick:_,hoveredStyle:null==e?void 0:e.hoveredStyle,style:{...n(132261).D.baseSidebarItem,...S&&n(132261).D.currentSelectedSidebarItem,display:void 0,padding:0,marginInline:2,marginBlockEnd:8},children:(0,o.jsxs)("div",{ref:v,onFocus:w,onBlur:C,style:c.cardWrapper,children:[(0,o.jsx)(n(538105).u,{disableMobileBorder:!0,isBottomItem:!1,style:c.sidebarItemInCard,right:(0,o.jsx)("div",{style:{...c.iconWrapper,opacity:+!!I,pointerEvents:I?"auto":"none"},children:(0,o.jsx)(n(374533).K,{icon:n(25094).xMarkSmallIcon,variant:"plain",ariaLabel:j.formatMessage(s.dismissAriaLabel),onClick:T})}),children:f?(0,o.jsx)(n(327219).sA,{...s.completedTitle}):(0,o.jsx)(n(327219).sA,{...s.buttonTitle})}),(0,o.jsx)(n(4458).VP,{gap:"inherit",alignItems:"flex-start",paddingTop:12,paddingBottom:12,children:(0,o.jsx)(n(819197).z,{percentage:100*h,height:6,progressColor:"blue",trackColor:"blue",character:(0,o.jsx)(n(458364).x,{accessory:y??"duck",variant:"xsmall_plus"}),characterSize:24})})]})})}}}]);