aiware-js 1.0.0-master.706 → 1.0.0-master.708
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.css +92 -92
- package/index.esm.css.gz +0 -0
- package/index.esm.min.css +92 -92
- package/index.esm.min.css.gz +0 -0
- package/js-core.esm.js +1 -1
- package/js-core.esm.js.gz +0 -0
- package/js-core.esm4.js +1 -1
- package/js-core.esm4.js.gz +0 -0
- package/js-core.esm52.js +1 -1
- package/js-core.esm52.js.gz +0 -0
- package/js-core.esm62.js +2 -2
- package/js-core.esm62.js.gz +0 -0
- package/js-core.umd.css +92 -92
- package/js-core.umd.css.gz +0 -0
- package/js-core.umd.js +3 -3
- package/js-core.umd.js.gz +0 -0
- package/js-core.umd.min.css +92 -92
- package/js-core.umd.min.css.gz +0 -0
- package/locales/es.json +1 -1
- package/locales/fr.json +1 -1
- package/package.json +1 -1
package/js-core.esm52.js
CHANGED
|
@@ -61,4 +61,4 @@ import{m as makeStyles,a0 as createSlice,g0 as md5,cm as combineReducers,o as us
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
`,operationName:e},t))).user.roles})}addToUnscopables$3("flat");const selectOrgUsers=e=>{var{users:e,hasMore:t,offset:r}=(null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])||{};return{users:e,hasMore:t,offset:r}},selectStatus=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].status},selectUserById=t=>e=>{return((null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].users)||[]).find(e=>e.id===t)},selectUserOrgs=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].userOrgs},selectUserApplicationRoles=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].userRoles};function*fetchUsersSaga(e){try{var t,r=yield select(selectApiConfigs),{offset:n,hasMore:o}=yield select(selectOrgUsers);o&&(t=(yield fetchOrgUsers(r,n,PAGE_LIMIT))["records"],yield put(actions.adminCenterUsers.fetchOrgUsersSuccess({records:t,hasMore:PAGE_LIMIT===t.length,nextOffset:n+PAGE_LIMIT})))}catch(e){console.log(e),yield put(actions.adminCenterUsers.fetchOrgUsersFailure())}}function*removeUserFromOrgSaga(e){var{userId:e,orgGuid:t}=e.payload;try{var r=(yield removeUserFromOrg(yield select(selectApiConfigs),e,t))["id"];yield put(actions.adminCenterUsers.removeUserFromOrgSuccess(r||""))}catch(e){console.log(e),yield put(actions.adminCenterUsers.removeUserFromOrgFailure())}}function*updateUserStatusSaga(e){var{userId:e,status:t}=e.payload;try{var{id:r,status:n}=yield updateUserStatus(yield select(selectApiConfigs),e,t);r&&n&&(yield put(actions.adminCenterUsers.updateUserStatusSuccess({id:r,status:n})))}catch(e){console.log(e),yield put(actions.adminCenterUsers.updateUserStatusFailure())}}function*fetchUserOrganizationsSaga(e){e=e.payload.orgGuids;try{const r=yield select(selectApiConfigs);var t=(yield Promise.all(e.map(e=>fetchUserOrganizations(r,e)))).map(({records:e})=>e).flat();yield put(actions.adminCenterUsers.fetchUserOrganizationsSuccess({orgs:t}))}catch(e){console.log(e),yield put(actions.adminCenterUsers.fetchUserOrganizationsFailure())}}function*getUserApplicationRolesSaga(e){try{var t=yield select(selectApiConfigs),{userId:r,orgId:n}=e.payload,o=yield call$i(getUserApplicationRoles,t,r,n);yield put(actions.adminCenterUsers.getUserApplicationRolesSuccess({roles:o}))}catch(e){console.log(e),yield put(actions.adminCenterUsers.getUserApplicationRolesFailure())}}function*fetchUsersWatcher(){yield takeEvery$1(actions.adminCenterUsers.fetchOrgUsersStart.type,fetchUsersSaga)}function*removeUserFromOrgWatcher(){yield takeEvery$1(actions.adminCenterUsers.removeUserFromOrgStart.type,removeUserFromOrgSaga)}function*updateUserStatusWatcher(){yield takeEvery$1(actions.adminCenterUsers.updateUserStatusStart.type,updateUserStatusSaga)}function*fetchUserOrganizationsWatcher(){yield takeEvery$1(actions.adminCenterUsers.fetchUserOrganizationsStart.type,fetchUserOrganizationsSaga)}function*getUserApplicationRolesSagaWatcher(){yield takeEvery$1(actions.adminCenterUsers.getUserApplicationRolesStart.type,getUserApplicationRolesSaga)}function*rootSaga(){yield all([fetchUsersWatcher(),removeUserFromOrgWatcher(),updateUserStatusWatcher(),fetchUserOrganizationsWatcher(),getUserApplicationRolesSagaWatcher()])}function getAdminCenterUsersModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const userDetailsPanel="USER_DETAILS_PANEL",openUserDetailsPanel=(e,t,r)=>{e={name:userDetailsPanel,config:{name:"User Table Settings",id:e,isPanelFullScreen:r}},r={type:"APP_BAR_PANEL_TEMPLATE",marginTop:r?0:55,marginStart:r?0:80,size:"medium",zIndex:r?1011:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent",borderBottom:!0};t(mountPanel({panelId:userDetailsPanel,microFrontend:e,panelConfig:r}))},UserRowContextMenu=({anchorEl:e,id:t,open:r,onClose:n,userId:o,disableRemoval:s,orgGuid:a,status:i,isPanelFullScreen:l})=>{var c=contextMenuStyles({width:44})["classes"];const u=useDispatch();var d=useSelector(betaFeaturesSelector),p=useOrganizationPermissions(EAuthSubResourceType.User),$=p.hasPermission(EPermissionAction.Create),p=p.hasPermission(EPermissionAction.Delete),$="deactivated"===i?$:p;return jsxRuntime.exports.jsx(Popover,Object.assign({anchorEl:e,id:t,open:r,onClose:n,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},{children:jsxRuntime.exports.jsxs(MenuList,Object.assign({role:"menu",className:c.menuList,"data-testid":"admin-center-user.menu"},{children:[d&&jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-testid":"admin-center-job.menu-item.user-details",onClick:e=>{openUserDetailsPanel(o,u,l)},className:c.menuItem,"data-test":"job-context-menu-item",sx:{cursor:"pointer"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center-user-row.open-user-details-panel-btn",defaultMessage:"User Details",description:"User Detail row context menu"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-testid":"admin-center-user.menu-item.status-update",onClick:()=>{u(actions.adminCenterUsers.updateUserStatusStart({userId:o,status:"deactivated"===i?"active":"deactivated"}))},className:c.menuItem,"data-test":"context-menu-item",sx:{cursor:"pointer"},disabled:!$},{children:"deactivated"===i?jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-users.user-row.activate-btn",defaultMessage:"Activate",description:"Activate button in the user row context menu"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-users.user-row.deactivate-btn",defaultMessage:"Deactivate",description:"Deactivate button in the user row context menu"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:()=>{u(actions.adminCenterUsers.removeUserFromOrgStart({userId:o,orgGuid:a}))},className:c.menuItem,"data-test":"context-menu-item",disabled:s||!p,sx:{cursor:s?"not-allowed":"pointer"},"data-testid":"admin-center-user.menu-item.remove-from-org"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-users.user-row.remove-from-org-btn",defaultMessage:"Remove from Org",description:"Remove from Org button in the user row context menu"})}))]}))}))},useStyles$3=makeStyles()((e,{})=>({userAvatar:{border:"2px solid #FFFFFF",height:"40px",width:"40px",marginRight:"14px",fontSize:"14px",color:"white"},row:{padding:"13px"},userName:{alignSelf:"center"},truncate:{paddingRight:"20px","& p":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}})),UserRow=({user:{id:t,imageUrl:e,firstName:r,lastName:n,email:o,lastLoginDateTime:s,status:a,organizationGuids:i=[],organization:l,avatarColor:c}})=>{var u=useStyles$3({status:a})["classes"];const[d,p]=react.exports.useState(null);var $=d?"contextMenuId-"+t:void 0;const g=useDispatch(),m=useSelector(betaFeaturesSelector);return jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"ac-user-row-"+t,onClick:e=>{m&&2===e.detail&&openUserDetailsPanel(t,g)}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",item:!0,container:!0,xs:12,"data-testid":"admin-center-org-user-row",className:u.row},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({sx:{display:"flex"},xs:4,item:!0,className:u.truncate,"data-testid":"admin-center-org-user.avatar-name-col"},{children:[e?jsxRuntime.exports.jsx(Avatar,{alt:r+" "+n,src:e,className:u.userAvatar}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:u.userAvatar,sx:{background:c}},{children:(e=n||"",""+(null==(c=null==(c=r||"")?void 0:c.charAt(0))?void 0:c.toUpperCase())+(null==(c=null==e?void 0:e.charAt(0))?void 0:c.toUpperCase()))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:r+" "+n,arrow:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({className:u.userName,variant:"body2",sx:{fontWeight:400},"data-testid":"admin-center-org-user.user-name"},{children:r+" "+n}))}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:3,item:!0,className:u.truncate,"data-testid":"admin-center-org-user.email-col"},{children:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:o||"",arrow:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{fontWeight:400}},{children:o}))}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:3,item:!0,"data-testid":"admin-center-org-user.last-login-col"},{children:s&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{mb:"-6px",fontWeight:400}},{children:new Date(s).toLocaleDateString()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:index.formatTime(new Date(s))}))]})})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:1,item:!0,"data-testid":"admin-center-org-user.status-col"},{children:jsxRuntime.exports.jsx(UserStatusBadge,{status:a})})),jsxRuntime.exports.jsxs(Grid,Object.assign({xs:1,sx:{textAlign:"end"},item:!0,"data-testid":"admin-center-org-user.menu-col"},{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"data-testid":"user-row-menu-button-"+t,onClick:e=>p(e.currentTarget),size:"small"},{children:jsxRuntime.exports.jsx(MoreVert,{fontSize:"small"})})),jsxRuntime.exports.jsx(UserRowContextMenu,{anchorEl:d,id:$,open:!!d,onClose:()=>p(null),disableRemoval:i.length<2,userId:t||"",orgGuid:(null==l?void 0:l.guid)||"",status:a,"data-testid":"admin-center-org-user.menu-icon"})]}))]})),jsxRuntime.exports.jsx(Divider,{})]}))},useStyles$2=makeStyles()(e=>({root:{height:"100%"},loader:{display:"flex",marginTop:e.spacing(1),justifyContent:"center"}})),UserTable=()=>{const{users:r=[],hasMore:t}=useSelector(selectOrgUsers),e=useSelector(selectStatus),o=useDispatch(),n=useStyles$2()["classes"],s=(react.exports.useEffect(()=>{o(actions$1.fetchOrgUsersStart())},[o]),e=>!t||e<r.length),a=t?r.length+1:r.length,i=({index:e,style:t})=>s(e)?jsxRuntime.exports.jsx("div",Object.assign({style:Object.assign({},t)},{children:jsxRuntime.exports.jsx(UserRow,{user:r[e]})}),e):jsxRuntime.exports.jsx("div",Object.assign({"data-test":"users-table-row-loader",style:Object.assign(Object.assign({},t),{top:0}),className:n.loader},{children:jsxRuntime.exports.jsx(CircularProgress,{size:36})}));return jsxRuntime.exports.jsxs("div",Object.assign({className:n.root},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",item:!0,container:!0,xs:12,"data-testid":"admin-center-org-user-table-header",sx:{pl:"13px",pr:"13px"}},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({xs:4,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.name-col",defaultMessage:"Name",description:"Name column header"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:3,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.email-col",defaultMessage:"Email",description:"Email column header"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:3,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.last-login-col",defaultMessage:"Last Login",description:"Last Login column header"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:1,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.status-col",defaultMessage:"Status",description:"Status column header"})}))})),jsxRuntime.exports.jsx(Grid,{xs:1,item:!0})]})),jsxRuntime.exports.jsx(Divider,{}),"failure"===e?jsxRuntime.exports.jsx(ErrorState,{onRetry:()=>o(actions$1.fetchOrgUsersStart()),errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center.users.error-message",defaultMessage:"Something went wrong while loading user list.",description:"Admin Center Users table loading error"})}):jsxRuntime.exports.jsx(AutoSizer,{children:({height:r,width:n})=>jsxRuntime.exports.jsx(InfiniteLoader,Object.assign({isItemLoaded:s,itemCount:a,loadMoreItems:()=>{"success"===e&&o(actions$1.fetchOrgUsersStart())}},{children:({onItemsRendered:e,ref:t})=>jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"list-wrapper"},{children:jsxRuntime.exports.jsx(VariableSizeList,Object.assign({height:r-40,itemCount:a,itemSize:()=>60,initialScrollOffset:0,onItemsRendered:e,ref:t,width:n},{children:i}))}))}))})]}))},inviteUsersPanel="INVITE_USERS_PANEL",inviteRequestsPanel="INVITE_REQUESTS_PANEL",handleClickInviteUsers=(e,t)=>{var r={name:inviteUsersPanel,config:{name:"Invite Users"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:t?0:55,marginStart:t?0:80,size:"medium",zIndex:t?1010:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent"};e(mountPanel({panelId:inviteUsersPanel,microFrontend:r,panelConfig:t}))},handleViewRequests=(e,t)=>{var r={name:inviteRequestsPanel,config:{name:"Invite Requests"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:t?0:55,marginStart:t?0:80,size:"medium",zIndex:t?1010:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent",header:{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center.users.button.invite-requests",defaultMessage:"Invite Requests",description:"Invite Requests header title"})}};e(mountPanel({panelId:inviteRequestsPanel,microFrontend:r,panelConfig:t}))},useStyles$1=makeStyles()(e=>({root:{display:"flex",flexDirection:"column",height:"calc(100vh - 55px - 5px)",alignItems:"stretch",justifyContent:"space-between"},panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%"},panelBody:{display:"flex",flexGrow:1},panelLoading:{height:300},panelContent:{width:"100%",padding:"0"},tabsContainer:{"& .Sdk-Mui-selected":{color:"black"},"& .Sdk-MuiTabs-indicator":{backgroundColor:"#000"}},tabsParent:{paddingLeft:e.spacing(4),"& div":{borderBottom:"none"},"& div button":{fontFamily:"Nunito",fontWeight:400,flex:"0 1 auto !important",minWidth:"unset"}},divider:{opacity:.9},secondBox:{display:"flex",flexDirection:"column",flexGrow:1},orgAvatar:{border:"2px solid #FFFFFF",height:"40px",width:"40px",marginRight:"14px",fontSize:"14px",color:"white",fontWeight:400,lineHeight:"20px"},appContainer:{display:"flex",width:"100%",padding:"20px 0",flexDirection:"row",alignItems:"center"},roleBox:{width:"30%",display:"flex",alignItems:"center",justifyContent:"flex-start"}})),headerUseStyles=makeStyles()(e=>({headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end",paddingRight:"10px"},header:{alignItems:"center",display:"flex",justifyContent:"space-between",height:"55px",margin:"10px 10px 10px 30px"},title:{color:"#5C6269"},menuList:{width:e.spacing(34),padding:e.spacing(1.5)},menuItem:{borderRadius:4,padding:e.spacing(1),"& > svg":{marginRight:e.spacing(2)},textTransform:"none"},cardContainer:{display:"flex",padding:"20px 10px 20px 10px"},cardImgContainer:{position:"relative",marginLeft:"20px"},email:{color:"#5C6269",fontWeight:"400"},login:{color:"#2A323C",fontWeight:"400"},userAvatar:{border:"2px solid #FFFFFF",height:"100px",width:"100px",fontSize:"35px",color:"white"},statusLabel:{position:"absolute",bottom:"-10px",left:"50%",right:"50%",display:"flex",justifyContent:"center"},divider:{opacity:.9},orgsName:{color:"black",fontWeight:400,fontSize:"12px",maxHeight:"26px",paddingTop:"1px",transform:"translateY(1px)",marginRight:"14px","& fieldset":{border:"1px solid #D5DFE9"}}})),userLabels=e=>({panelHeader:e.formatMessage({id:"ac-user-details-header-title",defaultMessage:[{type:0,value:"USER DETAILS"}]}),panelCloseTitle:e.formatMessage({id:"ac-user-details-header-close-btn",defaultMessage:[{type:0,value:"Close Panel"}]}),menuItemLabel:e.formatMessage({id:"ac-user-details-header-edit-btn",defaultMessage:[{type:0,value:"Menu"}]}),logoAltTitle:e.formatMessage({id:"ac-user-detail-header-image-alt",defaultMessage:[{type:0,value:"User Avatar"}]}),lastLoginLabel:e.formatMessage({id:"ac-user-detail-header-last-login.label",defaultMessage:[{type:0,value:"Last Login"}]}),activeUserLabel:e.formatMessage({id:"ac-users.user-row.activate-user-btn",defaultMessage:[{type:0,value:"Activate User"}]}),deactivateUserLabel:e.formatMessage({id:"ac-users.user-row.deactivate-user-btn",defaultMessage:[{type:0,value:"Deactivate User"}]}),removeOrgLabel:e.formatMessage({id:"ac-users.user-row.remove-user-from-org-btn",defaultMessage:[{type:0,value:"Remove User from Organization"}]})}),ActionContextMenu=({anchorEl:e,id:t,open:r,onClose:n,userId:o,disableRemoval:s,orgGuid:a,status:i})=>{var l=contextMenuStyles({width:44})["classes"];const c=useDispatch();var u=useIntl(),{activeUserLabel:u,deactivateUserLabel:d,removeOrgLabel:p}=userLabels(u);return jsxRuntime.exports.jsx(Popover,Object.assign({anchorEl:e,id:t,open:r,onClose:n,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},{children:jsxRuntime.exports.jsxs(MenuList,Object.assign({role:"menu",className:l.menuList,"data-testid":"admin-center-user-action.menu.list"},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-testid":"ac-user.menu-item.status-update",onClick:()=>{c(actions.adminCenterUsers.updateUserStatusStart({userId:o,status:"deactivated"===i?"active":"deactivated"}))},className:l.menuItem,"data-test":"context-menu-item",sx:{cursor:"pointer"}},{children:"deactivated"===i?u:d})),jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:()=>{c(actions.adminCenterUsers.removeUserFromOrgStart({userId:o,orgGuid:a}))},className:l.menuItem,"data-test":"context-menu-item",disabled:s,sx:{cursor:s?"not-allowed":"pointer"},"data-testid":"ac-user.menu-item.remove-from-org"},{children:p}))]}))}))},Header=({userDetailsPanelHeader:e,userDetailsPanelClose:t,userMenu:r,handleClose:n,onOrgChange:o,orgData:s,isSuperAdmin:a,userData:{id:i,imageUrl:l,firstName:c,lastName:u,email:d,lastLoginDateTime:p,status:$,organizationGuids:g=[],organization:m,avatarColor:f}})=>{var y=headerUseStyles()["classes"];const[b,h]=react.exports.useState(null);var x=b?"contextMenuId-"+i:void 0,S=useIntl(),{logoAltTitle:S,lastLoginLabel:O}=userLabels(S);const[I,E]=react.exports.useState(s&&s[0]?s[0].name:"");react.exports.useEffect(()=>{s&&E(s&&s[0]?s[0].name:"")},[s]);return jsxRuntime.exports.jsxs("header",{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:y.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"ac-user-details.header-title",className:y.title},{children:e})),jsxRuntime.exports.jsxs("div",Object.assign({className:y.headerActionContainer},{children:[a&&jsxRuntime.exports.jsx(Select,Object.assign({name:"orgs-select",className:y.orgsName,value:I,onChange:e=>{e=e.target.value;E(e),o(e)},inputProps:{"data-testid":"ac-user-detail-select-org-name"}},{children:null==s?void 0:s.map((e,t)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e.name,"data-testid":"ac-user-detail-select-option"},{children:(null==e?void 0:e.name)&&index.truncatedString(e.name,22)}),e.guid+"+"+t))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:r,"data-testid":"ac-user-details-header.user-menu-button"},{children:jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-labelledby":"ac-user-details-header.user-menu-button","data-testid":"ac-user-details-header.user-menu-button",size:"large",onClick:e=>h(e.currentTarget)},{children:jsxRuntime.exports.jsx(MoreVert,{fontSize:"small"})})),jsxRuntime.exports.jsx(ActionContextMenu,{anchorEl:b,id:x,open:!!b,onClose:()=>h(null),disableRemoval:(null==g?void 0:g.length)<2,userId:i||"",orgGuid:(null==m?void 0:m.guid)||"",status:$,"data-testid":"admin-center-org-user.menu-icon"})]})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:t,"data-testid":"ac-user-details.close-button-tooltip"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:n,"aria-labelledby":"ac-user-details.close-button",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:y.divider}),jsxRuntime.exports.jsxs(Box,Object.assign({className:y.cardContainer},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:y.cardImgContainer},{children:[l?jsxRuntime.exports.jsx(Avatar,{alt:S,src:l,className:y.userAvatar,"data-testid":"ac-user-details-header-avatar"}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:y.userAvatar,sx:{background:f},"data-testid":"ac-user-details-header-avatar-fallback"},{children:(e=u||"",""+(null==(a=null==(a=c||"")?void 0:a.charAt(0))?void 0:a.toUpperCase())+(null==(a=null==e?void 0:e.charAt(0))?void 0:a.toUpperCase()))})),jsxRuntime.exports.jsx("div",Object.assign({className:y.statusLabel,"data-testid":"ac-user-details-status-badge-wrapper"},{children:jsxRuntime.exports.jsx(UserStatusBadge,{status:$})}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({sx:{pt:1,pl:2}},{children:[jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"ac-user-detail-first-and-last-name"},{children:c+" "+u}))}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:y.email,"data-testid":"ac-user-detail-email-address"},{children:d}))}),p&&jsxRuntime.exports.jsxs(Box,Object.assign({sx:{mt:1}},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:y.email},{children:O})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:y.login,"data-testid":"ac-user-detail-last-login"},{children:new Date(p).toLocaleDateString("en-us",{day:"numeric",year:"numeric",month:"long"})}))]}))]}))]}))]})};var $$2=_export,$includes=arrayIncludes.includes,fails$5=fails$k,addToUnscopables=addToUnscopables$3,BROKEN_ON_SPARSE=fails$k(function(){return!Array(1).includes()}),isObject=($$2({target:"Array",proto:!0,forced:BROKEN_ON_SPARSE},{includes:function(e){return $includes(this,e,1<arguments.length?arguments[1]:void 0)}}),addToUnscopables("includes"),isObject$9),classof$1=classofRaw$1,wellKnownSymbol$3=wellKnownSymbol$j,MATCH$1=wellKnownSymbol$j("match"),isRegexp=function(e){var t;return isObject(e)&&(void 0!==(t=e[MATCH$1])?!!t:"RegExp"==classof$1(e))},isRegExp=isRegexp,$TypeError$1=TypeError,notARegexp=function(e){if(isRegExp(e))throw $TypeError$1("The method doesn't accept regular expressions");return e},wellKnownSymbol$2=wellKnownSymbol$j,MATCH=wellKnownSymbol$j("match"),correctIsRegexpLogic=function(t){var r=/./;try{"/./"[t](r)}catch(e){try{return r[MATCH]=!1,"/./"[t](r)}catch(e){}}return!1},$$1=_export,uncurryThis$5=functionUncurryThis,notARegExp=notARegexp,requireObjectCoercible$2=requireObjectCoercible$6,toString$3=toString$6,correctIsRegExpLogic=correctIsRegexpLogic,stringIndexOf$1=functionUncurryThis("".indexOf);$$1({target:"String",proto:!0,forced:!correctIsRegExpLogic("includes")},{includes:function(e){return!!~stringIndexOf$1(toString$3(requireObjectCoercible$2(this)),toString$3(notARegExp(e)),1<arguments.length?arguments[1]:void 0)}});let usedColors$1=[];const getAvatarColor$1=()=>{var e=Math.floor(Math.random()*avatarColors.length);return usedColors$1.includes(e)?getAvatarColor$1():((usedColors$1=usedColors$1.length>=avatarColors.length/2?[]:usedColors$1).push(e),avatarColors[e])},Organizations=()=>{const n=useStyles$1()["classes"];var e=useSelector(selectUserOrgs);return useDispatch(),jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{color:"#2A323C",mb:1}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-user-details-org-tab-description",defaultMessage:"View the Organizations that this user is currently a part of.",description:"User details org tab description"})})),0<(null==e?void 0:e.length)?jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:e.map((e,t)=>{var r;return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{display:"flex",flexDirection:"row",alignItems:"center",py:4}},{children:[" ",null!=e&&e.imageUrl?jsxRuntime.exports.jsx(Avatar,{alt:""+(null==(r=null==(r=null==e?void 0:e.name)?void 0:r.charAt(0))?void 0:r.toUpperCase())+String(t+1)[0],src:null==e?void 0:e.imageUrl,className:n.orgAvatar,"data-testid":"ac-user-details-organization-image"}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:n.orgAvatar,sx:{background:""+getAvatarColor$1()},"data-testid":"ac-user-details-organization-fallback-image"},{children:null!=e&&e.name?""+(null==(r=null==(r=null==e?void 0:e.name)?void 0:r.charAt(0))?void 0:r.toUpperCase())+String(t)[0]:"--"})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",sx:{fontWeight:400},"data-testid":"ac-user-details-organization-tab-org-name"},{children:null!=e&&e.name?e.name:""}))]})),jsxRuntime.exports.jsx(Divider,{})]})})}):null]})};var anObject$2=anObject$d,regexpFlags$1=function(){var e=anObject$2(this),t="";return e.hasIndices&&(t+="d"),e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.dotAll&&(t+="s"),e.unicode&&(t+="u"),e.unicodeSets&&(t+="v"),e.sticky&&(t+="y"),t},fails$4=fails$k,global$3=global$n,$RegExp$2=global$n.RegExp,UNSUPPORTED_Y$1=fails$4(function(){var e=$RegExp$2("a","y");return e.lastIndex=2,null!=e.exec("abcd")}),MISSED_STICKY=UNSUPPORTED_Y$1||fails$4(function(){return!$RegExp$2("a","y").sticky}),BROKEN_CARET=UNSUPPORTED_Y$1||fails$4(function(){var e=$RegExp$2("^r","gy");return e.lastIndex=2,null!=e.exec("str")}),regexpStickyHelpers={BROKEN_CARET:BROKEN_CARET,MISSED_STICKY:MISSED_STICKY,UNSUPPORTED_Y:UNSUPPORTED_Y$1},fails$3=fails$k,global$2=global$n,$RegExp$1=global$n.RegExp,regexpUnsupportedDotAll=fails$3(function(){var e=$RegExp$1(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)}),fails$2=fails$k,global$1=global$n,$RegExp=global$n.RegExp,regexpUnsupportedNcg=fails$2(function(){var e=$RegExp("(?<a>b)","g");return"b"!==e.exec("b").groups.a||"bc"!=="b".replace(e,"$<a>c")}),call$2=functionCall,uncurryThis$4=functionUncurryThis,toString$2=toString$6,regexpFlags=regexpFlags$1,stickyHelpers=regexpStickyHelpers,shared=shared$4.exports,create=objectCreate,getInternalState=internalState.get,UNSUPPORTED_DOT_ALL=regexpUnsupportedDotAll,UNSUPPORTED_NCG=regexpUnsupportedNcg,nativeReplace=shared("native-string-replace",String.prototype.replace),nativeExec=RegExp.prototype.exec,patchedExec=nativeExec,charAt$3=uncurryThis$4("".charAt),indexOf=uncurryThis$4("".indexOf),replace$1=uncurryThis$4("".replace),stringSlice$3=uncurryThis$4("".slice),UPDATES_LAST_INDEX_WRONG=function(){var e=/a/,t=/b*/g;return call$2(nativeExec,e,"a"),call$2(nativeExec,t,"a"),0!==e.lastIndex||0!==t.lastIndex}(),UNSUPPORTED_Y=stickyHelpers.BROKEN_CARET,NPCG_INCLUDED=void 0!==/()??/.exec("")[1],PATCH=UPDATES_LAST_INDEX_WRONG||NPCG_INCLUDED||UNSUPPORTED_Y||UNSUPPORTED_DOT_ALL||UNSUPPORTED_NCG,regexpExec$2=patchedExec=PATCH?function(e){var t,r,n,o,s,a,i=this,l=getInternalState(i),e=toString$2(e),c=l.raw;if(c)return c.lastIndex=i.lastIndex,d=call$2(patchedExec,c,e),i.lastIndex=c.lastIndex,d;var u=l.groups,c=UNSUPPORTED_Y&&i.sticky,d=call$2(regexpFlags,i),l=i.source,p=0,$=e;if(c&&(d=replace$1(d,"y",""),-1===indexOf(d,"g")&&(d+="g"),$=stringSlice$3(e,i.lastIndex),0<i.lastIndex&&(!i.multiline||i.multiline&&"\n"!==charAt$3(e,i.lastIndex-1))&&(l="(?: "+l+")",$=" "+$,p++),t=new RegExp("^(?:"+l+")",d)),NPCG_INCLUDED&&(t=new RegExp("^"+l+"$(?!\\s)",d)),UPDATES_LAST_INDEX_WRONG&&(r=i.lastIndex),n=call$2(nativeExec,c?t:i,$),c?n?(n.input=stringSlice$3(n.input,p),n[0]=stringSlice$3(n[0],p),n.index=i.lastIndex,i.lastIndex+=n[0].length):i.lastIndex=0:UPDATES_LAST_INDEX_WRONG&&n&&(i.lastIndex=i.global?n.index+n[0].length:r),NPCG_INCLUDED&&n&&1<n.length&&call$2(nativeReplace,n[0],t,function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(n[o]=void 0)}),n&&u)for(n.groups=s=create(null),o=0;o<u.length;o++)s[(a=u[o])[0]]=n[a[1]];return n}:patchedExec,$=_export,exec=regexpExec$2,uncurryThis$3=(_export({target:"RegExp",proto:!0,forced:/./.exec!==exec},{exec:exec}),functionUncurryThis),defineBuiltIn=defineBuiltIn$6,regexpExec$1=regexpExec$2,fails$1=fails$k,wellKnownSymbol$1=wellKnownSymbol$j,createNonEnumerableProperty=createNonEnumerableProperty$5,SPECIES=wellKnownSymbol$1("species"),RegExpPrototype=RegExp.prototype,fixRegexpWellKnownSymbolLogic=function(r,e,t,n){var a,o=wellKnownSymbol$1(r),i=!fails$1(function(){var e={};return e[o]=function(){return 7},7!=""[r](e)}),s=i&&!fails$1(function(){var e=!1,t=/a/;return"split"===r&&((t={constructor:{}}).constructor[SPECIES]=function(){return t},t.flags="",t[o]=/./[o]),t.exec=function(){return e=!0,null},t[o](""),!e});i&&s&&!t||(a=uncurryThis$3(/./[o]),s=e(o,""[r],function(e,t,r,n,o){var e=uncurryThis$3(e),s=t.exec;return s===regexpExec$1||s===RegExpPrototype.exec?i&&!o?{done:!0,value:a(t,r,n)}:{done:!0,value:e(r,t,n)}:{done:!1}}),defineBuiltIn(String.prototype,r,s[0]),defineBuiltIn(RegExpPrototype,o,s[1])),n&&createNonEnumerableProperty(RegExpPrototype[o],"sham",!0)},uncurryThis$2=functionUncurryThis,toIntegerOrInfinity$1=toIntegerOrInfinity$5,toString$1=toString$6,requireObjectCoercible$1=requireObjectCoercible$6,charAt$2=uncurryThis$2("".charAt),charCodeAt=uncurryThis$2("".charCodeAt),stringSlice$2=uncurryThis$2("".slice),createMethod=function(o){return function(e,t){var r,e=toString$1(requireObjectCoercible$1(e)),t=toIntegerOrInfinity$1(t),n=e.length;return t<0||n<=t?o?"":void 0:(r=charCodeAt(e,t))<55296||56319<r||t+1===n||(n=charCodeAt(e,t+1))<56320||57343<n?o?charAt$2(e,t):r:o?stringSlice$2(e,t,t+2):n-56320+(r-55296<<10)+65536}},stringMultibyte={codeAt:createMethod(!1),charAt:createMethod(!0)},charAt$1=stringMultibyte.charAt,advanceStringIndex$1=function(e,t,r){return t+(r?charAt$1(e,t).length:1)},uncurryThis$1=functionUncurryThis,toObject=toObject$5,floor=Math.floor,charAt=uncurryThis$1("".charAt),replace=uncurryThis$1("".replace),stringSlice$1=uncurryThis$1("".slice),SUBSTITUTION_SYMBOLS=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,SUBSTITUTION_SYMBOLS_NO_NAMED=/\$([$&'`]|\d{1,2})/g,getSubstitution$1=function(s,a,i,l,c,e){var u=i+s.length,d=l.length,t=SUBSTITUTION_SYMBOLS_NO_NAMED;return void 0!==c&&(c=toObject(c),t=SUBSTITUTION_SYMBOLS),replace(e,t,function(e,t){var r;switch(charAt(t,0)){case"$":return"$";case"&":return s;case"`":return stringSlice$1(a,0,i);case"'":return stringSlice$1(a,u);case"<":r=c[stringSlice$1(t,1,-1)];break;default:var n,o=+t;if(0==o)return e;if(d<o)return 0!==(n=floor(o/10))&&n<=d?void 0===l[n-1]?charAt(t,1):l[n-1]+charAt(t,1):e;r=l[o-1]}return void 0===r?"":r})},call$1=functionCall,anObject$1=anObject$d,isCallable$1=isCallable$m,classof=classofRaw$1,regexpExec=regexpExec$2,$TypeError=TypeError,regexpExecAbstract=function(e,t){var r=e.exec;if(isCallable$1(r))return null!==(r=call$1(r,e,t))&&anObject$1(r),r;if("RegExp"===classof(e))return call$1(regexpExec,e,t);throw $TypeError("RegExp#exec called on incompatible receiver")},apply=functionApply,call=functionCall,uncurryThis=functionUncurryThis,fixRegExpWellKnownSymbolLogic=fixRegexpWellKnownSymbolLogic,fails=fails$k,anObject=anObject$d,isCallable=isCallable$m,toIntegerOrInfinity=toIntegerOrInfinity$5,toLength=toLength$2,toString=toString$6,requireObjectCoercible=requireObjectCoercible$6,advanceStringIndex=advanceStringIndex$1,getMethod=getMethod$4,getSubstitution=getSubstitution$1,regExpExec=regexpExecAbstract,wellKnownSymbol=wellKnownSymbol$j,REPLACE=wellKnownSymbol$j("replace"),max=Math.max,min=Math.min,concat=uncurryThis([].concat),push=uncurryThis([].push),stringIndexOf=uncurryThis("".indexOf),stringSlice=uncurryThis("".slice),maybeToString=function(e){return void 0===e?e:String(e)},REPLACE_KEEPS_$0="$0"==="a".replace(/./,"$0"),REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE=!!/./[REPLACE]&&""===/./[REPLACE]("a","$0"),REPLACE_SUPPORTS_NAMED_GROUPS=!fails(function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")});fixRegExpWellKnownSymbolLogic("replace",function(e,b,h){var x=REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE?"$":"$0";return[function(e,t){var r=requireObjectCoercible(this),n=null==e?void 0:getMethod(e,REPLACE);return n?call(n,e,r,t):call(b,toString(r),e,t)},function(e,t){var r=anObject(this),n=toString(e);if("string"==typeof t&&-1===stringIndexOf(t,x)&&-1===stringIndexOf(t,"$<")){e=h(b,r,n,t);if(e.done)return e.value}for(var o,s=isCallable(t),a=(s||(t=toString(t)),r.global),i=(a&&(o=r.unicode,r.lastIndex=0),[]);null!==(d=regExpExec(r,n))&&(push(i,d),a);)""===toString(d[0])&&(r.lastIndex=advanceStringIndex(n,toLength(r.lastIndex),o));for(var l="",c=0,u=0;u<i.length;u++){for(var d,p=toString((d=i[u])[0]),$=max(min(toIntegerOrInfinity(d.index),n.length),0),g=[],m=1;m<d.length;m++)push(g,maybeToString(d[m]));var f=d.groups,y=s?(y=concat([p],g,$,n),void 0!==f&&push(y,f),toString(apply(t,void 0,y))):getSubstitution(p,n,$,g,f,t);c<=$&&(l+=stringSlice(n,c,$)+y,c=$+p.length)}return l+stringSlice(n,c)}]},!REPLACE_SUPPORTS_NAMED_GROUPS||!REPLACE_KEEPS_$0||REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);const LoaderSkeletonItem=()=>jsxRuntime.exports.jsxs(ListItem,Object.assign({alignItems:"center",sx:{height:"83px"}},{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"circular",width:40,height:40})}),jsxRuntime.exports.jsx(ListItemText,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"text",width:150,height:30})}),jsxRuntime.exports.jsx(ListItemSecondaryAction,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"text",width:87,height:35})})]})),LoaderSkeleton=()=>jsxRuntime.exports.jsxs(List,{children:[jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{})]});let usedColors=[];const getAvatarColor=()=>{var e=Math.floor(Math.random()*avatarColors.length);return usedColors.includes(e)?getAvatarColor():((usedColors=usedColors.length>=avatarColors.length/2?[]:usedColors).push(e),avatarColors[e])},Applications=()=>{const n=useStyles$1()["classes"],e=useSelector(selectUserApplicationRoles),[t,r]=react.exports.useState("loading");return react.exports.useEffect(()=>{0<e.length&&r("success")},[e]),"loading"===t?jsxRuntime.exports.jsx(LoaderSkeleton,{}):jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{color:"#2A323C",mb:1}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-user-details-applications-tab-description",defaultMessage:"View the Applications this user has access to.",description:"User details applications tab description"})})),e.map((e,t)=>{var r;return jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"os-ac-user-details-applications-list"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:n.appContainer},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{display:"flex",flexDirection:"row",width:"70%"}},{children:[jsxRuntime.exports.jsx(Avatar,Object.assign({className:n.orgAvatar,sx:{background:""+getAvatarColor()}},{children:null!=e&&e.appName?""+(null==(r=null==(r=null==e?void 0:e.appName)?void 0:r.charAt(0))?void 0:r.toUpperCase())+String(t)[0]:"--"})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",sx:{fontWeight:400,display:"flex",alignItems:"center"},"data-testid":"ac-user-details-application-name"},{children:null!=e&&e.appName?e.appName.replace(/\b\w/g,e=>e.toUpperCase()):""}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({className:n.roleBox},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{color:"#5C6269",fontWeight:700}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-user-details-applications-tab-roles-label",defaultMessage:"Role: ",description:"User details applications tab description role label"})}))," ",jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{fontWeight:400},"data-testid":"ac-user-details.application-role"},{children:null!=e&&e.name?index.truncatedString(e.name.replace(/\b\w/g,e=>e.toUpperCase()),13):""}))]}))]}),e.id),jsxRuntime.exports.jsx(Divider,{})]}),e.id)})]})},PANEL_ID="USER_DETAILS_PANEL",UserDetailsPanel=({id:e})=>{const t=useSelector(selectUserById(e)),r=useStyles$1()["classes"],n=useDispatch();var o=useIntl();const[s,a]=react.exports.useState(0);var{panelHeader:o,panelCloseTitle:i,menuItemLabel:l}=userLabels(o);const c=useSelector(selectIsSuperAdmin),u=useSelector(selectUserOrgs),[d,p]=react.exports.useState(u&&(null==($=u[0])?void 0:$.id));react.exports.useEffect(()=>{c&&null!==t&&void 0!==t&&t.organizationGuids&&n(actions$1.fetchUserOrganizationsStart({orgGuids:(null===t||void 0===t?void 0:t.organizationGuids)||[]}))},[n]),react.exports.useEffect(()=>{var e;u&&p(u&&(null==(e=u[0])?void 0:e.id))},[n,u]);react.exports.useEffect(()=>{c&&d?n(actions$1.getUserApplicationRolesStart({userId:""+e,orgId:""+d})):n(actions$1.getUserApplicationRolesStart({userId:""+e,orgId:""+(null===t||void 0===t?void 0:t.organizationId)}))},[n,u,d]);var $=[{label:"Applications",disabled:!1,id:"applications",component:jsxRuntime.exports.jsx(Box,Object.assign({sx:{p:6,height:"calc(100vh - 325px)",overflow:"auto"}},{children:jsxRuntime.exports.jsx(Applications,{})}))}];return c&&$.push({label:"Organizations",disabled:!1,id:"organizations",component:jsxRuntime.exports.jsx(Box,Object.assign({sx:{p:6}},{children:jsxRuntime.exports.jsx(Organizations,{})}))}),e?jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx("div",Object.assign({className:r.panelRoot,"data-testid":"ac-user-details-panel-root"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:r.panelContainer},{children:[jsxRuntime.exports.jsx(Header,{userDetailsPanelHeader:o,userDetailsPanelClose:i,userMenu:l,handleClose:()=>{n(hidePanel(PANEL_ID)),n(actions$1.resetUserRoles())},onOrgChange:t=>{var e=u.find(e=>e.name===t);p(e.id)},userData:t,orgData:u,isSuperAdmin:c}),jsxRuntime.exports.jsxs("div",Object.assign({className:r.tabsContainer,"data-testid":"ac-user-details-panel-tabs"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:r.tabsParent},{children:jsxRuntime.exports.jsx(Tabs,Object.assign({onChange:(e,t)=>{a(t)},value:s},{children:$.map((e,t)=>{return jsxRuntime.exports.jsx(Tab,Object.assign({label:e.label,disabled:e.disabled},{id:"simple-tab-"+t,"aria-controls":"simple-tabpanel-"+t},{"data-testid":e.id+"-tab"}),e.id)})}))})),jsxRuntime.exports.jsx(Divider,{className:r.divider}),jsxRuntime.exports.jsx("div",{children:$.map((e,t)=>jsxRuntime.exports.jsx("div",Object.assign({className:r.secondBox},{children:jsxRuntime.exports.jsx(TabPanel,Object.assign({value:s,index:t},{children:e.component}))}),e.id))})]}))]}))}))}):null},useStyles=makeStyles()(e=>({root:{display:"flex",flexDirection:"column"},header:{display:"flex",justifyContent:"space-between",padding:e.spacing(4),borderBottom:"0.5px solid "+e.palette.divider,"& button":{height:"28px"}},tableWrapper:{height:"calc(100vh - 55px - 64px - 69px - 22px)",overflow:"hidden"},toolbar:{alignItems:"baseline","& button svg":{marginRight:"5px"},display:"flex",justifyContent:"center"},addUserBtn:{"& svg":{marginRight:"10px",height:"14px",width:"14px"}}})),UsersPanel=({isPanelFullScreen:e})=>{var t=useStyles()["classes"];const r=useDispatch();var n=useSelector(organizations_selector.selectPendingOrgInvites);const o=useSelector(userSelector);react.exports.useEffect(()=>{r(actions$2.organizationInvitesState.fetchPendingInvitesStart(o.organization.organizationId))},[]);n=jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("section",Object.assign({className:t.root},{children:jsxRuntime.exports.jsxs("header",Object.assign({className:t.header},{children:[jsxRuntime.exports.jsx(Box,Object.assign({sx:{mr:15,display:"flex",verticalAlign:"center","& h5":{lineHeight:"28px"}}},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5","data-testid":"org-applications.header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.users.table.header",defaultMessage:"Users",description:"Users Header"})}))})),jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsxs(Button,Object.assign({variant:"outlined",onClick:()=>handleViewRequests(r,e)},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.users.user-requests.btn",defaultMessage:"User Requests",description:"User Requests tab button"})," ","(",n.length,")"]})),jsxRuntime.exports.jsxs(Button,Object.assign({variant:"contained",sx:{ml:"13px"},className:t.addUserBtn,onClick:()=>handleClickInviteUsers(r,e)},{children:[jsxRuntime.exports.jsx(AddUser,{}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.users.invite-user.btn",defaultMessage:"Invite User",description:"Invite User tab button"})]}))]})]}))})),jsxRuntime.exports.jsx("div",Object.assign({className:t.tableWrapper},{children:jsxRuntime.exports.jsx(UserTable,{})}))]});return e?jsxRuntime.exports.jsx(AIWareThemeProvider,{children:n}):n};export{UserDetailsPanel,UsersPanel,actions,getAdminCenterUsersModule,initialState,namespace,rootReducer};
|
|
64
|
+
`,operationName:e},t))).user.roles})}addToUnscopables$3("flat");const selectOrgUsers=e=>{var{users:e,hasMore:t,offset:r}=(null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])||{};return{users:e,hasMore:t,offset:r}},selectStatus=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].status},selectUserById=t=>e=>{return((null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].users)||[]).find(e=>e.id===t)},selectUserOrgs=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].userOrgs},selectUserApplicationRoles=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1].userRoles};function*fetchUsersSaga(e){try{var t,r=yield select(selectApiConfigs),{offset:n,hasMore:o}=yield select(selectOrgUsers);o&&(t=(yield fetchOrgUsers(r,n,PAGE_LIMIT))["records"],yield put(actions.adminCenterUsers.fetchOrgUsersSuccess({records:t,hasMore:PAGE_LIMIT===t.length,nextOffset:n+PAGE_LIMIT})))}catch(e){console.log(e),yield put(actions.adminCenterUsers.fetchOrgUsersFailure())}}function*removeUserFromOrgSaga(e){var{userId:e,orgGuid:t}=e.payload;try{var r=(yield removeUserFromOrg(yield select(selectApiConfigs),e,t))["id"];yield put(actions.adminCenterUsers.removeUserFromOrgSuccess(r||""))}catch(e){console.log(e),yield put(actions.adminCenterUsers.removeUserFromOrgFailure())}}function*updateUserStatusSaga(e){var{userId:e,status:t}=e.payload;try{var{id:r,status:n}=yield updateUserStatus(yield select(selectApiConfigs),e,t);r&&n&&(yield put(actions.adminCenterUsers.updateUserStatusSuccess({id:r,status:n})))}catch(e){console.log(e),yield put(actions.adminCenterUsers.updateUserStatusFailure())}}function*fetchUserOrganizationsSaga(e){e=e.payload.orgGuids;try{const r=yield select(selectApiConfigs);var t=(yield Promise.all(e.map(e=>fetchUserOrganizations(r,e)))).map(({records:e})=>e).flat();yield put(actions.adminCenterUsers.fetchUserOrganizationsSuccess({orgs:t}))}catch(e){console.log(e),yield put(actions.adminCenterUsers.fetchUserOrganizationsFailure())}}function*getUserApplicationRolesSaga(e){try{var t=yield select(selectApiConfigs),{userId:r,orgId:n}=e.payload,o=yield call$i(getUserApplicationRoles,t,r,n);yield put(actions.adminCenterUsers.getUserApplicationRolesSuccess({roles:o}))}catch(e){console.log(e),yield put(actions.adminCenterUsers.getUserApplicationRolesFailure())}}function*fetchUsersWatcher(){yield takeEvery$1(actions.adminCenterUsers.fetchOrgUsersStart.type,fetchUsersSaga)}function*removeUserFromOrgWatcher(){yield takeEvery$1(actions.adminCenterUsers.removeUserFromOrgStart.type,removeUserFromOrgSaga)}function*updateUserStatusWatcher(){yield takeEvery$1(actions.adminCenterUsers.updateUserStatusStart.type,updateUserStatusSaga)}function*fetchUserOrganizationsWatcher(){yield takeEvery$1(actions.adminCenterUsers.fetchUserOrganizationsStart.type,fetchUserOrganizationsSaga)}function*getUserApplicationRolesSagaWatcher(){yield takeEvery$1(actions.adminCenterUsers.getUserApplicationRolesStart.type,getUserApplicationRolesSaga)}function*rootSaga(){yield all([fetchUsersWatcher(),removeUserFromOrgWatcher(),updateUserStatusWatcher(),fetchUserOrganizationsWatcher(),getUserApplicationRolesSagaWatcher()])}function getAdminCenterUsersModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const userDetailsPanel="USER_DETAILS_PANEL",openUserDetailsPanel=(e,t,r)=>{e={name:userDetailsPanel,config:{name:"User Table Settings",id:e,isPanelFullScreen:r}},r={type:"APP_BAR_PANEL_TEMPLATE",marginTop:r?0:55,marginStart:r?0:80,size:"medium",zIndex:r?1011:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent",borderBottom:!0};t(mountPanel({panelId:userDetailsPanel,microFrontend:e,panelConfig:r}))},UserRowContextMenu=({anchorEl:e,id:t,open:r,onClose:n,userId:o,disableRemoval:s,orgGuid:a,status:i,isPanelFullScreen:l})=>{var c=contextMenuStyles({width:44})["classes"];const u=useDispatch();var d=useSelector(betaFeaturesSelector),p=useOrganizationPermissions(EAuthSubResourceType.User),$=p.hasPermission(EPermissionAction.Create),p=p.hasPermission(EPermissionAction.Delete),$="deactivated"===i?$:p;return jsxRuntime.exports.jsx(Popover,Object.assign({anchorEl:e,id:t,open:r,onClose:n,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},{children:jsxRuntime.exports.jsxs(MenuList,Object.assign({role:"menu",className:c.menuList,"data-testid":"admin-center-user.menu"},{children:[d&&jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-testid":"admin-center-job.menu-item.user-details",onClick:e=>{openUserDetailsPanel(o,u,l)},className:c.menuItem,"data-test":"job-context-menu-item",sx:{cursor:"pointer"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center-user-row.open-user-details-panel-btn",defaultMessage:"User Details",description:"User Detail row context menu"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-testid":"admin-center-user.menu-item.status-update",onClick:()=>{u(actions.adminCenterUsers.updateUserStatusStart({userId:o,status:"deactivated"===i?"active":"deactivated"}))},className:c.menuItem,"data-test":"context-menu-item",sx:{cursor:"pointer"},disabled:!$},{children:"deactivated"===i?jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-users.user-row.activate-btn",defaultMessage:"Activate",description:"Activate button in the user row context menu"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-users.user-row.deactivate-btn",defaultMessage:"Deactivate",description:"Deactivate button in the user row context menu"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:()=>{u(actions.adminCenterUsers.removeUserFromOrgStart({userId:o,orgGuid:a}))},className:c.menuItem,"data-test":"context-menu-item",disabled:s||!p,sx:{cursor:s?"not-allowed":"pointer"},"data-testid":"admin-center-user.menu-item.remove-from-org"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-users.user-row.remove-from-org-btn",defaultMessage:"Remove from Org",description:"Remove from Org button in the user row context menu"})}))]}))}))},useStyles$3=makeStyles()((e,{})=>({userAvatar:{border:"2px solid #FFFFFF",height:"40px",width:"40px",marginRight:"14px",fontSize:"14px",color:"white"},row:{padding:"13px"},userName:{alignSelf:"center"},truncate:{paddingRight:"20px","& p":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}})),UserRow=({user:{id:t,imageUrl:e,firstName:r,lastName:n,email:o,lastLoginDateTime:s,status:a,organizationGuids:i=[],organization:l,avatarColor:c}})=>{var u=useStyles$3({status:a})["classes"];const[d,p]=react.exports.useState(null);var $=d?"contextMenuId-"+t:void 0;const g=useDispatch(),m=useSelector(betaFeaturesSelector);return jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"ac-user-row-"+t},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",container:!0,xs:12,"data-testid":"admin-center-org-user-row",className:u.row},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,xs:11,alignItems:"center",onClick:e=>{m&&openUserDetailsPanel(t,g)}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({sx:{display:"flex"},xs:4,item:!0,className:u.truncate,"data-testid":"admin-center-org-user.avatar-name-col"},{children:[e?jsxRuntime.exports.jsx(Avatar,{alt:r+" "+n,src:e,className:u.userAvatar}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:u.userAvatar,sx:{background:c}},{children:(e=n||"",""+(null==(c=null==(c=r||"")?void 0:c.charAt(0))?void 0:c.toUpperCase())+(null==(c=null==e?void 0:e.charAt(0))?void 0:c.toUpperCase()))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:r+" "+n,arrow:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({className:u.userName,variant:"body2",sx:{fontWeight:400},"data-testid":"admin-center-org-user.user-name"},{children:r+" "+n}))}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:4,item:!0,className:u.truncate,"data-testid":"admin-center-org-user.email-col"},{children:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:o||"",arrow:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{fontWeight:400}},{children:o}))}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:3,item:!0,"data-testid":"admin-center-org-user.last-login-col"},{children:s&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{mb:"-6px",fontWeight:400}},{children:new Date(s).toLocaleDateString()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:index.formatTime(new Date(s))}))]})})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:1,item:!0,"data-testid":"admin-center-org-user.status-col"},{children:jsxRuntime.exports.jsx(UserStatusBadge,{status:a})}))]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:1,sx:{textAlign:"end"},"data-testid":"admin-center-org-user.menu-col"},{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"data-testid":"user-row-menu-button-"+t,onClick:e=>p(e.currentTarget),size:"small"},{children:jsxRuntime.exports.jsx(MoreVert,{fontSize:"small"})})),jsxRuntime.exports.jsx(UserRowContextMenu,{anchorEl:d,id:$,open:!!d,onClose:()=>{p(null)},disableRemoval:i.length<2,userId:t||"",orgGuid:(null==l?void 0:l.guid)||"",status:a,"data-testid":"admin-center-org-user.menu-icon"})]}))]})),jsxRuntime.exports.jsx(Divider,{})]}))},useStyles$2=makeStyles()(e=>({root:{height:"100%"},loader:{display:"flex",marginTop:e.spacing(1),justifyContent:"center"}})),UserTable=()=>{const{users:r=[],hasMore:t}=useSelector(selectOrgUsers),e=useSelector(selectStatus),o=useDispatch(),n=useStyles$2()["classes"],s=(react.exports.useEffect(()=>{o(actions$1.fetchOrgUsersStart())},[o]),e=>!t||e<r.length),a=t?r.length+1:r.length,i=({index:e,style:t})=>s(e)?jsxRuntime.exports.jsx("div",Object.assign({style:Object.assign({},t)},{children:jsxRuntime.exports.jsx(UserRow,{user:r[e]})}),e):jsxRuntime.exports.jsx("div",Object.assign({"data-test":"users-table-row-loader",style:Object.assign(Object.assign({},t),{top:0}),className:n.loader},{children:jsxRuntime.exports.jsx(CircularProgress,{size:36})}));return jsxRuntime.exports.jsxs("div",Object.assign({className:n.root},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",item:!0,container:!0,xs:12,"data-testid":"admin-center-org-user-table-header",sx:{pl:"13px",pr:"13px"}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,xs:11},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({xs:4,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.name-col",defaultMessage:"Name",description:"Name column header"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:4,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.email-col",defaultMessage:"Email",description:"Email column header"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:3,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.last-login-col",defaultMessage:"Last Login",description:"Last Login column header"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:1,item:!0},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ac-user-table.header.status-col",defaultMessage:"Status",description:"Status column header"})}))})),jsxRuntime.exports.jsx(Grid,{xs:1,item:!0})]})),jsxRuntime.exports.jsx(Grid,{xs:1,item:!0})]})),jsxRuntime.exports.jsx(Divider,{}),"failure"===e?jsxRuntime.exports.jsx(ErrorState,{onRetry:()=>o(actions$1.fetchOrgUsersStart()),errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center.users.error-message",defaultMessage:"Something went wrong while loading user list.",description:"Admin Center Users table loading error"})}):jsxRuntime.exports.jsx(AutoSizer,{children:({height:r,width:n})=>jsxRuntime.exports.jsx(InfiniteLoader,Object.assign({isItemLoaded:s,itemCount:a,loadMoreItems:()=>{"success"===e&&o(actions$1.fetchOrgUsersStart())}},{children:({onItemsRendered:e,ref:t})=>jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"list-wrapper"},{children:jsxRuntime.exports.jsx(VariableSizeList,Object.assign({height:r-40,itemCount:a,itemSize:()=>60,initialScrollOffset:0,onItemsRendered:e,ref:t,width:n},{children:i}))}))}))})]}))},inviteUsersPanel="INVITE_USERS_PANEL",inviteRequestsPanel="INVITE_REQUESTS_PANEL",handleClickInviteUsers=(e,t)=>{var r={name:inviteUsersPanel,config:{name:"Invite Users"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:t?0:55,marginStart:t?0:80,size:"medium",zIndex:t?1010:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent"};e(mountPanel({panelId:inviteUsersPanel,microFrontend:r,panelConfig:t}))},handleViewRequests=(e,t)=>{var r={name:inviteRequestsPanel,config:{name:"Invite Requests"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:t?0:55,marginStart:t?0:80,size:"medium",zIndex:t?1010:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent",header:{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center.users.button.invite-requests",defaultMessage:"Invite Requests",description:"Invite Requests header title"})}};e(mountPanel({panelId:inviteRequestsPanel,microFrontend:r,panelConfig:t}))},useStyles$1=makeStyles()(e=>({root:{display:"flex",flexDirection:"column",height:"calc(100vh - 55px - 5px)",alignItems:"stretch",justifyContent:"space-between"},panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%"},panelBody:{display:"flex",flexGrow:1},panelLoading:{height:300},panelContent:{width:"100%",padding:"0"},tabsContainer:{"& .Sdk-Mui-selected":{color:"black"},"& .Sdk-MuiTabs-indicator":{backgroundColor:"#000"}},tabsParent:{paddingLeft:e.spacing(4),"& div":{borderBottom:"none"},"& div button":{fontFamily:"Nunito",fontWeight:400,flex:"0 1 auto !important",minWidth:"unset"}},divider:{opacity:.9},secondBox:{display:"flex",flexDirection:"column",flexGrow:1},orgAvatar:{border:"2px solid #FFFFFF",height:"40px",width:"40px",marginRight:"14px",fontSize:"14px",color:"white",fontWeight:400,lineHeight:"20px"},appContainer:{display:"flex",width:"100%",padding:"20px 0",flexDirection:"row",alignItems:"center"},roleBox:{width:"30%",display:"flex",alignItems:"center",justifyContent:"flex-start"}})),headerUseStyles=makeStyles()(e=>({headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end",paddingRight:"10px"},header:{alignItems:"center",display:"flex",justifyContent:"space-between",height:"55px",margin:"10px 10px 10px 30px"},title:{color:"#5C6269"},menuList:{width:e.spacing(34),padding:e.spacing(1.5)},menuItem:{borderRadius:4,padding:e.spacing(1),"& > svg":{marginRight:e.spacing(2)},textTransform:"none"},cardContainer:{display:"flex",padding:"20px 10px 20px 10px"},cardImgContainer:{position:"relative",marginLeft:"20px"},email:{color:"#5C6269",fontWeight:"400"},login:{color:"#2A323C",fontWeight:"400"},userAvatar:{border:"2px solid #FFFFFF",height:"100px",width:"100px",fontSize:"35px",color:"white"},statusLabel:{position:"absolute",bottom:"-10px",left:"50%",right:"50%",display:"flex",justifyContent:"center"},divider:{opacity:.9},orgsName:{color:"black",fontWeight:400,fontSize:"12px",maxHeight:"26px",paddingTop:"1px",transform:"translateY(1px)",marginRight:"14px","& fieldset":{border:"1px solid #D5DFE9"}}})),userLabels=e=>({panelHeader:e.formatMessage({id:"ac-user-details-header-title",defaultMessage:[{type:0,value:"USER DETAILS"}]}),panelCloseTitle:e.formatMessage({id:"ac-user-details-header-close-btn",defaultMessage:[{type:0,value:"Close Panel"}]}),menuItemLabel:e.formatMessage({id:"ac-user-details-header-edit-btn",defaultMessage:[{type:0,value:"Menu"}]}),logoAltTitle:e.formatMessage({id:"ac-user-detail-header-image-alt",defaultMessage:[{type:0,value:"User Avatar"}]}),lastLoginLabel:e.formatMessage({id:"ac-user-detail-header-last-login.label",defaultMessage:[{type:0,value:"Last Login"}]}),activeUserLabel:e.formatMessage({id:"ac-users.user-row.activate-user-btn",defaultMessage:[{type:0,value:"Activate User"}]}),deactivateUserLabel:e.formatMessage({id:"ac-users.user-row.deactivate-user-btn",defaultMessage:[{type:0,value:"Deactivate User"}]}),removeOrgLabel:e.formatMessage({id:"ac-users.user-row.remove-user-from-org-btn",defaultMessage:[{type:0,value:"Remove User from Organization"}]})}),ActionContextMenu=({anchorEl:e,id:t,open:r,onClose:n,userId:o,disableRemoval:s,orgGuid:a,status:i})=>{var l=contextMenuStyles({width:44})["classes"];const c=useDispatch();var u=useIntl(),{activeUserLabel:u,deactivateUserLabel:d,removeOrgLabel:p}=userLabels(u);return jsxRuntime.exports.jsx(Popover,Object.assign({anchorEl:e,id:t,open:r,onClose:n,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},{children:jsxRuntime.exports.jsxs(MenuList,Object.assign({role:"menu",className:l.menuList,"data-testid":"admin-center-user-action.menu.list"},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({"data-testid":"ac-user.menu-item.status-update",onClick:()=>{c(actions.adminCenterUsers.updateUserStatusStart({userId:o,status:"deactivated"===i?"active":"deactivated"}))},className:l.menuItem,"data-test":"context-menu-item",sx:{cursor:"pointer"}},{children:"deactivated"===i?u:d})),jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:()=>{c(actions.adminCenterUsers.removeUserFromOrgStart({userId:o,orgGuid:a}))},className:l.menuItem,"data-test":"context-menu-item",disabled:s,sx:{cursor:s?"not-allowed":"pointer"},"data-testid":"ac-user.menu-item.remove-from-org"},{children:p}))]}))}))},Header=({userDetailsPanelHeader:e,userDetailsPanelClose:t,userMenu:r,handleClose:n,onOrgChange:o,orgData:s,isSuperAdmin:a,userData:{id:i,imageUrl:l,firstName:c,lastName:u,email:d,lastLoginDateTime:p,status:$,organizationGuids:g=[],organization:m,avatarColor:f}})=>{var b=headerUseStyles()["classes"];const[y,h]=react.exports.useState(null);var x=y?"contextMenuId-"+i:void 0,O=useIntl(),{logoAltTitle:O,lastLoginLabel:S}=userLabels(O);const[I,j]=react.exports.useState(s&&s[0]?s[0].name:"");react.exports.useEffect(()=>{s&&j(s&&s[0]?s[0].name:"")},[s]);return jsxRuntime.exports.jsxs("header",{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:b.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"ac-user-details.header-title",className:b.title},{children:e})),jsxRuntime.exports.jsxs("div",Object.assign({className:b.headerActionContainer},{children:[a&&jsxRuntime.exports.jsx(Select,Object.assign({name:"orgs-select",className:b.orgsName,value:I,onChange:e=>{e=e.target.value;j(e),o(e)},inputProps:{"data-testid":"ac-user-detail-select-org-name"}},{children:null==s?void 0:s.map((e,t)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e.name,"data-testid":"ac-user-detail-select-option"},{children:(null==e?void 0:e.name)&&index.truncatedString(e.name,22)}),e.guid+"+"+t))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:r,"data-testid":"ac-user-details-header.user-menu-button"},{children:jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-labelledby":"ac-user-details-header.user-menu-button","data-testid":"ac-user-details-header.user-menu-button",size:"large",onClick:e=>h(e.currentTarget)},{children:jsxRuntime.exports.jsx(MoreVert,{fontSize:"small"})})),jsxRuntime.exports.jsx(ActionContextMenu,{anchorEl:y,id:x,open:!!y,onClose:()=>h(null),disableRemoval:(null==g?void 0:g.length)<2,userId:i||"",orgGuid:(null==m?void 0:m.guid)||"",status:$,"data-testid":"admin-center-org-user.menu-icon"})]})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:t,"data-testid":"ac-user-details.close-button-tooltip"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:n,"aria-labelledby":"ac-user-details.close-button",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:b.divider}),jsxRuntime.exports.jsxs(Box,Object.assign({className:b.cardContainer},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:b.cardImgContainer},{children:[l?jsxRuntime.exports.jsx(Avatar,{alt:O,src:l,className:b.userAvatar,"data-testid":"ac-user-details-header-avatar"}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:b.userAvatar,sx:{background:f},"data-testid":"ac-user-details-header-avatar-fallback"},{children:(e=u||"",""+(null==(a=null==(a=c||"")?void 0:a.charAt(0))?void 0:a.toUpperCase())+(null==(a=null==e?void 0:e.charAt(0))?void 0:a.toUpperCase()))})),jsxRuntime.exports.jsx("div",Object.assign({className:b.statusLabel,"data-testid":"ac-user-details-status-badge-wrapper"},{children:jsxRuntime.exports.jsx(UserStatusBadge,{status:$})}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({sx:{pt:1,pl:2}},{children:[jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"ac-user-detail-first-and-last-name"},{children:c+" "+u}))}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:b.email,"data-testid":"ac-user-detail-email-address"},{children:d}))}),p&&jsxRuntime.exports.jsxs(Box,Object.assign({sx:{mt:1}},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:b.email},{children:S})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:b.login,"data-testid":"ac-user-detail-last-login"},{children:new Date(p).toLocaleDateString("en-us",{day:"numeric",year:"numeric",month:"long"})}))]}))]}))]}))]})};var $$2=_export,$includes=arrayIncludes.includes,fails$5=fails$k,addToUnscopables=addToUnscopables$3,BROKEN_ON_SPARSE=fails$k(function(){return!Array(1).includes()}),isObject=($$2({target:"Array",proto:!0,forced:BROKEN_ON_SPARSE},{includes:function(e){return $includes(this,e,1<arguments.length?arguments[1]:void 0)}}),addToUnscopables("includes"),isObject$9),classof$1=classofRaw$1,wellKnownSymbol$3=wellKnownSymbol$j,MATCH$1=wellKnownSymbol$j("match"),isRegexp=function(e){var t;return isObject(e)&&(void 0!==(t=e[MATCH$1])?!!t:"RegExp"==classof$1(e))},isRegExp=isRegexp,$TypeError$1=TypeError,notARegexp=function(e){if(isRegExp(e))throw $TypeError$1("The method doesn't accept regular expressions");return e},wellKnownSymbol$2=wellKnownSymbol$j,MATCH=wellKnownSymbol$j("match"),correctIsRegexpLogic=function(t){var r=/./;try{"/./"[t](r)}catch(e){try{return r[MATCH]=!1,"/./"[t](r)}catch(e){}}return!1},$$1=_export,uncurryThis$5=functionUncurryThis,notARegExp=notARegexp,requireObjectCoercible$2=requireObjectCoercible$6,toString$3=toString$6,correctIsRegExpLogic=correctIsRegexpLogic,stringIndexOf$1=functionUncurryThis("".indexOf);$$1({target:"String",proto:!0,forced:!correctIsRegExpLogic("includes")},{includes:function(e){return!!~stringIndexOf$1(toString$3(requireObjectCoercible$2(this)),toString$3(notARegExp(e)),1<arguments.length?arguments[1]:void 0)}});let usedColors$1=[];const getAvatarColor$1=()=>{var e=Math.floor(Math.random()*avatarColors.length);return usedColors$1.includes(e)?getAvatarColor$1():((usedColors$1=usedColors$1.length>=avatarColors.length/2?[]:usedColors$1).push(e),avatarColors[e])},Organizations=()=>{const n=useStyles$1()["classes"];var e=useSelector(selectUserOrgs);return useDispatch(),jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{color:"#2A323C",mb:1}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-user-details-org-tab-description",defaultMessage:"View the Organizations that this user is currently a part of.",description:"User details org tab description"})})),0<(null==e?void 0:e.length)?jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:e.map((e,t)=>{var r;return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{display:"flex",flexDirection:"row",alignItems:"center",py:4}},{children:[" ",null!=e&&e.imageUrl?jsxRuntime.exports.jsx(Avatar,{alt:""+(null==(r=null==(r=null==e?void 0:e.name)?void 0:r.charAt(0))?void 0:r.toUpperCase())+String(t+1)[0],src:null==e?void 0:e.imageUrl,className:n.orgAvatar,"data-testid":"ac-user-details-organization-image"}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:n.orgAvatar,sx:{background:""+getAvatarColor$1()},"data-testid":"ac-user-details-organization-fallback-image"},{children:null!=e&&e.name?""+(null==(r=null==(r=null==e?void 0:e.name)?void 0:r.charAt(0))?void 0:r.toUpperCase())+String(t)[0]:"--"})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",sx:{fontWeight:400},"data-testid":"ac-user-details-organization-tab-org-name"},{children:null!=e&&e.name?e.name:""}))]})),jsxRuntime.exports.jsx(Divider,{})]})})}):null]})};var anObject$2=anObject$d,regexpFlags$1=function(){var e=anObject$2(this),t="";return e.hasIndices&&(t+="d"),e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.dotAll&&(t+="s"),e.unicode&&(t+="u"),e.unicodeSets&&(t+="v"),e.sticky&&(t+="y"),t},fails$4=fails$k,global$3=global$n,$RegExp$2=global$n.RegExp,UNSUPPORTED_Y$1=fails$4(function(){var e=$RegExp$2("a","y");return e.lastIndex=2,null!=e.exec("abcd")}),MISSED_STICKY=UNSUPPORTED_Y$1||fails$4(function(){return!$RegExp$2("a","y").sticky}),BROKEN_CARET=UNSUPPORTED_Y$1||fails$4(function(){var e=$RegExp$2("^r","gy");return e.lastIndex=2,null!=e.exec("str")}),regexpStickyHelpers={BROKEN_CARET:BROKEN_CARET,MISSED_STICKY:MISSED_STICKY,UNSUPPORTED_Y:UNSUPPORTED_Y$1},fails$3=fails$k,global$2=global$n,$RegExp$1=global$n.RegExp,regexpUnsupportedDotAll=fails$3(function(){var e=$RegExp$1(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)}),fails$2=fails$k,global$1=global$n,$RegExp=global$n.RegExp,regexpUnsupportedNcg=fails$2(function(){var e=$RegExp("(?<a>b)","g");return"b"!==e.exec("b").groups.a||"bc"!=="b".replace(e,"$<a>c")}),call$2=functionCall,uncurryThis$4=functionUncurryThis,toString$2=toString$6,regexpFlags=regexpFlags$1,stickyHelpers=regexpStickyHelpers,shared=shared$4.exports,create=objectCreate,getInternalState=internalState.get,UNSUPPORTED_DOT_ALL=regexpUnsupportedDotAll,UNSUPPORTED_NCG=regexpUnsupportedNcg,nativeReplace=shared("native-string-replace",String.prototype.replace),nativeExec=RegExp.prototype.exec,patchedExec=nativeExec,charAt$3=uncurryThis$4("".charAt),indexOf=uncurryThis$4("".indexOf),replace$1=uncurryThis$4("".replace),stringSlice$3=uncurryThis$4("".slice),UPDATES_LAST_INDEX_WRONG=function(){var e=/a/,t=/b*/g;return call$2(nativeExec,e,"a"),call$2(nativeExec,t,"a"),0!==e.lastIndex||0!==t.lastIndex}(),UNSUPPORTED_Y=stickyHelpers.BROKEN_CARET,NPCG_INCLUDED=void 0!==/()??/.exec("")[1],PATCH=UPDATES_LAST_INDEX_WRONG||NPCG_INCLUDED||UNSUPPORTED_Y||UNSUPPORTED_DOT_ALL||UNSUPPORTED_NCG,regexpExec$2=patchedExec=PATCH?function(e){var t,r,n,o,s,a,i=this,l=getInternalState(i),e=toString$2(e),c=l.raw;if(c)return c.lastIndex=i.lastIndex,d=call$2(patchedExec,c,e),i.lastIndex=c.lastIndex,d;var u=l.groups,c=UNSUPPORTED_Y&&i.sticky,d=call$2(regexpFlags,i),l=i.source,p=0,$=e;if(c&&(d=replace$1(d,"y",""),-1===indexOf(d,"g")&&(d+="g"),$=stringSlice$3(e,i.lastIndex),0<i.lastIndex&&(!i.multiline||i.multiline&&"\n"!==charAt$3(e,i.lastIndex-1))&&(l="(?: "+l+")",$=" "+$,p++),t=new RegExp("^(?:"+l+")",d)),NPCG_INCLUDED&&(t=new RegExp("^"+l+"$(?!\\s)",d)),UPDATES_LAST_INDEX_WRONG&&(r=i.lastIndex),n=call$2(nativeExec,c?t:i,$),c?n?(n.input=stringSlice$3(n.input,p),n[0]=stringSlice$3(n[0],p),n.index=i.lastIndex,i.lastIndex+=n[0].length):i.lastIndex=0:UPDATES_LAST_INDEX_WRONG&&n&&(i.lastIndex=i.global?n.index+n[0].length:r),NPCG_INCLUDED&&n&&1<n.length&&call$2(nativeReplace,n[0],t,function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(n[o]=void 0)}),n&&u)for(n.groups=s=create(null),o=0;o<u.length;o++)s[(a=u[o])[0]]=n[a[1]];return n}:patchedExec,$=_export,exec=regexpExec$2,uncurryThis$3=(_export({target:"RegExp",proto:!0,forced:/./.exec!==exec},{exec:exec}),functionUncurryThis),defineBuiltIn=defineBuiltIn$6,regexpExec$1=regexpExec$2,fails$1=fails$k,wellKnownSymbol$1=wellKnownSymbol$j,createNonEnumerableProperty=createNonEnumerableProperty$5,SPECIES=wellKnownSymbol$1("species"),RegExpPrototype=RegExp.prototype,fixRegexpWellKnownSymbolLogic=function(r,e,t,n){var a,o=wellKnownSymbol$1(r),i=!fails$1(function(){var e={};return e[o]=function(){return 7},7!=""[r](e)}),s=i&&!fails$1(function(){var e=!1,t=/a/;return"split"===r&&((t={constructor:{}}).constructor[SPECIES]=function(){return t},t.flags="",t[o]=/./[o]),t.exec=function(){return e=!0,null},t[o](""),!e});i&&s&&!t||(a=uncurryThis$3(/./[o]),s=e(o,""[r],function(e,t,r,n,o){var e=uncurryThis$3(e),s=t.exec;return s===regexpExec$1||s===RegExpPrototype.exec?i&&!o?{done:!0,value:a(t,r,n)}:{done:!0,value:e(r,t,n)}:{done:!1}}),defineBuiltIn(String.prototype,r,s[0]),defineBuiltIn(RegExpPrototype,o,s[1])),n&&createNonEnumerableProperty(RegExpPrototype[o],"sham",!0)},uncurryThis$2=functionUncurryThis,toIntegerOrInfinity$1=toIntegerOrInfinity$5,toString$1=toString$6,requireObjectCoercible$1=requireObjectCoercible$6,charAt$2=uncurryThis$2("".charAt),charCodeAt=uncurryThis$2("".charCodeAt),stringSlice$2=uncurryThis$2("".slice),createMethod=function(o){return function(e,t){var r,e=toString$1(requireObjectCoercible$1(e)),t=toIntegerOrInfinity$1(t),n=e.length;return t<0||n<=t?o?"":void 0:(r=charCodeAt(e,t))<55296||56319<r||t+1===n||(n=charCodeAt(e,t+1))<56320||57343<n?o?charAt$2(e,t):r:o?stringSlice$2(e,t,t+2):n-56320+(r-55296<<10)+65536}},stringMultibyte={codeAt:createMethod(!1),charAt:createMethod(!0)},charAt$1=stringMultibyte.charAt,advanceStringIndex$1=function(e,t,r){return t+(r?charAt$1(e,t).length:1)},uncurryThis$1=functionUncurryThis,toObject=toObject$5,floor=Math.floor,charAt=uncurryThis$1("".charAt),replace=uncurryThis$1("".replace),stringSlice$1=uncurryThis$1("".slice),SUBSTITUTION_SYMBOLS=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,SUBSTITUTION_SYMBOLS_NO_NAMED=/\$([$&'`]|\d{1,2})/g,getSubstitution$1=function(s,a,i,l,c,e){var u=i+s.length,d=l.length,t=SUBSTITUTION_SYMBOLS_NO_NAMED;return void 0!==c&&(c=toObject(c),t=SUBSTITUTION_SYMBOLS),replace(e,t,function(e,t){var r;switch(charAt(t,0)){case"$":return"$";case"&":return s;case"`":return stringSlice$1(a,0,i);case"'":return stringSlice$1(a,u);case"<":r=c[stringSlice$1(t,1,-1)];break;default:var n,o=+t;if(0==o)return e;if(d<o)return 0!==(n=floor(o/10))&&n<=d?void 0===l[n-1]?charAt(t,1):l[n-1]+charAt(t,1):e;r=l[o-1]}return void 0===r?"":r})},call$1=functionCall,anObject$1=anObject$d,isCallable$1=isCallable$m,classof=classofRaw$1,regexpExec=regexpExec$2,$TypeError=TypeError,regexpExecAbstract=function(e,t){var r=e.exec;if(isCallable$1(r))return null!==(r=call$1(r,e,t))&&anObject$1(r),r;if("RegExp"===classof(e))return call$1(regexpExec,e,t);throw $TypeError("RegExp#exec called on incompatible receiver")},apply=functionApply,call=functionCall,uncurryThis=functionUncurryThis,fixRegExpWellKnownSymbolLogic=fixRegexpWellKnownSymbolLogic,fails=fails$k,anObject=anObject$d,isCallable=isCallable$m,toIntegerOrInfinity=toIntegerOrInfinity$5,toLength=toLength$2,toString=toString$6,requireObjectCoercible=requireObjectCoercible$6,advanceStringIndex=advanceStringIndex$1,getMethod=getMethod$4,getSubstitution=getSubstitution$1,regExpExec=regexpExecAbstract,wellKnownSymbol=wellKnownSymbol$j,REPLACE=wellKnownSymbol$j("replace"),max=Math.max,min=Math.min,concat=uncurryThis([].concat),push=uncurryThis([].push),stringIndexOf=uncurryThis("".indexOf),stringSlice=uncurryThis("".slice),maybeToString=function(e){return void 0===e?e:String(e)},REPLACE_KEEPS_$0="$0"==="a".replace(/./,"$0"),REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE=!!/./[REPLACE]&&""===/./[REPLACE]("a","$0"),REPLACE_SUPPORTS_NAMED_GROUPS=!fails(function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")});fixRegExpWellKnownSymbolLogic("replace",function(e,y,h){var x=REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE?"$":"$0";return[function(e,t){var r=requireObjectCoercible(this),n=null==e?void 0:getMethod(e,REPLACE);return n?call(n,e,r,t):call(y,toString(r),e,t)},function(e,t){var r=anObject(this),n=toString(e);if("string"==typeof t&&-1===stringIndexOf(t,x)&&-1===stringIndexOf(t,"$<")){e=h(y,r,n,t);if(e.done)return e.value}for(var o,s=isCallable(t),a=(s||(t=toString(t)),r.global),i=(a&&(o=r.unicode,r.lastIndex=0),[]);null!==(d=regExpExec(r,n))&&(push(i,d),a);)""===toString(d[0])&&(r.lastIndex=advanceStringIndex(n,toLength(r.lastIndex),o));for(var l="",c=0,u=0;u<i.length;u++){for(var d,p=toString((d=i[u])[0]),$=max(min(toIntegerOrInfinity(d.index),n.length),0),g=[],m=1;m<d.length;m++)push(g,maybeToString(d[m]));var f=d.groups,b=s?(b=concat([p],g,$,n),void 0!==f&&push(b,f),toString(apply(t,void 0,b))):getSubstitution(p,n,$,g,f,t);c<=$&&(l+=stringSlice(n,c,$)+b,c=$+p.length)}return l+stringSlice(n,c)}]},!REPLACE_SUPPORTS_NAMED_GROUPS||!REPLACE_KEEPS_$0||REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);const LoaderSkeletonItem=()=>jsxRuntime.exports.jsxs(ListItem,Object.assign({alignItems:"center",sx:{height:"83px"}},{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"circular",width:40,height:40})}),jsxRuntime.exports.jsx(ListItemText,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"text",width:150,height:30})}),jsxRuntime.exports.jsx(ListItemSecondaryAction,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"text",width:87,height:35})})]})),LoaderSkeleton=()=>jsxRuntime.exports.jsxs(List,{children:[jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{})]});let usedColors=[];const getAvatarColor=()=>{var e=Math.floor(Math.random()*avatarColors.length);return usedColors.includes(e)?getAvatarColor():((usedColors=usedColors.length>=avatarColors.length/2?[]:usedColors).push(e),avatarColors[e])},Applications=()=>{const n=useStyles$1()["classes"],e=useSelector(selectUserApplicationRoles),[t,r]=react.exports.useState("loading");return react.exports.useEffect(()=>{0<e.length&&r("success")},[e]),"loading"===t?jsxRuntime.exports.jsx(LoaderSkeleton,{}):jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{color:"#2A323C",mb:1}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-user-details-applications-tab-description",defaultMessage:"View the Applications this user has access to.",description:"User details applications tab description"})})),e.map((e,t)=>{var r;return jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"os-ac-user-details-applications-list"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:n.appContainer},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{display:"flex",flexDirection:"row",width:"70%"}},{children:[jsxRuntime.exports.jsx(Avatar,Object.assign({className:n.orgAvatar,sx:{background:""+getAvatarColor()}},{children:null!=e&&e.appName?""+(null==(r=null==(r=null==e?void 0:e.appName)?void 0:r.charAt(0))?void 0:r.toUpperCase())+String(t)[0]:"--"})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",sx:{fontWeight:400,display:"flex",alignItems:"center"},"data-testid":"ac-user-details-application-name"},{children:null!=e&&e.appName?e.appName.replace(/\b\w/g,e=>e.toUpperCase()):""}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({className:n.roleBox},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{color:"#5C6269",fontWeight:700}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-user-details-applications-tab-roles-label",defaultMessage:"Role: ",description:"User details applications tab description role label"})}))," ",jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{fontWeight:400},"data-testid":"ac-user-details.application-role"},{children:null!=e&&e.name?index.truncatedString(e.name.replace(/\b\w/g,e=>e.toUpperCase()),13):""}))]}))]}),e.id),jsxRuntime.exports.jsx(Divider,{})]}),e.id)})]})},PANEL_ID="USER_DETAILS_PANEL",UserDetailsPanel=({id:e})=>{const t=useSelector(selectUserById(e)),r=useStyles$1()["classes"],n=useDispatch();var o=useIntl();const[s,a]=react.exports.useState(0);var{panelHeader:o,panelCloseTitle:i,menuItemLabel:l}=userLabels(o);const c=useSelector(selectIsSuperAdmin),u=useSelector(selectUserOrgs),[d,p]=react.exports.useState(u&&(null==($=u[0])?void 0:$.id));react.exports.useEffect(()=>{c&&null!==t&&void 0!==t&&t.organizationGuids&&n(actions$1.fetchUserOrganizationsStart({orgGuids:(null===t||void 0===t?void 0:t.organizationGuids)||[]}))},[n]),react.exports.useEffect(()=>{var e;u&&p(u&&(null==(e=u[0])?void 0:e.id))},[n,u]);react.exports.useEffect(()=>{c&&d?n(actions$1.getUserApplicationRolesStart({userId:""+e,orgId:""+d})):n(actions$1.getUserApplicationRolesStart({userId:""+e,orgId:""+(null===t||void 0===t?void 0:t.organizationId)}))},[n,u,d]);var $=[{label:"Applications",disabled:!1,id:"applications",component:jsxRuntime.exports.jsx(Box,Object.assign({sx:{p:6,height:"calc(100vh - 325px)",overflow:"auto"}},{children:jsxRuntime.exports.jsx(Applications,{})}))}];return c&&$.push({label:"Organizations",disabled:!1,id:"organizations",component:jsxRuntime.exports.jsx(Box,Object.assign({sx:{p:6}},{children:jsxRuntime.exports.jsx(Organizations,{})}))}),e?jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx("div",Object.assign({className:r.panelRoot,"data-testid":"ac-user-details-panel-root"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:r.panelContainer},{children:[jsxRuntime.exports.jsx(Header,{userDetailsPanelHeader:o,userDetailsPanelClose:i,userMenu:l,handleClose:()=>{n(hidePanel(PANEL_ID)),n(actions$1.resetUserRoles())},onOrgChange:t=>{var e=u.find(e=>e.name===t);p(e.id)},userData:t,orgData:u,isSuperAdmin:c}),jsxRuntime.exports.jsxs("div",Object.assign({className:r.tabsContainer,"data-testid":"ac-user-details-panel-tabs"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:r.tabsParent},{children:jsxRuntime.exports.jsx(Tabs,Object.assign({onChange:(e,t)=>{a(t)},value:s},{children:$.map((e,t)=>{return jsxRuntime.exports.jsx(Tab,Object.assign({label:e.label,disabled:e.disabled},{id:"simple-tab-"+t,"aria-controls":"simple-tabpanel-"+t},{"data-testid":e.id+"-tab"}),e.id)})}))})),jsxRuntime.exports.jsx(Divider,{className:r.divider}),jsxRuntime.exports.jsx("div",{children:$.map((e,t)=>jsxRuntime.exports.jsx("div",Object.assign({className:r.secondBox},{children:jsxRuntime.exports.jsx(TabPanel,Object.assign({value:s,index:t},{children:e.component}))}),e.id))})]}))]}))}))}):null},useStyles=makeStyles()(e=>({root:{display:"flex",flexDirection:"column"},header:{display:"flex",justifyContent:"space-between",padding:e.spacing(4),borderBottom:"0.5px solid "+e.palette.divider,"& button":{height:"28px"}},tableWrapper:{height:"calc(100vh - 55px - 64px - 69px - 22px)",overflow:"hidden"},toolbar:{alignItems:"baseline","& button svg":{marginRight:"5px"},display:"flex",justifyContent:"center"},addUserBtn:{"& svg":{marginRight:"10px",height:"14px",width:"14px"}}})),UsersPanel=({isPanelFullScreen:e})=>{var t=useStyles()["classes"];const r=useDispatch();var n=useSelector(organizations_selector.selectPendingOrgInvites);const o=useSelector(userSelector);react.exports.useEffect(()=>{r(actions$2.organizationInvitesState.fetchPendingInvitesStart(o.organization.organizationId))},[]);n=jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("section",Object.assign({className:t.root},{children:jsxRuntime.exports.jsxs("header",Object.assign({className:t.header},{children:[jsxRuntime.exports.jsx(Box,Object.assign({sx:{mr:15,display:"flex",verticalAlign:"center","& h5":{lineHeight:"28px"}}},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5","data-testid":"org-applications.header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.users.table.header",defaultMessage:"Users",description:"Users Header"})}))})),jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsxs(Button,Object.assign({variant:"outlined",onClick:()=>handleViewRequests(r,e)},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.users.user-requests.btn",defaultMessage:"User Requests",description:"User Requests tab button"})," ","(",n.length,")"]})),jsxRuntime.exports.jsxs(Button,Object.assign({variant:"contained",sx:{ml:"13px"},className:t.addUserBtn,onClick:()=>handleClickInviteUsers(r,e)},{children:[jsxRuntime.exports.jsx(AddUser,{}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.users.invite-user.btn",defaultMessage:"Invite User",description:"Invite User tab button"})]}))]})]}))})),jsxRuntime.exports.jsx("div",Object.assign({className:t.tableWrapper},{children:jsxRuntime.exports.jsx(UserTable,{})}))]});return e?jsxRuntime.exports.jsx(AIWareThemeProvider,{children:n}):n};export{UserDetailsPanel,UsersPanel,actions,getAdminCenterUsersModule,initialState,namespace,rootReducer};
|
package/js-core.esm52.js.gz
CHANGED
|
Binary file
|