https://jesshaskins.com/_assets/SlackImportsInviteWithModal-68babcc68f943c63.js

1"use strict";(globalThis.rspackChunknotion_next=globalThis.rspackChunknotion_next||[]).push([[11030],{79721(e,t,i){i.r(t),i.d(t,{SlackImportsInviteWithModal:()=>T});var n,s=i(635790),o=()=>i(831975),r=()=>i(546605);let a=((n={}).SearchInput="search_input",n.NoFocus="no_focus",n);class l extends r().Store{getInitialState(){return{flowId:i(92513).JW(),modalOpen:!1,focus:a.NoFocus}}}var c=()=>i(324497),u=()=>i(952977),v=()=>i(49361),d=()=>i(773352);i(730330),i(976614),i(159952);var _=i(440302);let m={borderRadius:6},p=function(e){let{slackImportsInviteStore:t,inviteTargetsStore:n,inviteOrigin:r,onInviteComplete:l,onInviteClick:u}=e,v=(0,i(533992).v3)(),d=(0,i(327219).tz)(),p=(0,i(579993).O$)(i(728372).AppStoreSidebarSpaceStore),g=(0,i(579993).K8)(()=>t.state.flowId,[t]),f=(0,i(579993).K8)(()=>n.state.inviteTargets.length,[n]),k=(0,s.useCallback)(async e=>{let{response:n,invitedUserEmails:s}=e;o().MP(v,{invite_stage:"invite_complete",invite_flow_id:g,origin:r,is_success:n.success,invited_user_count:s.length}),n.success&&t.setState({...t.state,modalOpen:!1}),null==l||l(n.success,f),(await i(859560).uf.personPropertyInviteActions.load()).showMessageForInviteComplete({success:n.success,invitedUserEmails:s})},[r,v,g,l,t,f]),y=(0,s.useCallback)(e=>{let t=(0,c().A)(e);o().MP(v,{invite_stage:"invite_member",invited_user_count:f,invite_flow_id:g,error:t,origin:r,is_success:!1})},[v,g,r,f]),S=(0,s.useCallback)(async()=>{let e=n.state.inviteTargets.filter(e=>"newUser"===e.type||"existingUser"===e.type).map(e=>e.value.email);if(!p)return null;await i(804879).s({environment:v,spaceStore:p,flowId:g,intl:d,inviteTargetsStore:n,inviteOrigin:r,onInviteComplete:t=>k({response:t,invitedUserEmails:e}),onInviteClick:u,onError:y}),n.reset()},[p,v,g,n,d,r,u,k,y]),h=(0,s.useCallback)(async()=>{t.setState({...t.state,focus:a.NoFocus}),o().yS(v,{invited_user_count:f,origin:r,inviteTargets:n.state.inviteTargets.map(e=>e.type.toString()),inviteTokenQuery:n.state.tokenQuery,invite_flow_id:g}),await S()},[S,v,g,r,t,n,f]);return(0,_.jsx)("div",{style:i(178076).uj.footerStyle,children:(0,_.jsx)(i(912946).j,{colorPalette:"blue",size:"lg",style:m,onClick:h,disabled:0===f,children:(0,_.jsx)(i(472619).V,{totalInviteCount:f})})})},g={marginInlineStart:6},f=function(e){let{isLoading:t}=e,n=t?(0,_.jsx)(i(517334).k,{style:g}):null;return(0,_.jsxs)("div",{style:i(178076).vS.topContainer,children:[(0,_.jsx)(i(324489).V,{style:i(178076).vS.sendInviteLabel,children:(0,_.jsx)(i(327219).sA,{id:"invite.slack_imports.header_title",defaultMessage:"Import from Slack"})}),n]})},k=function(e){let{inviteTargetsStore:t,slackImportsInviteStore:n,inviteOrigin:o}=e,r=(0,i(327219).tz)(),l=(0,i(579993).K8)(()=>{let{tokenQuery:e}=t.state;return e},[t]),{focus:c,flowId:u}=(0,i(579993).K8)(()=>({focus:n.state.focus===a.SearchInput,flowId:n.state.flowId}),[n]),v=(0,i(178076).vG)({focus:c}),d=r.formatMessage({id:"invite.slack_imports.search.placeholder",defaultMessage:"Search people, emails..."}),m=(0,i(723240).r)(),p=(0,i(226309).lh)({spaceId:m}),g=(0,s.useCallback)(e=>{t.setState({...t.state,tokenQuery:e.target.value}),y({flowId:u,billingData:p,origin:o})},[t,u,o,p]);return(0,_.jsx)("div",{style:v.searchBar,children:(0,_.jsx)(i(160319).Ay,{focus:c,onClick:()=>{n.setState({...n.state,focus:a.SearchInput})},format:i(160319).le.Share,value:l,onChange:g,type:"email",tokens:[],autoComplete:"off",placeholder:d,onRemoveLastToken:()=>{},showBorder:!0,inputFullWidth:!0})})},y=i(960408).sg(({flowId:e,billingData:t,origin:n})=>{i(184921).D2({invite_flow_id:e,billingData:t,invite_origin:n})},1e3);function S(e){let{inviteTargetsStore:t,slackImportsInviteStore:n}=e,s=(0,i(533992).v3)(),o=(0,i(633636).wM)(),r=(0,i(327219).tz)(),a=(0,i(67499).S)(),l=(0,i(579993).K8)(()=>t.state.tokenQuery,[t]),c=(0,i(579993).K8)(()=>n.state.flowId,[n]),[{value:u,status:v}]=(0,i(97668).Yb)(async()=>i(339083).hQ({query:l,sectionLimit:{userLimit:0,botLimit:0,groupLimit:0,importContactLimit:1e3},environment:s,tabId:o,intl:r,membersOnly:!1,importContactType:"slack",pageContext:a}),[s,r,a,o,l],{debounce:40});return(0,_.jsx)(h,{...e,tokenQuery:l,ready:"pending"!==v,error:"rejected"===v,result:u,flowId:c})}function h(e){let{inviteTargetsStore:t,slackImportsInviteStore:n,tokenQuery:s,error:o,ready:r,result:l}=e,c=(null==l?void 0:l.importedContacts)??[],u=(0,i(579993).uB)(e.menuListStore,i(419110).$),v=(0,i(178076).Mg)({filteredImportedContacts:c}),d=Object.keys(v).sort((e,t)=>

1"#"===e?1:"#"===t?-1:e.localeCompare(t)).map(e=>{let o=v[e];return function(e){let{charKey:t,importedContacts:n,inviteTargetsStore:s,slackImportsInviteStore:o,menuListStore:r,style:l,tokenQuery:c}=e;return{key:`imported contacts with ${t}`,render:e=>(0,_.jsx)(i(83743).A,{...e,style:l,title:(0,_.jsx)(i(327219).sA,{id:"invite.slack_imports.grouped_section.title",defaultMessage:"{charKey}",values:{charKey:t}})}),items:n.sort((e,t)=>(e.value.name||"").localeCompare(t.value.name||"")).map((e,t)=>({key:e.value.email,render:t=>(0,_.jsx)(I,{...t,invited:!1,inviteTarget:e,isInInviteTargets:i(261133).P4({target:e,inviteTargetsStore:s})}),action:()=>{i(261133).P4({target:e,inviteTargetsStore:s})?s.setState({...s.state,inviteTargets:s.state.inviteTargets.filter(t=>"newUser"!==t.type||e.value.email!==t.value.email)}):(i(184921).kH({invite_token_query:c,selected_user_token:e,selected_user_token_rank:t,from:"slack_imports_space_setting",subscription_tier:(0,i(216260).AI)(),type:"slack"}),o.setState({...o.state,focus:a.NoFocus}),s.setState({...s.state,inviteTargets:[...s.state.inviteTargets,e]}),r.unsetFocus())}}))}}({charKey:e,importedContacts:o,inviteTargetsStore:t,slackImportsInviteStore:n,menuListStore:u,style:i(178076).XQ.sectionMenuItem,tokenQuery:s})});return o?(0,_.jsx)(i(957585).V,{isLoading:!r}):(0,_.jsx)(i(558045).A,{type:i(558045).O.Vertical,initialFocus:s.length>0?0:void 0,sections:[{key:"select all",render:e=>(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(i(83743).A,{...e,style:i(178076).XQ.selectAllSectionStyle}),(0,_.jsx)(i(346268).c,{size:1,innerStyle:i(178076).XQ.dividerInnerStyle,style:i(178076).XQ.dividerStyle})]}),items:[{key:"select all item",render:e=>(0,_.jsx)(i(95582).A,{...e,title:(0,_.jsxs)("div",{style:i(178076).XQ.selectAllStyle,children:[(0,_.jsx)(i(327219).sA,{id:"invite.slack_imports.select_all.title",defaultMessage:"Select all"}),(0,_.jsx)(i(324489).V,{style:i(178076).XQ.totalCountsStyle,isSmall:!0,children:`(${c.length})`})]}),right:(0,_.jsx)(i(382726).S,{checked:(0,i(178076).dE)({filteredImportedContacts:c,inviteTargetsStore:t}),onClick:()=>{b({filteredImportedContacts:c,inviteTargetsStore:t}),n.setState({...n.state,focus:a.NoFocus})},size:16,round:!0})}),action:()=>{b({filteredImportedContacts:c,inviteTargetsStore:t}),n.setState({...n.state,focus:a.NoFocus})}}]},...d],store:u})}let I=s.forwardRef(function(e,t){let{inviteTarget:i}=e;return(0,_.jsx)(C,{...e,ref:t,inviteTarget:i})}),x={paddingTop:8,paddingBottom:8},j={position:"absolute",bottom:-3,insetInlineEnd:-3},w={background:"white",padding:2,borderRadius:"100%"},C=s.forwardRef(function(e,t){let{inviteTarget:n,isInInviteTargets:o,...r}=e,a=(0,s.useMemo)(()=>({actorStore:void 0,avatar:{email:n.value.email,name:"slack"===n.source?n.value.name:void 0,avatarUrl:"slack"===n.source?n.value.avatar_url:void 0}}),[n]);return(0,_.jsx)(i(95582).A,{...r,ref:t,title:(0,_.jsx)(i(266885).A,{isLarge:!0,...a,containerStyle:x,avatarBadge:(0,_.jsx)(i(392392).A,{type:"image_url",imageURL:i(896221).A.images.externalIntegrations.slackIconPng,size:18,style:j,imageStyle:w}),caption:n.value.user_id?(0,_.jsx)(i(758013).N,{inviteTarget:n}):null}),right:(0,_.jsx)(i(382726).S,{onClick:r.onClick,checked:o,size:16,round:!0})})});function b(e){let{filteredImportedContacts:t,inviteTargetsStore:i}=e;i.state.inviteTargets.length===t.length?i.setState({...i.state,inviteTargets:[]}):i.setState({...i.state,inviteTargets:t})}let A=function(e){let{inviteTargetsStore:t,slackImportsInviteStore:n,inviteOrigin:r,onInviteComplete:a,onInviteClick:l}=e,m=(0,i(533992).v3)(),[g,y]=(0,s.useState)(!1),h=(0,i(579993).O$)(i(610463).A.completeSlackAuthentications),I=(0,i(579993).O$)(i(728372).AppStoreSidebarSpaceStore),x=(0,i(579993).K8)(()=>n.state.flowId,[n]),j=(0,i(579993).uB)(void 0,i(419110).$);(0,s.useEffect)(()=>{o().sD(m,{invite_flow_id:n.state.flowId,origin:r}),async function(){if(!I||g)return;let e=I.id;for(let t of h)await m.api.callCellCompatibleApi({eventName:"loadContacts",environment:m,data:{botId:t.id,spaceId:e,integrationId:v().zG,importContactType:"slack"},cellNavigation:{spaceId:e}}).catch(e=>{let t=(0,c().A)(e);o().MP(m,{invite_stage:"load_slack_contacts",invited_user_count:0,invite_flow_id:x,error:t,origin:r,is_success:!1}),d().log({level:"error",from:"SlackImportsInvite",type:"loadSlackContacts",error:(0,u().convertErrorToLog)(e)})});y(!0)}()},[I,h,m,g,r,n,x]);let w=function({slackImportsInviteStore:e,inviteTargetsStore:t,inviteOrigin:i,isLoading:n}){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(f,{isLoading:n}),(0,_.jsx)(k,{inviteTargetsStore:t,slackImportsInviteStore:e,inviteOrigin:i})]})}({inviteTargetsStore:t,slackImportsInviteStore:n,inviteOrigin:r,isLoading:!g}),C=function({slackImportsInviteStore:e,inviteTargetsStore:t,inviteOrigin:i,onInviteComplete:n,onInviteClick:s}){return(0,_.jsx)(p,{slackImportsInviteStore:e,inviteTargetsStore:t,inviteOrigin:i,onInviteComplete:n,onInviteClick:s})}({slackImportsInviteStore:n,inviteTargetsStore:t,inviteOrigin:r,onInv

1iteComplete:a,onInviteClick:l}),b=function({slackImportsInviteStore:e,inviteTargetsStore:t,inviteOrigin:i,menuListStore:n,isLoading:s}){return s?null:(0,_.jsx)(S,{slackImportsInviteStore:e,inviteTargetsStore:t,inviteOrigin:i,menuListStore:n})}({slackImportsInviteStore:n,inviteTargetsStore:t,inviteOrigin:r,menuListStore:j,isLoading:!g}),A={menuType:i(649476).gu.Popup,width:480,height:"60vh",header:w,footer:C,tokenInputHeader:!1,disableScroller:!1};return(0,_.jsx)(i(747369).A,{...A,className:i(828432).bFE,children:(0,_.jsx)("div",{children:b})})};function T(e){let t=(0,i(533992).v3)(),{inviteOrigin:n,onInviteComplete:r,onInviteClick:a,buttonLabel:c,buttonStyle:u,buttonContainerStyle:v,spacePermissionsSettingsStore:d,shouldAddMembers:m=!0}=e,p=(0,i(178076).Io)(u,v),g=(0,i(579993).uB)(void 0,l),f=(0,i(579993).uB)(void 0,i(888173).Ay),{modalOpen:k,flowId:y}=(0,i(579993).O$)(g),S=(0,s.useCallback)(()=>{g.reset(),o().d2(t,{origin:n,invite_flow_id:y})},[g,n,t,y]),h=(0,s.useCallback)(()=>(function(e){let{slackImportsInviteStore:t,inviteTargetsStore:i,inviteOrigin:n,onInviteComplete:s,onInviteClick:o}=e;return(0,_.jsx)(A,{slackImportsInviteStore:t,inviteTargetsStore:i,inviteOrigin:n,onInviteComplete:s,onInviteClick:o})})({inviteTargetsStore:f,slackImportsInviteStore:g,inviteOrigin:n,onInviteComplete:r,onInviteClick:a}),[f,g,n,a,r]),I=!m;return(0,i(350599).J)()?(0,_.jsx)(i(521180).A,{open:k,onDismiss:S,renderContent:h,children:(0,_.jsx)(i(314891).Xx,{onClickAuthenticated:()=>{var e;I&&d?d.switchTab(i(39361).d.Contacts):(e=g).setState({...e.state,modalOpen:!0})},title:c??(0,_.jsx)(F,{}),hideChevronIcon:!0,containerStyle:p.buttonContainer,buttonStyle:p.button,from:"space_settings",inviteOrigin:n,loadContacts:!1,spacePermissionsSettingsStore:d,shouldAddMembers:m})}):null}let P={slackTitle:{display:"flex",fontSize:14,color:i(632079).Tj.text.primary},integrationIcon:{marginInlineEnd:4}};function F(){return(0,_.jsxs)("div",{style:P.slackTitle,children:[(0,_.jsx)(i(392392).A,{type:"image_url",imageURL:i(896221).A.images.externalIntegrations.slackIconPng,size:16,imageStyle:P.integrationIcon}),(0,_.jsx)(i(327219).sA,{defaultMessage:"Import from Slack",id:"invite.slack_imports.button.label"})]})}},831975(e,t,i){function n(e){(0,i(104310).u)({event:{eventName:"add_slack_integration",eventProperties:{}}})}function s(e,t){(0,i(104310).u)({event:{eventName:"slack_notification_create",eventProperties:t}})}function o(e,t){(0,i(104310).u)({event:{eventName:"slack_notification_delete",eventProperties:t}})}function r(e,t){(0,i(104310).u)({event:{eventName:"slack_notification_update",eventProperties:t}})}function a(e,t){let n=i(216260).AI(),s=i(904434).FX();(0,i(104310).u)({event:{eventName:"slack_imports_invite_render_invite_popup",eventProperties:{subscription_tier:n,domain_type:s,origin:t.origin,invite_flow_id:t.invite_flow_id}}})}function l(e,t){let n=i(216260).AI(),s=i(904434).FX();(0,i(104310).u)({event:{eventName:"slack_imports_invite_click_invite_button",eventProperties:{subscription_tier:n,domain_type:s,invited_user_count:t.invited_user_count,origin:t.origin,invite_token_query:t.inviteTokenQuery,invite_targets:t.inviteTargets,invite_flow_id:t.invite_flow_id}}})}function c(e,t){let n=i(216260).AI(),s=i(904434).FX();(0,i(104310).u)({event:{eventName:"slack_imports_invite_completed",eventProperties:{subscription_tier:n,domain_type:s,invited_user_count:t.invited_user_count,is_success:t.is_success,origin:t.origin,invite_flow_id:t.invite_flow_id,error:t.error,invite_stage:t.invite_stage}}})}function u(e,t){let n=i(216260).AI(),s=i(904434).FX();(0,i(104310).u)({event:{eventName:"slack_imports_invite_dismiss_popup",eventProperties:{subscription_tier:n,domain_type:s,origin:t.origin,invite_flow_id:t.invite_flow_id}}})}function v(e,t){let n=i(216260).AI(),s=i(904434).FX();(0,i(104310).u)({event:{eventName:"slack_imports_invite_start_slack_integration",eventProperties:{subscription_tier:n,domain_type:s,origin:t.origin,invite_flow_id:t.invite_flow_id,from:t.from}}})}function d(e,t){let n=i(216260).AI(),s=i(904434).FX();(0,i(104310).u)({event:{eventName:"slack_imports_invite_complete_slack_integration",eventProperties:{subscription_tier:n,domain_type:s,origin:t.origin,inv

1ite_flow_id:t.invite_flow_id,from:t.from,is_success:t.is_success}}})}i.d(t,{Eu:()=>r,FY:()=>n,MP:()=>c,YT:()=>o,d2:()=>u,fK:()=>v,lL:()=>s,mH:()=>d,sD:()=>a,yS:()=>l})}}]);