aiware-js 2.43.0 → 2.44.1

package/js-core.esm45.js

@@ -61,4 +61,4 @@ import{m as makeStyles,a1 as createSlice,gi as md5,co as combineReducers,o as us
             }
           }
         }
-      `,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,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: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;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: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};
+      `,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,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: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&&1<s.length&&jsxRuntime.exports.jsx(Select,Object.assign({name:"orgs-select",className:b.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: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.esm47.js

@@ -12,10 +12,7 @@ import{i as createSvgIcon,k as interopRequireDefault,j as jsxRuntime,m as makeSt
           id
           engines(
             limit: $limit
-            filter: {
-              ${s?"supportedInputFormats: [$format],":""}
-              state: active
-            }
+            ${s?"filter: { state: active, engineTemplateInputTypes: {inputTypes: [$format], matchAny: true} }":"filter: { state: active}"}
           ) {
             count
             offset

package/js-core.esm48.js

@@ -1,4 +1,4 @@
-import{a1 as createSlice,v as lodash,co as combineReducers,cp as createSelector,a7 as rootApiSelector,a9 as graphEndpointSelector,a8 as sessionTokenSelector,m as makeStyles,n as useDispatch,r as react,j as jsxRuntime,H as classNames,T as Typography,M as IconButton,cJ as MoreVert,ar as Tooltip,c7 as Hide,cK as Menu,U as MenuItem,aj as ListItemIcon,cL as Edit,W as Divider,cN as Delete,cq as fork,cR as validate,cs as AIWareThemeProvider,a4 as DynamicModuleLoader,A as AIWareIntlProvider,bM as AIWareCacheProvider,F as FormattedMessage,cF as hidePanel,av as takeLatest$1,cG as mountPanel,o as useSelector,G as Grid,c as Paper,gr as Input,E as TextField,bb as default_1,ay as select,a5 as preferredLanguageSelector,ax as put,aA as call,c9 as showMessage,ca as MessageSeverity,cE as delay,gs as getElement,gt as client,P as Provider,s as store,am as all,cT as baseGraphQLApiWithError,aR as Dialog,b7 as DialogTitle,b8 as DialogContent,cH as DialogContentText,b9 as DialogActions,V as Button,bl as AIWareFormatMessage,aT as TableContainer,aU as Table,aZ as TableBody,N as Select,aV as TableHead,aW as TableRow,aX as TableCell,aY as TableSortLabel,au as Skeleton,cQ as img$1A,cV as Add,c_ as Filter,cP as useBackupImg,cr as statusPill}from"./js-core.esm.js";import{E as EntityTags}from"./js-core.esm22.js";import{C as Container$1}from"./js-core.esm6.js";import{A as Autocomplete}from"./js-core.esm24.js";import{P as Pagination}from"./js-core.esm26.js";import"./js-core.esm14.js";import"./js-core.esm19.js";import"./js-core.esm12.js";import"./js-core.esm18.js";const SLICE_NAME="appCenterBrowse";var AppType,AppConfigType,ModuleRepo,ModuleStatus;!function(e){e.Apps="apps",e.QueryOptions="queryOptions",e.TotalAppsInQuery="totalAppsInQuery"}(AppType=AppType||{}),function(e){e.String="String",e.Boolean="Boolean",e.Date="Date",e.Integer="Integer",e.JSON="JSON",e.Float="Float"}(AppConfigType=AppConfigType||{}),function(e){e.NPM="npm",e.Github="github"}(ModuleRepo=ModuleRepo||{}),function(e){e.ACTIVE="active",e.DELETED="deleted"}(ModuleStatus=ModuleStatus||{});const initialAppDetails={appId:null},namespace$3="uiState",initialState$3={status:"idle",appDetails:initialAppDetails,isEditing:!1},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$3,reducers:{initApps(e){e.status="pending"},fetchingApps(e){e.status="pending"},fetchingDone(e){e.status="idle"},fetchingFailed(e){e.status="failure"},toggleAppDetails(e,{payload:t}){t.id?e.appDetails.appId=t.id:delete e.appDetails.appId},toggleEditApp(e,{payload:t}){t?(e.appDetails.appId=t,e.isEditing=!0):(delete e.appDetails.appId,e.isEditing=!1)},confirmDeleteApp(e,{}){e.status="idle"}}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="apps",initialState$2={apps:{},queryOptions:{limit:10,page:1,orderBy:[{field:"createdDateTime",direction:"desc"}]},totalAppsInQuery:0},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$2,reducers:{appsFetchSucceeded(e,t){var s=null==(s=null==(s=t.payload)?void 0:s.results)?void 0:s.records,s=lodash.exports.keyBy(s,"id");e[AppType.Apps]=s,t.payload.totalResults&&(e[AppType.TotalAppsInQuery]=null==(e=null==(s=t.payload)?void 0:s.totalResults)?void 0:e.count)},mutateApplicationWorkflow(e,t){t=t.payload;e[AppType.Apps][t.id].status="updating"},mutateApplicationWorkflowSuccess(e,t){var{id:t,status:s,validStateActions:a}=t.payload;e[AppType.Apps][t].status=s,e[AppType.Apps][t].validStateActions=a},refreshAppStateSuccess(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},deleteApp(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleting"},deleteAppSuccess(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleted"},deleteAppFailed(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},setQueryOptions(e,t){t=t.payload;e[AppType.QueryOptions]=Object.assign(Object.assign({},e[AppType.QueryOptions]),t)}}}),actions$2=slice$1.actions;var appsState=slice$1.reducer;const namespace$1="filterState",initialState$1={filter:{name:"",entityTags:[],status:"",created:{startDate:"",endDate:"",isSearch:!1},lastUpdated:{startDate:"",endDate:"",isSearch:!1}}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState$1,reducers:{setFilters(e,{payload:t}){e.filter=t.filter}}}),actions$1=slice.actions;var filterState=slice.reducer;const namespace=SLICE_NAME,initialState={[namespace$3]:initialState$3,[namespace$2]:initialState$2,[namespace$1]:initialState$1},actions={[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$3]:uiState,[namespace$2]:appsState,[namespace$1]:filterState});var index=Object.freeze({__proto__:null,namespace:namespace,initialState:initialState,actions:actions,rootReducer:rootReducer});function __awaiter(e,o,r,l){return new(r=r||Promise)(function(s,t){function a(e){try{n(l.next(e))}catch(e){t(e)}}function i(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?s(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,i)}n((l=l.apply(e,o||[])).next())})}const applicationFieldsFragment=`fragment applicationFields on Application {
+import{a1 as createSlice,v as lodash,co as combineReducers,cp as createSelector,a7 as rootApiSelector,a9 as graphEndpointSelector,a8 as sessionTokenSelector,m as makeStyles,n as useDispatch,r as react,j as jsxRuntime,H as classNames,T as Typography,M as IconButton,cJ as MoreVert,ar as Tooltip,c7 as Hide,cK as Menu,U as MenuItem,aj as ListItemIcon,cL as Edit,W as Divider,cN as Delete,cq as fork,cR as validate,cs as AIWareThemeProvider,a4 as DynamicModuleLoader,A as AIWareIntlProvider,bM as AIWareCacheProvider,F as FormattedMessage,cF as hidePanel,av as takeLatest$1,cG as mountPanel,o as useSelector,G as Grid,c as Paper,gr as Input,E as TextField,bb as default_1,ay as select,a5 as preferredLanguageSelector,ax as put,aA as call,c9 as showMessage,ca as MessageSeverity,cE as delay,gs as getElement,gt as client,P as Provider,s as store,am as all,cT as baseGraphQLApiWithError,aR as Dialog,b7 as DialogTitle,b8 as DialogContent,cH as DialogContentText,b9 as DialogActions,V as Button,bl as AIWareFormatMessage,aT as TableContainer,aU as Table,aZ as TableBody,N as Select,aV as TableHead,aW as TableRow,aX as TableCell,aY as TableSortLabel,au as Skeleton,cQ as img$1A,cV as Add,c_ as Filter,cP as useBackupImg,cr as statusPill}from"./js-core.esm.js";import{E as EntityTags}from"./js-core.esm22.js";import{C as Container}from"./js-core.esm6.js";import{A as Autocomplete}from"./js-core.esm24.js";import{P as Pagination}from"./js-core.esm26.js";import"./js-core.esm14.js";import"./js-core.esm19.js";import"./js-core.esm12.js";import"./js-core.esm18.js";const SLICE_NAME="appCenterBrowse";var AppType,AppConfigType,ModuleRepo,ModuleStatus;!function(e){e.Apps="apps",e.QueryOptions="queryOptions",e.TotalAppsInQuery="totalAppsInQuery"}(AppType=AppType||{}),function(e){e.String="String",e.Boolean="Boolean",e.Date="Date",e.Integer="Integer",e.JSON="JSON",e.Float="Float"}(AppConfigType=AppConfigType||{}),function(e){e.NPM="npm",e.Github="github"}(ModuleRepo=ModuleRepo||{}),function(e){e.ACTIVE="active",e.DELETED="deleted"}(ModuleStatus=ModuleStatus||{});const initialAppDetails={appId:null},namespace$3="uiState",initialState$3={status:"idle",appDetails:initialAppDetails,isEditing:!1},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$3,reducers:{initApps(e){e.status="pending"},fetchingApps(e){e.status="pending"},fetchingDone(e){e.status="idle"},fetchingFailed(e){e.status="failure"},toggleAppDetails(e,{payload:t}){t.id?e.appDetails.appId=t.id:delete e.appDetails.appId},toggleEditApp(e,{payload:t}){t?(e.appDetails.appId=t,e.isEditing=!0):(delete e.appDetails.appId,e.isEditing=!1)},confirmDeleteApp(e,{}){e.status="idle"}}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="apps",initialState$2={apps:{},queryOptions:{limit:10,page:1,orderBy:[{field:"createdDateTime",direction:"desc"}]},totalAppsInQuery:0},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$2,reducers:{appsFetchSucceeded(e,t){var s=null==(s=null==(s=t.payload)?void 0:s.results)?void 0:s.records,s=lodash.exports.keyBy(s,"id");e[AppType.Apps]=s,t.payload.totalResults&&(e[AppType.TotalAppsInQuery]=null==(e=null==(s=t.payload)?void 0:s.totalResults)?void 0:e.count)},mutateApplicationWorkflow(e,t){t=t.payload;e[AppType.Apps][t.id].status="updating"},mutateApplicationWorkflowSuccess(e,t){var{id:t,status:s,validStateActions:a}=t.payload;e[AppType.Apps][t].status=s,e[AppType.Apps][t].validStateActions=a},refreshAppStateSuccess(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},deleteApp(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleting"},deleteAppSuccess(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleted"},deleteAppFailed(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},setQueryOptions(e,t){t=t.payload;e[AppType.QueryOptions]=Object.assign(Object.assign({},e[AppType.QueryOptions]),t)}}}),actions$2=slice$1.actions;var appsState=slice$1.reducer;const namespace$1="filterState",initialState$1={filter:{name:"",entityTags:[],status:"",created:{startDate:"",endDate:"",isSearch:!1},lastUpdated:{startDate:"",endDate:"",isSearch:!1}}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState$1,reducers:{setFilters(e,{payload:t}){e.filter=t.filter}}}),actions$1=slice.actions;var filterState=slice.reducer;const namespace=SLICE_NAME,initialState={[namespace$3]:initialState$3,[namespace$2]:initialState$2,[namespace$1]:initialState$1},actions={[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$3]:uiState,[namespace$2]:appsState,[namespace$1]:filterState});var index=Object.freeze({__proto__:null,namespace:namespace,initialState:initialState,actions:actions,rootReducer:rootReducer});function __awaiter(e,o,r,l){return new(r=r||Promise)(function(s,t){function a(e){try{n(l.next(e))}catch(e){t(e)}}function i(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?s(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,i)}n((l=l.apply(e,o||[])).next())})}const applicationFieldsFragment=`fragment applicationFields on Application {
     id
     name
     description
@@ -108,4 +108,4 @@ import{a1 as createSlice,v as lodash,co as combineReducers,cp as createSelector,
             ...applicationFields
          }
         }
-      `;return yield baseGraphQLApiWithError(Object.assign({query:t,variables:{input:a},operationName:e},s))}),deleteApp$1=(t,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="deleteApplication";return yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation deleteApplication ($id: ID!) {\n      deleteApplication(id: $id) {\n        id\n        message\n      }\n    }\n  ",variables:{id:s},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status,selectApps=e=>e[namespace].apps[AppType.Apps],selectQueryOptions=e=>e[namespace].apps[AppType.QueryOptions],selectTotalAppsInQuery=e=>e[namespace].apps[AppType.TotalAppsInQuery],selectFilters=e=>e[namespace]?e[namespace].filterState.filter:{},selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,s)=>({apiRoot:e,graphQLEndpoint:t,token:s})),APP_CENTER_TEXT={cancel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.cancel",defaultMessage:"Cancel",description:"Cancel"}),delete:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.delete",defaultMessage:"Delete",description:"Delete"}),close:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.close",defaultMessage:"CLOSE",description:"Close"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"}),deleteApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.deleteApp",defaultMessage:"Delete Application",description:"Delete Application"}),editApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.editApp",defaultMessage:"Edit Application",description:"Edit Application"}),appDetails:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.appDetails",defaultMessage:"Application Details",description:"Application Details"})},ConfirmDelete=({open:e,appName:t,testName:s,handleCloseConfirmDelete:a,handleConfirmDelete:i})=>jsxRuntime.exports.jsxs(Dialog,Object.assign({"data-test":s,open:e,onClose:a,maxWidth:"xs","aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"alert-dialog-title"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-title",defaultMessage:"Confirm Delete",description:"Title of the delete app confirmation modal"})}))})),jsxRuntime.exports.jsx(DialogContent,{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"alert-dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-message",defaultMessage:"Are you sure you want to delete {appName}? This action can not be undone.",description:"This message is show when prompting the user to confirm the delete of an app from the apps list",values:{appName:t}})}))}),jsxRuntime.exports.jsxs(DialogActions,{children:[jsxRuntime.exports.jsx(Button,Object.assign({color:"secondary",onClick:a},{children:APP_CENTER_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:i,autoFocus:!0},{children:APP_CENTER_TEXT.delete()}))]})]})),useStyles$7=makeStyles()(e=>({panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1},divider:{marginBottom:e.spacing(2)},appHeader:{minHeight:"120px"},headerInfo:{paddingLeft:e.spacing(4)},appInfo:{paddingTop:e.spacing(6)},appInfoBody:{paddingLeft:e.spacing(4),paddingTop:e.spacing(3)},appOverview:{paddingTop:e.spacing(6),bottom:e.spacing(6),minHeight:"120px"},sectionTitle:{paddingBottom:e.spacing(3)},textContent:{fontStyle:"normal",fontWeight:400,fontSize:14,lineHeight:20},titleInline:{fontWeight:600,marginRight:e.spacing(1)},contentRow:{paddingBottom:e.spacing(3)},appDescription:{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},appVersion:{paddingLeft:e.spacing(3)},appMainLayout:{paddingTop:e.spacing(2)},appTabPanels:{width:"100%"},appContainer:{paddingLeft:e.spacing(3),paddingTop:e.spacing(2)}})),visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;const PanelHeader=({appId:e})=>{const t=useDispatch();var s=useStyles$7()["classes"];const[a,i]=react.exports.useState(null);var n=()=>{i(null)};return jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(s.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{i(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(hidePanel("APPLICATION_DETAILS_PANEL"))},"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:a,open:Boolean(a),onClose:n,onBlur:n,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:()=>{t(actions.uiState.toggleEditApp(e))}},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:()=>{t(actions.uiState.confirmDeleteApp({id:e}))}},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]}))};function*fetchApplications(){var e=yield select(selectApiConfigs),t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);if(e)try{yield put(actions.uiState.fetchingApps());var s=yield call(getApplications,e);yield put(actions.apps.appsFetchSucceeded(s)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:t({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}function*fetchFilterApplications(e){yield delay(650);var{page:t,limit:s,orderBy:a}=yield select(selectQueryOptions);if("appCenterBrowse/filterState/setFilters"===e.type&&1!==t)yield put(actions.apps.setQueryOptions({page:1,limit:s,orderBy:a}));else{var e=yield select(selectFilters),i={},e=(lodash.exports.isEmpty(e.name)||(i.name=e.name),lodash.exports.isEmpty(e.status)||(i.status=e.status),lodash.exports.isEmpty(e.entityTags)||(i.entityTags=lodash.exports.map(e.entityTags,e=>({key:e.tagKey}))),e.created.isSearch&&(i.dateTimeFilter=[{field:"createdDateTime",fromDateTime:e.created.startDate,toDateTime:e.created.endDate}]),e.lastUpdated.isSearch&&(i.dateTimeFilter=[...i.dateTimeFilter||[],{field:"modifiedDateTime",fromDateTime:e.lastUpdated.startDate,toDateTime:e.lastUpdated.endDate}]),{page:t,limit:s,orderBy:a,filter:i}),t=yield select(selectApiConfigs),s=yield select(preferredLanguageSelector),a=AIWareFormatMessage(s);if(t)try{yield put(actions.uiState.fetchingApps());var n=yield call(getApplicationsWithFilter,t,e);yield put(actions.apps.appsFetchSucceeded(n)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}}function*mutateAppWorkflow(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{var e=(yield call(applicationWorkflow,s,t)).applicationWorkflow;yield put(actions.apps.mutateApplicationWorkflowSuccess(e)),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appSuccessAction",defaultMessage:[{type:0,value:"App successfully "},{type:1,value:"action"},{type:0,value:"d"}]},{action:t.action}),severity:MessageSeverity.Success}))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appFailedAction",defaultMessage:[{type:0,value:"App failed to "},{type:1,value:"action"}]},{action:t.action}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.refreshAppStateSuccess(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*deleteApp(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{yield call(deleteApp$1,s,t.id),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-success",defaultMessage:[{type:0,value:"App successfully deleted"}]}),severity:MessageSeverity.Success})),yield put(actions.apps.deleteAppSuccess(t))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-fail",defaultMessage:[{type:0,value:"App failed to be deleted"}]}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.deleteAppFailed(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*toggleAppDetails(e){e=e.payload;if(!e)return yield put(hidePanel("APP_CENTER_DETAILS"));e={name:"APPLICATION_DETAILS_PANEL",config:{name:"Application Details",applicationId:e.id,disableInstallFeature:!0,headerComponent:jsxRuntime.exports.jsx(PanelHeader,{appId:e.id}),appIsOwned:!0}};yield put(mountPanel({panelId:"APPLICATION_DETAILS_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge",zIndex:1001}}))}function*toggleEditApp(e){e=e.payload;if(!e)return yield put(hidePanel("APP_CENTER_DETAILS"));yield put(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"Edit app",appId:e}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Edit app",divider:!0},marginTop:55,size:"xlarge",zIndex:1002}})),yield put(hidePanel("APPLICATION_DETAILS_PANEL"))}const rootHash={};function*confirmDeleteApp(e){const t=e["payload"];t.closeModal?(rootHash.confirmDeleteRoot.unmount(),delete rootHash.confirmDeleteRoot):(yield select(selectApiConfigs))&&((e=getElement("confirm-delete-root")).classList.add("aiware-el"),e=client.createRoot(e),(rootHash.confirmDeleteRoot=e).render(jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(Provider,Object.assign({store:store},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(ConfirmDelete,{open:!t.closeModal,appName:t.name||"this application",testName:"application-details-panel.delete-confirmation-modal",handleCloseConfirmDelete:()=>__awaiter(this,void 0,void 0,function*(){return yield store.dispatch(actions.uiState.confirmDeleteApp({id:t.id,closeModal:!0}))}),handleConfirmDelete:()=>__awaiter(this,void 0,void 0,function*(){yield store.dispatch(actions.apps.deleteApp({id:t.id})),yield store.dispatch(actions.uiState.confirmDeleteApp({id:t.id,closeModal:!0})),yield store.dispatch(hidePanel("APPLICATION_DETAILS_PANEL"))})})})}))})})))}function*watchFetchApp(){yield takeLatest$1([actions.uiState.initApps.type],fetchApplications)}function*watchSetFilters(){yield takeLatest$1(actions.filterState.setFilters.type,fetchFilterApplications)}function*watchSetQueryOptions(){yield takeLatest$1(actions.apps.setQueryOptions.type,fetchFilterApplications)}function*watchAppWorkflow(){yield takeLatest$1(actions.apps.mutateApplicationWorkflow.type,mutateAppWorkflow)}function*watchDeleteApp(){yield takeLatest$1(actions.apps.deleteApp.type,deleteApp)}function*watchToggleAppDetails(){yield takeLatest$1(actions.uiState.toggleAppDetails.type,toggleAppDetails)}function*watchToggleEditApp(){yield takeLatest$1(actions.uiState.toggleEditApp.type,toggleEditApp)}function*watchconfirmDeleteApp(){yield takeLatest$1(actions.uiState.confirmDeleteApp.type,confirmDeleteApp)}const appSagas=[fork(watchSetFilters),fork(watchSetQueryOptions),fork(watchFetchApp),fork(watchAppWorkflow),fork(watchDeleteApp),fork(watchToggleAppDetails),fork(watchToggleEditApp),fork(watchconfirmDeleteApp)];function*rootSaga(){yield all([...appSagas])}function getAppCenterBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$6=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:e.spacing(4),width:"100%",padding:e.spacing(6)},imgContainer:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(4),border:"20px solid #C2C6CF",borderRadius:"50%",overflow:"hidden",width:350,aspectRatio:"1 / 1",opacity:.25},logo:{width:"70%",height:"70%",objectFit:"contain"},tableContainer:{overflowX:"initial"},table:{"& td":{verticalAlign:"middle",fontWeight:600}},paginationContainer:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:e.spacing(3),padding:e.spacing(3)},noResultsContainer:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}})),mountAppCenterNew=e=>{e(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"New App Onboarding"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"New App Onboarding",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3}}))},useStyles$5=makeStyles()(e=>({header:{alignItems:"center",display:"flex",zIndex:10,width:"100%",background:"#fff"},marginRight:{marginRight:e.spacing(2)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"}})),Header=()=>{var e=useStyles$5()["classes"];const t=useDispatch();var s=()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.BbPEYs",defaultMessage:"Filter",description:"button to open up a filter panel for apps"});return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-test":"app-center-browse-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-test":"app-center-browse-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.3G70xl",defaultMessage:"Applications",description:"Header Title for Apps Table"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({className:e.marginRight,onClick:()=>{mountAppCenterNew(t)},color:"primary",variant:"contained","data-test":"app-center-browse-add-new"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.TuUJVi",defaultMessage:"Add New",description:"Label of a button that allows user to create a new app"})})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-center-browse-filter-panel"},{children:jsxRuntime.exports.jsx(s,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(s,{})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(mountPanel({panelId:"APP_CENTER_FILTER",microFrontend:{name:"APP_CENTER_FILTER",config:{name:"App Filter"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"App Filter",divider:!0},marginTop:55,size:"small",zIndex:1e3}}))},"aria-labelledby":"app-center-browse-filter-panel","data-test":"app-center-browse-filter-panel",size:"large"},{children:jsxRuntime.exports.jsx(Filter,{})}))}))]}))]}))},useStyles$4=makeStyles()(e=>({appListHeader:{position:"sticky",top:0,background:"#fff",zIndex:20},appHeaderCell:{padding:"10px 20px 10px 20px"}})),AppsListTableHeader=()=>{const a=useDispatch(),i=useStyles$4()["classes"],n=useSelector(selectQueryOptions)["orderBy"];return jsxRuntime.exports.jsxs(TableHead,Object.assign({className:i.appListHeader},{children:[jsxRuntime.exports.jsx(TableRow,{children:jsxRuntime.exports.jsx(TableCell,Object.assign({className:i.appHeaderCell,colSpan:10},{children:jsxRuntime.exports.jsx(Header,{})}))}),jsxRuntime.exports.jsxs(TableRow,{children:[jsxRuntime.exports.jsx(TableCell,{}),lodash.exports.map([{id:"name",label:"Application Name"},{id:"status",label:"Status"},{id:"url",label:"URL"},{id:"createdDateTime",label:"Date Created"},{id:"modifiedDateTime",label:"Last Modified"}],e=>{var t,s;return jsxRuntime.exports.jsx(TableCell,Object.assign({className:i.appHeaderCell,"data-test":"apps-list-table-header-app-"+e.label,sortDirection:(null==(t=n[0])?void 0:t.field)===e.id&&n[0].direction},{children:jsxRuntime.exports.jsx(TableSortLabel,Object.assign({active:(null==(t=n[0])?void 0:t.field)===e.id,direction:(null==(t=n[0])?void 0:t.field)===e.id?null==(t=n[0])?void 0:t.direction:"asc",onClick:(s=e.id,()=>{let e="asc";var t=(null==(t=n[0])?void 0:t.field)===s&&n[0].direction;t&&"asc"===t&&(e="desc"),a(actions.apps.setQueryOptions({orderBy:[{field:s,direction:e}],page:1}))})},{children:e.label}))}),e.id)}),jsxRuntime.exports.jsx(TableCell,{})]})]}))},AppRowSkeleton=()=>jsxRuntime.exports.jsxs(TableRow,Object.assign({hover:!0},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({style:{paddingRight:0}},{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"circular",width:28,height:28})})),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22,width:400})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{})]})),formatDate=e=>{return e?(e=new Date(e)).toLocaleDateString()+" "+e.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0}):"--/--/-- --:-- --"},useStyles$3=makeStyles()(e=>({root:{borderRadius:"50%",border:"2px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden"},small:{width:e.spacing(6),height:e.spacing(6)},medium:{width:e.spacing(9),height:e.spacing(9)},large:{width:e.spacing(12),height:e.spacing(12)},xlarge:{width:e.spacing(16),height:e.spacing(16)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),CircledLogo=({size:e="medium",path:t,altText:s=""})=>{var a=useStyles$3()["classes"],[t,i]=useBackupImg(t,img$1A);return jsxRuntime.exports.jsx("div",Object.assign({className:a.root+" "+a[e]},{children:jsxRuntime.exports.jsx("img",{className:a.logo+" "+(t==img$1A&&a.veritoneLogo),src:t,alt:s,onError:i})}))},StatusPill=statusPill["jsx"],useStyles$2=makeStyles()(e=>({iconCell:{width:50,paddingRight:0},truncateText:{display:"block",maxWidth:"220px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),AppsListRow=({app:a})=>{const[e,i]=react.exports.useState(null),[t,n]=react.exports.useState(!1),o=useDispatch();var s=useStyles$2()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(TableRow,Object.assign({onClick:()=>{"deleted"!==a.status&&o(actions.uiState.toggleAppDetails({id:a.id,name:a.name}))},style:{cursor:"deleted"!==a.status&&"pointer"},hover:!0,"data-test":"apps-list-table-row","data-test-app-id":a.id},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.iconCell},{children:jsxRuntime.exports.jsx(CircledLogo,{size:"small",path:a.signedIconUrl,altText:a.name+" Logo"})})),jsxRuntime.exports.jsx(TableCell,{children:a.name}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(StatusPill,{statusType:"application",status:a.status})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx("div",Object.assign({className:s.truncateText},{children:a.url}))}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.createdDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.modifiedDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disabled:"deleted"===a.status,"aria-label":"more options",onClick:e=>{i(e.currentTarget),e.stopPropagation()},"data-test":"app-row-action-trigger",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})}))}),jsxRuntime.exports.jsx(Menu,Object.assign({anchorEl:e,open:Boolean(e),onClose:()=>{i(null)}},{children:!lodash.exports.isEmpty(a.validStateActions)&&lodash.exports.map(a.validStateActions,s=>jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:e=>{return t=s,e.stopPropagation(),"enable"!==t&&"disable"!==t&&"approve"!==t&&"deploy"!==t&&"reject"!==t&&"submit"!==t||o(actions.apps.mutateApplicationWorkflow({id:a.id,action:t})),"delete"===t&&n(!0),"edit"===t&&o(actions.uiState.toggleEditApp(a.id)),void i(null);var t},"data-test":"app-row-action-button-"+s},{children:s}),s))}))]})),jsxRuntime.exports.jsx(ConfirmDelete,{open:t,appName:a.name,testName:"os-app-center-browse.app-list-row.delete-confirmation-modal",handleCloseConfirmDelete:()=>{n(!1)},handleConfirmDelete:()=>{o(actions.apps.deleteApp({id:a.id})),n(!1)}})]})},NoResults=()=>{var e=useStyles$6()["classes"];const t=useDispatch();return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.imgContainer},{children:jsxRuntime.exports.jsx("img",{className:e.logo,src:img$1A,alt:"Veritone Logo"})})),jsxRuntime.exports.jsx("h2",Object.assign({"data-test":"ac-browse-no-results-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"applicationsListTable.noResults.message",defaultMessage:"No applications found...",description:"No results found message"})})),jsxRuntime.exports.jsx(Button,Object.assign({className:"test-class",variant:"contained",size:"large",onClick:()=>mountAppCenterNew(t),startIcon:jsxRuntime.exports.jsx(Add,{})},{children:"Add New"}))]}))},AppsListTable=({baseRedirectUrl:t})=>{var e=useStyles$6()["classes"],s=useSelector(selectUIStateStatus);const a=useSelector(selectApps),i=useSelector(selectQueryOptions);var n=useSelector(selectTotalAppsInQuery);const o=useDispatch();return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TableContainer,Object.assign({className:e.tableContainer},{children:jsxRuntime.exports.jsxs(Table,Object.assign({className:e.table,stickyHeader:!0},{children:[jsxRuntime.exports.jsx(AppsListTableHeader,{}),jsxRuntime.exports.jsxs(TableBody,{children:["pending"===s?lodash.exports.times(10,()=>jsxRuntime.exports.jsx(AppRowSkeleton,{},Math.random())):lodash.exports.map(lodash.exports.keys(a),e=>jsxRuntime.exports.jsx(AppsListRow,{baseRedirectUrl:t,app:a[e]},e)),jsxRuntime.exports.jsx("div",Object.assign({className:e.noResultsContainer},{children:"pending"!==s&&lodash.exports.isEmpty(a)&&jsxRuntime.exports.jsx(NoResults,{})}))]})]}))})),!!n&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.paginationContainer},{children:[jsxRuntime.exports.jsx(Typography,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.sCzlFD",defaultMessage:"Rows per page: ",description:"Rows per page"})}),jsxRuntime.exports.jsxs(Select,Object.assign({value:i.limit||10,onChange:e=>{o(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{limit:e.target.value,page:1})))},"data-test":"apps-list-per-page-select",MenuProps:{style:{zIndex:1500}}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:10},{children:"10"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:20,"data-test":"apps-list-twenty-per-page"},{children:"20"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:30},{children:"30"}))]})),jsxRuntime.exports.jsx(Pagination,{count:Math.ceil(n/i.limit),page:i.page,onChange:(e,t)=>{o(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{page:t})))}})]}))]})},useStyles$1=makeStyles()(e=>({panel:{width:"100%",height:"100%",overflow:"auto",backgroundColor:e.palette.background.paper}})),MainLayout$1=({baseRedirectUrl:e})=>{var t=useStyles$1()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-browse-widget",className:t.panel},{children:jsxRuntime.exports.jsx(AppsListTable,{baseRedirectUrl:e})}))};function isDeveloperDomain(){return/^(developer\.(((dev|prod)\.)?([a-zA-Z0-9\-]*\.)?)?veritone\.com|localhost|local\.veritone)/.test(window.location.hostname)}const Content=e=>{const t=useDispatch(),{apiRoot:s,graphQLEndpoint:a,token:i}=useSelector(selectApiConfigs);return react.exports.useEffect(()=>{s&&a&&i&&t(actions.uiState.initApps())},[s,a,i,t]),s&&a&&i?jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)):null},AppCenterBrowse=e=>{const s=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?s(actions.uiState.toggleAppDetails({id:t})):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(s))},[s]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})})}))})},ActionPanel=({onClose:e,onDelete:t,onEdit:s,children:a})=>{var i=useStyles$7()["classes"];const[n,o]=react.exports.useState(null);var r=()=>{o(null)};return jsxRuntime.exports.jsx("div",Object.assign({className:classNames(i.panelRoot),"data-test":"app-details-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:i.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(i.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{o(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:n,open:Boolean(n),onClose:r,onBlur:r,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:s},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:t},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:i.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:i.panelBody},{children:a}))]}))}))},MainLayout=()=>jsxRuntime.exports.jsx("div",{children:"MainLayout"}),AppCenterDetails=({appId:e})=>{const t=useDispatch();return jsxRuntime.exports.jsx(ActionPanel,Object.assign({onClose:()=>{t(hidePanel("APP_CENTER_DETAILS"))},onDelete:()=>{console.log("handleDelete")},onEdit:()=>{console.log("handleEdit")}},{children:e&&jsxRuntime.exports.jsx(Container$1,Object.assign({style:{width:"100%"},"data-test":"app-details-widget"},{children:jsxRuntime.exports.jsx(MainLayout,{})}))}))},useStyles=makeStyles()(e=>({groupFilterContent:{display:"flex",alignItems:"flex-end"},paper:{height:"100%",padding:5,backgroundColor:"#f5f5f5"},groupFilter:{padding:"20px 10px",borderBottom:"1px solid #ccc"},container:{marginTop:"6px",display:"flex",flexWrap:"wrap",alignItems:"center"},clearFilterIcon:{display:"flex",justifyContent:"center"},textField:{border:"1px solid #f5f5f5",backgroundColor:"#f5f5f5",marginRight:e.spacing(2),outline:"none"},formGroup:{display:"flex",flexDirection:"column",margin:"5px 0 5px 0",padding:e.spacing(1),border:"1px solid #8E8E8E",width:"100%"}})),AppsFilter=()=>{var e=useStyles()["classes"];const t=useDispatch(),s=react.exports.useRef(!1),[a,i]=react.exports.useState(useSelector(selectFilters));var n=(new Date).toISOString().split("T")[0];const o={startDate:"",endDate:"",isSearch:!1};react.exports.useEffect(()=>{s.current?t(actions.filterState.setFilters({filter:a})):s.current=!0},[a,t]);const{status:r,lastUpdated:l,created:p,name:c,entityTags:d}=a;var u=e=>{i(Object.assign(Object.assign({},a),{created:Object.assign(Object.assign({},p),{[e.target.name]:e.target.value,isSearch:!0})}))},x=e=>{i(Object.assign(Object.assign({},a),{lastUpdated:Object.assign(Object.assign({},l),{[e.target.name]:e.target.value,isSearch:!0})}))};const m=e=>{switch(e){case"created":case"lastUpdated":i(Object.assign(Object.assign({},a),{[e]:o}));break;case"search":i(Object.assign(Object.assign({},a),{[e]:""}))}};return jsxRuntime.exports.jsx(Grid,Object.assign({container:!0,spacing:3,"data-test":"apps-list-filter-container"},{children:jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:!0},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({className:e.paper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-browse-filter-header-name",defaultMessage:"Name",description:"Name"})})),jsxRuntime.exports.jsx(Input,{"data-test":"app-center-browse-filter-input-name",placeholder:"Application Name",name:"name",value:c,onChange:e=>{e=e.target.value;i(Object.assign(Object.assign({},a),{name:e||""}))},fullWidth:!0})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-tags"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-tags",defaultMessage:"Tags",description:"tags"})})),jsxRuntime.exports.jsx(EntityTags,{selectedTags:d,setSelectedTags:e=>{i(Object.assign(Object.assign({},a),{entityTags:e||""}))},showHeader:!1})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-status"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-status",defaultMessage:"Status",description:"Status"})})),jsxRuntime.exports.jsx(Autocomplete,{"data-test":"app-center-browse-filter-field-status",id:"statusFilter",value:{label:r},options:[{label:"active"},{label:"draft"},{label:"deleted"},{label:"pending"},{label:"rejected"},{label:"approved"},{label:"disabled"}],getOptionLabel:e=>e?e.label:"",renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-select-status-caption",defaultMessage:"Select status",description:"Select status"})})),variant:"standard"})),onChange:(e,t)=>{i(Object.assign(Object.assign({},a),{status:(null==t?void 0:t.label)||""}))}})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-created"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-header-label-created",defaultMessage:"Created",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-start-date",id:"startDate",type:"date",name:"startDate",value:p.startDate,onChange:u,className:e.textField,max:p.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-end-date",id:"endDate",type:"date",name:"endDate",value:p.endDate,onChange:u,className:e.textField,max:n,min:p.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:p.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-created-clear",onClick:()=>m("created"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-last-updated"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-filter-header-label-last-updated",defaultMessage:"Last updated",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-start-date",id:"startDate",type:"date",name:"startDate",value:l.startDate,onChange:x,className:e.textField,max:l.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-end-date",id:"endDate",type:"date",name:"endDate",value:l.endDate,onChange:x,className:e.textField,max:n,min:l.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:l.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-last-updated-clear",onClick:()=>m("lastUpdated"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]}))]}))}))}))},AppCenterFilter=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AppsFilter,{})})})});export{AppCenterBrowse,AppCenterDetails,AppCenterFilter,PanelHeader as AppDetailsPanelHeader,index as actions,selectFilters};
+      `;return yield baseGraphQLApiWithError(Object.assign({query:t,variables:{input:a},operationName:e},s))}),deleteApp$1=(t,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="deleteApplication";return yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation deleteApplication ($id: ID!) {\n      deleteApplication(id: $id) {\n        id\n        message\n      }\n    }\n  ",variables:{id:s},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status,selectApps=e=>e[namespace].apps[AppType.Apps],selectQueryOptions=e=>e[namespace].apps[AppType.QueryOptions],selectTotalAppsInQuery=e=>e[namespace].apps[AppType.TotalAppsInQuery],selectFilters=e=>e[namespace]?e[namespace].filterState.filter:{},selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,s)=>({apiRoot:e,graphQLEndpoint:t,token:s})),APP_CENTER_TEXT={cancel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.cancel",defaultMessage:"Cancel",description:"Cancel"}),delete:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.delete",defaultMessage:"Delete",description:"Delete"}),close:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.close",defaultMessage:"CLOSE",description:"Close"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"}),deleteApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.deleteApp",defaultMessage:"Delete Application",description:"Delete Application"}),editApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.editApp",defaultMessage:"Edit Application",description:"Edit Application"}),appDetails:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.appDetails",defaultMessage:"Application Details",description:"Application Details"})},ConfirmDelete=({open:e,appName:t,testName:s,handleCloseConfirmDelete:a,handleConfirmDelete:i})=>jsxRuntime.exports.jsxs(Dialog,Object.assign({"data-test":s,open:e,onClose:a,maxWidth:"xs","aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"alert-dialog-title"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-title",defaultMessage:"Confirm Delete",description:"Title of the delete app confirmation modal"})}))})),jsxRuntime.exports.jsx(DialogContent,{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"alert-dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-message",defaultMessage:"Are you sure you want to delete {appName}? This action can not be undone.",description:"This message is show when prompting the user to confirm the delete of an app from the apps list",values:{appName:t}})}))}),jsxRuntime.exports.jsxs(DialogActions,{children:[jsxRuntime.exports.jsx(Button,Object.assign({color:"secondary",onClick:a},{children:APP_CENTER_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:i,autoFocus:!0},{children:APP_CENTER_TEXT.delete()}))]})]})),useStyles$7=makeStyles()(e=>({panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1},divider:{marginBottom:e.spacing(2)},appHeader:{minHeight:"120px"},headerInfo:{paddingLeft:e.spacing(4)},appInfo:{paddingTop:e.spacing(6)},appInfoBody:{paddingLeft:e.spacing(4),paddingTop:e.spacing(3)},appOverview:{paddingTop:e.spacing(6),bottom:e.spacing(6),minHeight:"120px"},sectionTitle:{paddingBottom:e.spacing(3)},textContent:{fontStyle:"normal",fontWeight:400,fontSize:14,lineHeight:20},titleInline:{fontWeight:600,marginRight:e.spacing(1)},contentRow:{paddingBottom:e.spacing(3)},appDescription:{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},appVersion:{paddingLeft:e.spacing(3)},appMainLayout:{paddingTop:e.spacing(2)},appTabPanels:{width:"100%"},appContainer:{paddingLeft:e.spacing(3),paddingTop:e.spacing(2)}})),visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;const PanelHeader=({appId:e})=>{const t=useDispatch();var s=useStyles$7()["classes"];const[a,i]=react.exports.useState(null);var n=()=>{i(null)};return jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(s.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{i(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(hidePanel("APPLICATION_DETAILS_PANEL"))},"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:a,open:Boolean(a),onClose:n,onBlur:n,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:()=>{t(actions.uiState.toggleEditApp(e))}},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:()=>{t(actions.uiState.confirmDeleteApp({id:e}))}},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]}))};function*fetchApplications(){var e=yield select(selectApiConfigs),t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);if(e)try{yield put(actions.uiState.fetchingApps());var s=yield call(getApplications,e);yield put(actions.apps.appsFetchSucceeded(s)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:t({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}function*fetchFilterApplications(e){yield delay(650);var{page:t,limit:s,orderBy:a}=yield select(selectQueryOptions);if("appCenterBrowse/filterState/setFilters"===e.type&&1!==t)yield put(actions.apps.setQueryOptions({page:1,limit:s,orderBy:a}));else{var e=yield select(selectFilters),i={},e=(lodash.exports.isEmpty(e.name)||(i.name=e.name),lodash.exports.isEmpty(e.status)||(i.status=e.status),lodash.exports.isEmpty(e.entityTags)||(i.entityTags=lodash.exports.map(e.entityTags,e=>({key:e.tagKey}))),e.created.isSearch&&(i.dateTimeFilter=[{field:"createdDateTime",fromDateTime:e.created.startDate,toDateTime:e.created.endDate}]),e.lastUpdated.isSearch&&(i.dateTimeFilter=[...i.dateTimeFilter||[],{field:"modifiedDateTime",fromDateTime:e.lastUpdated.startDate,toDateTime:e.lastUpdated.endDate}]),{page:t,limit:s,orderBy:a,filter:i}),t=yield select(selectApiConfigs),s=yield select(preferredLanguageSelector),a=AIWareFormatMessage(s);if(t)try{yield put(actions.uiState.fetchingApps());var n=yield call(getApplicationsWithFilter,t,e);yield put(actions.apps.appsFetchSucceeded(n)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}}function*mutateAppWorkflow(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{var e=(yield call(applicationWorkflow,s,t)).applicationWorkflow;yield put(actions.apps.mutateApplicationWorkflowSuccess(e)),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appSuccessAction",defaultMessage:[{type:0,value:"App successfully "},{type:1,value:"action"},{type:0,value:"d"}]},{action:t.action}),severity:MessageSeverity.Success}))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appFailedAction",defaultMessage:[{type:0,value:"App failed to "},{type:1,value:"action"}]},{action:t.action}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.refreshAppStateSuccess(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*deleteApp(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{yield call(deleteApp$1,s,t.id),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-success",defaultMessage:[{type:0,value:"App successfully deleted"}]}),severity:MessageSeverity.Success})),yield put(actions.apps.deleteAppSuccess(t))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-fail",defaultMessage:[{type:0,value:"App failed to be deleted"}]}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.deleteAppFailed(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*toggleAppDetails(e){e=e.payload;if(!e)return yield put(hidePanel("APP_CENTER_DETAILS"));e={name:"APPLICATION_DETAILS_PANEL",config:{name:"Application Details",applicationId:e.id,disableInstallFeature:!0,headerComponent:jsxRuntime.exports.jsx(PanelHeader,{appId:e.id}),appIsOwned:!0}};yield put(mountPanel({panelId:"APPLICATION_DETAILS_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge",zIndex:1001}}))}function*toggleEditApp(e){e=e.payload;if(!e)return yield put(hidePanel("APP_CENTER_DETAILS"));yield put(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"Edit app",appId:e}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Edit app",divider:!0},marginTop:55,size:"xlarge",zIndex:1002}})),yield put(hidePanel("APPLICATION_DETAILS_PANEL"))}const rootHash={};function*confirmDeleteApp(e){const t=e["payload"];t.closeModal?(rootHash.confirmDeleteRoot.unmount(),delete rootHash.confirmDeleteRoot):(yield select(selectApiConfigs))&&((e=getElement("confirm-delete-root")).classList.add("aiware-el"),e=client.createRoot(e),(rootHash.confirmDeleteRoot=e).render(jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(Provider,Object.assign({store:store},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(ConfirmDelete,{open:!t.closeModal,appName:t.name||"this application",testName:"application-details-panel.delete-confirmation-modal",handleCloseConfirmDelete:()=>__awaiter(this,void 0,void 0,function*(){return yield store.dispatch(actions.uiState.confirmDeleteApp({id:t.id,closeModal:!0}))}),handleConfirmDelete:()=>__awaiter(this,void 0,void 0,function*(){yield store.dispatch(actions.apps.deleteApp({id:t.id})),yield store.dispatch(actions.uiState.confirmDeleteApp({id:t.id,closeModal:!0})),yield store.dispatch(hidePanel("APPLICATION_DETAILS_PANEL"))})})})}))})})))}function*watchFetchApp(){yield takeLatest$1([actions.uiState.initApps.type],fetchApplications)}function*watchSetFilters(){yield takeLatest$1(actions.filterState.setFilters.type,fetchFilterApplications)}function*watchSetQueryOptions(){yield takeLatest$1(actions.apps.setQueryOptions.type,fetchFilterApplications)}function*watchAppWorkflow(){yield takeLatest$1(actions.apps.mutateApplicationWorkflow.type,mutateAppWorkflow)}function*watchDeleteApp(){yield takeLatest$1(actions.apps.deleteApp.type,deleteApp)}function*watchToggleAppDetails(){yield takeLatest$1(actions.uiState.toggleAppDetails.type,toggleAppDetails)}function*watchToggleEditApp(){yield takeLatest$1(actions.uiState.toggleEditApp.type,toggleEditApp)}function*watchconfirmDeleteApp(){yield takeLatest$1(actions.uiState.confirmDeleteApp.type,confirmDeleteApp)}const appSagas=[fork(watchSetFilters),fork(watchSetQueryOptions),fork(watchFetchApp),fork(watchAppWorkflow),fork(watchDeleteApp),fork(watchToggleAppDetails),fork(watchToggleEditApp),fork(watchconfirmDeleteApp)];function*rootSaga(){yield all([...appSagas])}function getAppCenterBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$6=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:e.spacing(4),width:"100%",padding:e.spacing(6)},imgContainer:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(4),border:"20px solid #C2C6CF",borderRadius:"50%",overflow:"hidden",width:350,aspectRatio:"1 / 1",opacity:.25},logo:{width:"70%",height:"70%",objectFit:"contain"},tableContainer:{overflowX:"initial"},table:{"& td":{verticalAlign:"middle",fontWeight:600}},paginationContainer:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:e.spacing(3),padding:e.spacing(3)},noResultsContainer:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}})),mountAppCenterNew=e=>{e(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"New App Onboarding"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"New App Onboarding",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3}}))},useStyles$5=makeStyles()(e=>({header:{alignItems:"center",display:"flex",zIndex:10,width:"100%",background:"#fff"},marginRight:{marginRight:e.spacing(2)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"}})),Header=()=>{var e=useStyles$5()["classes"];const t=useDispatch();var s=()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.BbPEYs",defaultMessage:"Filter",description:"button to open up a filter panel for apps"});return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-test":"app-center-browse-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-test":"app-center-browse-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.3G70xl",defaultMessage:"Applications",description:"Header Title for Apps Table"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({className:e.marginRight,onClick:()=>{mountAppCenterNew(t)},color:"primary",variant:"contained","data-test":"app-center-browse-add-new"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.TuUJVi",defaultMessage:"Add New",description:"Label of a button that allows user to create a new app"})})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-center-browse-filter-panel"},{children:jsxRuntime.exports.jsx(s,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(s,{})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(mountPanel({panelId:"APP_CENTER_FILTER",microFrontend:{name:"APP_CENTER_FILTER",config:{name:"App Filter"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"App Filter",divider:!0},marginTop:55,size:"small",zIndex:1e3}}))},"aria-labelledby":"app-center-browse-filter-panel","data-test":"app-center-browse-filter-panel",size:"large"},{children:jsxRuntime.exports.jsx(Filter,{})}))}))]}))]}))},useStyles$4=makeStyles()(e=>({appListHeader:{position:"sticky",top:0,background:"#fff",zIndex:20},appHeaderCell:{padding:"10px 20px 10px 20px"}})),AppsListTableHeader=()=>{const a=useDispatch(),i=useStyles$4()["classes"],n=useSelector(selectQueryOptions)["orderBy"];return jsxRuntime.exports.jsxs(TableHead,Object.assign({className:i.appListHeader},{children:[jsxRuntime.exports.jsx(TableRow,{children:jsxRuntime.exports.jsx(TableCell,Object.assign({className:i.appHeaderCell,colSpan:10},{children:jsxRuntime.exports.jsx(Header,{})}))}),jsxRuntime.exports.jsxs(TableRow,{children:[jsxRuntime.exports.jsx(TableCell,{}),lodash.exports.map([{id:"name",label:"Application Name"},{id:"status",label:"Status"},{id:"url",label:"URL"},{id:"createdDateTime",label:"Date Created"},{id:"modifiedDateTime",label:"Last Modified"}],e=>{var t,s;return jsxRuntime.exports.jsx(TableCell,Object.assign({className:i.appHeaderCell,"data-test":"apps-list-table-header-app-"+e.label,sortDirection:(null==(t=n[0])?void 0:t.field)===e.id&&n[0].direction},{children:jsxRuntime.exports.jsx(TableSortLabel,Object.assign({active:(null==(t=n[0])?void 0:t.field)===e.id,direction:(null==(t=n[0])?void 0:t.field)===e.id?null==(t=n[0])?void 0:t.direction:"asc",onClick:(s=e.id,()=>{let e="asc";var t=(null==(t=n[0])?void 0:t.field)===s&&n[0].direction;t&&"asc"===t&&(e="desc"),a(actions.apps.setQueryOptions({orderBy:[{field:s,direction:e}],page:1}))})},{children:e.label}))}),e.id)}),jsxRuntime.exports.jsx(TableCell,{})]})]}))},AppRowSkeleton=()=>jsxRuntime.exports.jsxs(TableRow,Object.assign({hover:!0},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({style:{paddingRight:0}},{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"circular",width:28,height:28})})),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22,width:400})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{})]})),formatDate=e=>{return e?(e=new Date(e)).toLocaleDateString()+" "+e.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0}):"--/--/-- --:-- --"},useStyles$3=makeStyles()(e=>({root:{borderRadius:"50%",border:"2px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden"},small:{width:e.spacing(6),height:e.spacing(6)},medium:{width:e.spacing(9),height:e.spacing(9)},large:{width:e.spacing(12),height:e.spacing(12)},xlarge:{width:e.spacing(16),height:e.spacing(16)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),CircledLogo=({size:e="medium",path:t,altText:s=""})=>{var a=useStyles$3()["classes"],[t,i]=useBackupImg(t,img$1A);return jsxRuntime.exports.jsx("div",Object.assign({className:a.root+" "+a[e]},{children:jsxRuntime.exports.jsx("img",{className:a.logo+" "+(t==img$1A&&a.veritoneLogo),src:t,alt:s,onError:i})}))},StatusPill=statusPill["jsx"],useStyles$2=makeStyles()(e=>({iconCell:{width:50,paddingRight:0},truncateText:{display:"block",maxWidth:"220px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),AppsListRow=({app:a})=>{const[e,i]=react.exports.useState(null),[t,n]=react.exports.useState(!1),o=useDispatch();var s=useStyles$2()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(TableRow,Object.assign({onClick:()=>{"deleted"!==a.status&&o(actions.uiState.toggleAppDetails({id:a.id,name:a.name}))},style:{cursor:"deleted"!==a.status&&"pointer"},hover:!0,"data-test":"apps-list-table-row","data-test-app-id":a.id},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.iconCell},{children:jsxRuntime.exports.jsx(CircledLogo,{size:"small",path:a.signedIconUrl,altText:a.name+" Logo"})})),jsxRuntime.exports.jsx(TableCell,{children:a.name}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(StatusPill,{statusType:"application",status:a.status})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx("div",Object.assign({className:s.truncateText},{children:a.url}))}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.createdDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.modifiedDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disabled:"deleted"===a.status,"aria-label":"more options",onClick:e=>{i(e.currentTarget),e.stopPropagation()},"data-test":"app-row-action-trigger",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})}))}),jsxRuntime.exports.jsx(Menu,Object.assign({anchorEl:e,open:Boolean(e),onClose:()=>{i(null)}},{children:!lodash.exports.isEmpty(a.validStateActions)&&lodash.exports.map(a.validStateActions,s=>jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:e=>{return t=s,e.stopPropagation(),"enable"!==t&&"disable"!==t&&"approve"!==t&&"deploy"!==t&&"reject"!==t&&"submit"!==t||o(actions.apps.mutateApplicationWorkflow({id:a.id,action:t})),"delete"===t&&n(!0),"edit"===t&&o(actions.uiState.toggleEditApp(a.id)),void i(null);var t},"data-test":"app-row-action-button-"+s},{children:s}),s))}))]})),jsxRuntime.exports.jsx(ConfirmDelete,{open:t,appName:a.name,testName:"os-app-center-browse.app-list-row.delete-confirmation-modal",handleCloseConfirmDelete:()=>{n(!1)},handleConfirmDelete:()=>{o(actions.apps.deleteApp({id:a.id})),n(!1)}})]})},NoResults=()=>{var e=useStyles$6()["classes"];const t=useDispatch();return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.imgContainer},{children:jsxRuntime.exports.jsx("img",{className:e.logo,src:img$1A,alt:"Veritone Logo"})})),jsxRuntime.exports.jsx("h2",Object.assign({"data-test":"ac-browse-no-results-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"applicationsListTable.noResults.message",defaultMessage:"No applications found...",description:"No results found message"})})),jsxRuntime.exports.jsx(Button,Object.assign({className:"test-class",variant:"contained",size:"large",onClick:()=>mountAppCenterNew(t),startIcon:jsxRuntime.exports.jsx(Add,{})},{children:"Add New"}))]}))},AppsListTable=({baseRedirectUrl:t})=>{var e=useStyles$6()["classes"],s=useSelector(selectUIStateStatus);const a=useSelector(selectApps),i=useSelector(selectQueryOptions);var n=useSelector(selectTotalAppsInQuery);const o=useDispatch();return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TableContainer,Object.assign({className:e.tableContainer},{children:jsxRuntime.exports.jsxs(Table,Object.assign({className:e.table,stickyHeader:!0},{children:[jsxRuntime.exports.jsx(AppsListTableHeader,{}),jsxRuntime.exports.jsxs(TableBody,{children:["pending"===s?lodash.exports.times(10,()=>jsxRuntime.exports.jsx(AppRowSkeleton,{},Math.random())):lodash.exports.map(lodash.exports.keys(a),e=>jsxRuntime.exports.jsx(AppsListRow,{baseRedirectUrl:t,app:a[e]},e)),jsxRuntime.exports.jsx("div",Object.assign({className:e.noResultsContainer},{children:"pending"!==s&&lodash.exports.isEmpty(a)&&jsxRuntime.exports.jsx(NoResults,{})}))]})]}))})),!!n&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.paginationContainer},{children:[jsxRuntime.exports.jsx(Typography,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.sCzlFD",defaultMessage:"Rows per page: ",description:"Rows per page"})}),jsxRuntime.exports.jsxs(Select,Object.assign({value:i.limit||10,onChange:e=>{o(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{limit:e.target.value,page:1})))},"data-test":"apps-list-per-page-select",MenuProps:{style:{zIndex:1500}}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:10},{children:"10"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:20,"data-test":"apps-list-twenty-per-page"},{children:"20"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:30},{children:"30"}))]})),jsxRuntime.exports.jsx(Pagination,{count:Math.ceil(n/i.limit),page:i.page,onChange:(e,t)=>{o(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{page:t})))}})]}))]})},useStyles$1=makeStyles()(e=>({panel:{width:"100%",height:"100%",overflow:"auto",backgroundColor:e.palette.background.paper}})),MainLayout$1=({baseRedirectUrl:e})=>{var t=useStyles$1()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-browse-widget",className:t.panel},{children:jsxRuntime.exports.jsx(AppsListTable,{baseRedirectUrl:e})}))};function isDeveloperDomain(){return/^(developer\.(((dev|prod)\.)?([a-zA-Z0-9\-]*\.)?)?veritone\.com|localhost|local\.veritone)/.test(window.location.hostname)}const Content=e=>{const t=useDispatch(),{apiRoot:s,graphQLEndpoint:a,token:i}=useSelector(selectApiConfigs);return react.exports.useEffect(()=>{s&&a&&i&&t(actions.uiState.initApps())},[s,a,i,t]),s&&a&&i?jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)):null},AppCenterBrowse=e=>{const s=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?s(actions.uiState.toggleAppDetails({id:t})):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(s))},[s]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})})}))})},ActionPanel=({onClose:e,onDelete:t,onEdit:s,children:a})=>{var i=useStyles$7()["classes"];const[n,o]=react.exports.useState(null);var r=()=>{o(null)};return jsxRuntime.exports.jsx("div",Object.assign({className:classNames(i.panelRoot),"data-test":"app-details-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:i.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(i.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{o(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:n,open:Boolean(n),onClose:r,onBlur:r,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:s},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:t},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:i.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:i.panelBody},{children:a}))]}))}))},MainLayout=()=>jsxRuntime.exports.jsx("div",{children:"MainLayout"}),AppCenterDetails=({appId:e})=>{const t=useDispatch();return jsxRuntime.exports.jsx(ActionPanel,Object.assign({onClose:()=>{t(hidePanel("APP_CENTER_DETAILS"))},onDelete:()=>{console.log("handleDelete")},onEdit:()=>{console.log("handleEdit")}},{children:e&&jsxRuntime.exports.jsx(Container,Object.assign({style:{width:"100%"},"data-test":"app-details-widget"},{children:jsxRuntime.exports.jsx(MainLayout,{})}))}))},useStyles=makeStyles()(e=>({groupFilterContent:{display:"flex",alignItems:"flex-end"},paper:{height:"100%",padding:5,backgroundColor:"#f5f5f5"},groupFilter:{padding:"20px 10px",borderBottom:"1px solid #ccc"},container:{marginTop:"6px",display:"flex",flexWrap:"wrap",alignItems:"center"},clearFilterIcon:{display:"flex",justifyContent:"center"},textField:{border:"1px solid #f5f5f5",backgroundColor:"#f5f5f5",marginRight:e.spacing(2),outline:"none"},formGroup:{display:"flex",flexDirection:"column",margin:"5px 0 5px 0",padding:e.spacing(1),border:"1px solid #8E8E8E",width:"100%"}})),AppsFilter=()=>{var e=useStyles()["classes"];const t=useDispatch(),s=react.exports.useRef(!1),[a,i]=react.exports.useState(useSelector(selectFilters));var n=(new Date).toISOString().split("T")[0];const o={startDate:"",endDate:"",isSearch:!1};react.exports.useEffect(()=>{s.current?t(actions.filterState.setFilters({filter:a})):s.current=!0},[a,t]);const{status:r,lastUpdated:l,created:p,name:c,entityTags:d}=a;var u=e=>{i(Object.assign(Object.assign({},a),{created:Object.assign(Object.assign({},p),{[e.target.name]:e.target.value,isSearch:!0})}))},x=e=>{i(Object.assign(Object.assign({},a),{lastUpdated:Object.assign(Object.assign({},l),{[e.target.name]:e.target.value,isSearch:!0})}))};const m=e=>{switch(e){case"created":case"lastUpdated":i(Object.assign(Object.assign({},a),{[e]:o}));break;case"search":i(Object.assign(Object.assign({},a),{[e]:""}))}};return jsxRuntime.exports.jsx(Grid,Object.assign({container:!0,spacing:3,"data-test":"apps-list-filter-container"},{children:jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:!0},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({className:e.paper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-browse-filter-header-name",defaultMessage:"Name",description:"Name"})})),jsxRuntime.exports.jsx(Input,{"data-test":"app-center-browse-filter-input-name",placeholder:"Application Name",name:"name",value:c,onChange:e=>{e=e.target.value;i(Object.assign(Object.assign({},a),{name:e||""}))},fullWidth:!0})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-tags"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-tags",defaultMessage:"Tags",description:"tags"})})),jsxRuntime.exports.jsx(EntityTags,{selectedTags:d,setSelectedTags:e=>{i(Object.assign(Object.assign({},a),{entityTags:e||""}))},showHeader:!1})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-status"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-status",defaultMessage:"Status",description:"Status"})})),jsxRuntime.exports.jsx(Autocomplete,{"data-test":"app-center-browse-filter-field-status",id:"statusFilter",value:{label:r},options:[{label:"active"},{label:"draft"},{label:"deleted"},{label:"pending"},{label:"rejected"},{label:"approved"},{label:"disabled"}],getOptionLabel:e=>e?e.label:"",renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-select-status-caption",defaultMessage:"Select status",description:"Select status"})})),variant:"standard"})),onChange:(e,t)=>{i(Object.assign(Object.assign({},a),{status:(null==t?void 0:t.label)||""}))}})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-created"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-header-label-created",defaultMessage:"Created",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-start-date",id:"startDate",type:"date",name:"startDate",value:p.startDate,onChange:u,className:e.textField,max:p.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-end-date",id:"endDate",type:"date",name:"endDate",value:p.endDate,onChange:u,className:e.textField,max:n,min:p.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:p.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-created-clear",onClick:()=>m("created"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-last-updated"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-filter-header-label-last-updated",defaultMessage:"Last updated",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-start-date",id:"startDate",type:"date",name:"startDate",value:l.startDate,onChange:x,className:e.textField,max:l.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-end-date",id:"endDate",type:"date",name:"endDate",value:l.endDate,onChange:x,className:e.textField,max:n,min:l.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:l.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-last-updated-clear",onClick:()=>m("lastUpdated"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]}))]}))}))}))},AppCenterFilter=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AppsFilter,{})})})});export{AppCenterBrowse,AppCenterDetails,AppCenterFilter,PanelHeader as AppDetailsPanelHeader,index as actions,selectFilters};