aiware-js 2.22.0 → 2.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/index.esm.css +390 -90
  2. package/index.esm.js +1 -1
  3. package/js-core.esm.js +10 -10
  4. package/js-core.esm12.js +1 -1
  5. package/js-core.esm13.js +1 -1
  6. package/js-core.esm14.js +1 -1
  7. package/js-core.esm15.js +1 -1
  8. package/js-core.esm16.js +1 -1
  9. package/js-core.esm17.js +1 -1
  10. package/js-core.esm18.js +1 -230
  11. package/js-core.esm19.js +1 -78
  12. package/js-core.esm20.js +230 -1
  13. package/js-core.esm21.js +78 -1
  14. package/js-core.esm22.js +1 -1
  15. package/js-core.esm23.js +1 -1
  16. package/js-core.esm24.js +1 -1
  17. package/js-core.esm25.js +1 -1
  18. package/js-core.esm26.js +1 -1
  19. package/js-core.esm27.js +1 -1
  20. package/js-core.esm28.js +1 -1
  21. package/js-core.esm29.js +1 -1
  22. package/js-core.esm30.js +1 -14
  23. package/js-core.esm31.js +1 -12
  24. package/js-core.esm32.js +7 -47
  25. package/js-core.esm33.js +12 -1
  26. package/js-core.esm34.js +54 -1
  27. package/js-core.esm35.js +1 -108
  28. package/js-core.esm36.js +1 -1
  29. package/js-core.esm37.js +92 -198
  30. package/js-core.esm38.js +1 -37
  31. package/js-core.esm39.js +214 -1
  32. package/js-core.esm4.js +1 -1
  33. package/js-core.esm40.js +1 -1
  34. package/js-core.esm41.js +1 -1
  35. package/js-core.esm42.js +1 -1
  36. package/js-core.esm43.js +37 -1
  37. package/js-core.esm44.js +1 -31
  38. package/js-core.esm45.js +1 -32
  39. package/js-core.esm46.js +1 -53
  40. package/js-core.esm47.js +1 -1
  41. package/js-core.esm48.js +26 -115
  42. package/js-core.esm49.js +28 -83
  43. package/js-core.esm5.js +2 -2
  44. package/js-core.esm50.js +85 -1
  45. package/js-core.esm51.js +1 -0
  46. package/js-core.esm52.js +132 -0
  47. package/js-core.esm53.js +87 -0
  48. package/js-core.esm54.js +1 -0
  49. package/js-core.esm55.js +15 -0
  50. package/js-core.esm56.js +10 -0
  51. package/js-core.esm7.js +4 -4
  52. package/js-core.umd.css +300 -0
  53. package/js-core.umd.js +210 -143
  54. package/locales/en.json +1 -1
  55. package/locales/es.json +1 -1
  56. package/locales/fr.json +1 -1
  57. package/package.json +4 -2
package/js-core.esm30.js CHANGED
@@ -1,14 +1 @@
1
- import{m as makeStyles,el as keyframes,d0 as createTheme,em as TabId,j as jsxRuntime,F as FormattedMessage,en as PersonalProfile,eo as Organizations,cq as mountPanel,ep as DataCenter,eq as Process,er as FlowCenter2,es as DeveloperCenter,et as Marketplace,eu as LibraryCenter,ev as AdminCenter,i as useDispatch,r as react,k as useSelector,c as Paper,T as Typography,a9 as IconButton,at as Button,eb as hidePanel,ew as img$P,a$ as img$Q,a7 as Divider,cf as AIWareThemeProvider,A as AIWareIntlProvider,K as lib,ea as Slide,cn as unmountPanel,B as Box,a8 as Tooltip,ex as img$1,bQ as StyledEngineProvider,bR as ThemeProvider,ey as img$w,ez as userSelector,x as classNames,d4 as takeEvery$1,eA as enableBetaFeatures,eB as Badge,ai as select,ah as put,eC as openLinkOnNewTab}from"./js-core.esm.js";import{organizationSelectors as organizations_selector,selectApiConfigs,isAdminUser,organizationInviteApi as organizationInvites_api}from"./js-core.esm31.js";import{L as LinearProgress}from"./js-core.esm32.js";import"./js-core.esm6.js";import"./js-core.esm9.js";import"./js-core.esm10.js";import"./js-core.esm33.js";import"./js-core.esm11.js";import"./js-core.esm26.js";function __awaiter(e,o,r,l){return new(r=r||Promise)(function(n,t){function a(e){try{i(l.next(e))}catch(e){t(e)}}function s(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?n(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,s)}i((l=l.apply(e,o||[])).next())})}!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const useStyles$2=makeStyles()(()=>({iconButton:{padding:0,width:38,height:38,borderRadius:"50%","& svg":{fontSize:26},"&:hover":{background:"rgba(228, 240, 252, 0.4)"}},selected:{background:"rgba(228, 240, 252, 0.8)",color:"#0C53B0","& svg, & path":{fill:"#0C53B0"},"&:hover":{background:"rgba(228, 240, 252, 0.8)"}},tabIcon:{display:"flex",justifyContent:"center",alignItems:"center"},img:{maxWidth:30,maxHeight:30}}));function TabIcon({id:e,selected:t=!1,icon:n,onTabIconClick:a,iconComponent:s}){var i=useStyles$2()["classes"];const[o,r]=react.exports.useState(0),[l,c]=react.exports.useState(0),[d,p]=react.exports.useState(!1),m=makeStyles()(()=>({viewRequestsBadge:{"& .Sdk-MuiBadge-badge":{fontFamily:"Nunito",backgroundColor:"#D43060",color:"#fff",zIndex:"unset"}}})),x=m()["classes"],u=useSelector(userSelector);var g=useSelector(organizations_selector.selectOrganizationInvites)||[],j=useSelector(organizations_selector.selectPendingOrgInvites)||[];const b=useSelector(selectApiConfigs),f=()=>__awaiter(this,void 0,void 0,function*(){var e;u&&(isAdminUser(u.roles)&&(e=null==(e=null===u||void 0===u?void 0:u.organization)?void 0:e.organizationId,e=yield organizationInvites_api.fetchPendingOrganizationInvites(e,b),r(e.length)),e=yield organizationInvites_api.fetchOrganizationInvites(b),c(e.length))});"ORGANIZATION_PANEL"!==e||d||(p(!0),__awaiter(this,void 0,void 0,function*(){try{yield f()}catch(e){console.log(e)}})),react.exports.useEffect(()=>{"ORGANIZATION_PANEL"===e&&f()},[g,j]);return jsxRuntime.exports.jsx("div",Object.assign({className:i.tabIcon},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disableRipple:!0,className:classNames(i.iconButton,{[i.selected]:t}),onClick:function(){a(e)},"data-test-id":"dt-button-tab-icon-"+e,"data-test":"dt-button-tab-icon",size:"large"},{children:s?(g=s,o+l?jsxRuntime.exports.jsx(Badge,Object.assign({badgeContent:o+l,className:x.viewRequestsBadge},{children:g})):g):jsxRuntime.exports.jsx("img",{className:i.img,src:n,draggable:"false",alt:""})}))}))}const useStyles$1=makeStyles()(e=>({tabsContainer:{width:"100%",textAlign:"center",flex:1},menuTabIcon:{paddingBottom:e.spacing(1.6)},flowIcon:{width:50,height:50,color:e.palette.secondary.main}}));function Tabs({selectedId:e,onChangeTab:t,tabsList:n=[],roles:o}){const r=useStyles$1()["classes"],[l,a]=react.exports.useState(e),{adminShortcut:c=!0,betaFeatures:d}=useSelector(e=>e.configs.initConfig),p=window.location.hostname.split(".")[0];function m(e){a(e),t(e)}return react.exports.useEffect(()=>{e!==l&&a(e)},[e,l]),jsxRuntime.exports.jsx(Box,Object.assign({className:r.tabsContainer},{children:n.map((e,t)=>{var{id:e,icon:n,role:a,label:s,iconComponent:i}=e,s=jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s,placement:"left"},{children:jsxRuntime.exports.jsx(Box,Object.assign({className:r.menuTabIcon},{children:jsxRuntime.exports.jsx(TabIcon,{selected:e===l,icon:n,iconComponent:i,onTabIconClick:m,id:e,"data-test":"TabIcon-data-test"+e})}),e)}),e);if(a&&o.includes(a)||!a){if(t<2)return s;if(e===TabId.DATA_CENTER)return s;if(e===TabId.PROCESSING_CENTER_BROWSE&&d)return s;if(e===TabId.FLOW_CENTER)return p.toLocaleLowerCase().includes("automate")?null:s;if(e===TabId.ADMIN_SHORTCUT&&c)return s;if(e===TabId.SETTING_PREFERENCE_PANEL&&d)return p.toLocaleLowerCase().includes("admin")?null:s;if([TabId.MARKETPLACE_CENTER,TabId.LIBRARY_CENTER,TabId.ENGINE_CENTER].includes(e))return d?s:null}return null})}))}function*openAppUrlByShortcut(e){var{cmsAppUrl:t,adminAppUrl:n}=yield select(e=>e.configs.config);switch(e.payload){case"cms":yield put(openLinkOnNewTab({url:t}));break;case"admin":yield put(openLinkOnNewTab({url:n}))}}function*getPanelSaga(){yield takeEvery$1("panels/OPEN_APP_SHORTCUT",openAppUrlByShortcut)}function getPanelModule(){return{id:"os-panel",reducerMap:{panel:{}},sagas:[getPanelSaga],initialActions:[]}}let _=e=>e,_t;const fadeInOut=keyframes(_t=_t||_`
2
- 0% {
3
- opacity: 0;
4
- }
5
- 10% {
6
- opacity: 1;
7
- }
8
- 80% {
9
- opacity: 1;
10
- }
11
- 100% {
12
- opacity: 0;
13
- }
14
- `),useStyles=makeStyles()(()=>({fullScreen:{position:"fixed",width:"100%",height:"100vh",top:"0",left:"0",backgroundColor:"#ffffff",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",textAlign:"center",fontSize:"14px",zIndex:99999,animation:fadeInOut+" 5s linear forwards"},loaderBox:{height:"200px",width:"200px"},veritoneDarkLogo:{height:"200px",width:"200px"}}));let lottieScript,audio;const theme=createTheme({palette:{secondary:{main:"#1871E8"}}}),Logo=()=>{const n=useDispatch();var e=useStyles()["classes"];const[a,s]=react.exports.useState(0),[t,i]=react.exports.useState(!1),[o,r]=react.exports.useState(!1),l=jsxRuntime.exports.jsx("p",Object.assign({style:{pointerEvents:"none"}},{children:"Loading Beta Features"})),[c,d]=react.exports.useState(l),p=useSelector(organizations_selector.selectOrgSwitchInitiated),m=useSelector(e=>{return null==(e=null==(e=null==e?void 0:e.configs)?void 0:e.initConfig)?void 0:e.betaFeatures}),[x,u]=react.exports.useState(!1);return react.exports.useEffect(()=>{x||(u(!0),(lottieScript=document.createElement("script")).setAttribute("src","https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.8/lottie.min.js"),lottieScript.onload=()=>r(!0),(audio=document.createElement("audio")).id="player",audio.src="https://static.veritone.com/aiware-js-animation/sound-effects/chime.wav",document.head.appendChild(lottieScript),document.body.appendChild(audio))},[]),react.exports.useEffect(()=>{if(m&&!p)return;p&&d(jsxRuntime.exports.jsx("p",{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.organizations-switching-loader-message",defaultMessage:"Changing your Organization",description:"organizations switching loader message"})}));const e=10===a;if((e||p)&&(i(!0),o)){const t=window.bodymovin.loadAnimation({container:document.getElementById("loaderAnimation"),path:"https://static.veritone.com/aiware-js-animation/particle-explosion.json",renderer:"svg",loop:!1,autoplay:!0,name:"unicorn"});t.onComplete=()=>{e?(n(enableBetaFeatures()),s(0)):p&&d(l),i(!1),t.destroy()},null!==audio&&void 0!==audio&&audio.play()}},[a,m,n,t,p]),jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[t&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.fullScreen},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.loaderBox,id:"loaderAnimation"},{children:!o&&jsxRuntime.exports.jsx("img",{src:img$1,alt:"veritone-logo",className:e.veritoneDarkLogo})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.loaderBox},{children:[jsxRuntime.exports.jsx(StyledEngineProvider,Object.assign({injectFirst:!0},{children:jsxRuntime.exports.jsx(ThemeProvider,Object.assign({theme:theme},{children:jsxRuntime.exports.jsx(LinearProgress,{color:"secondary"})}))})),c]}))]})),jsxRuntime.exports.jsx("img",{onClick:()=>s(a+1),src:img$w,alt:"footer-icon",draggable:"false"})]})};function getTabAction(e,t,n,a="APP_BAR_PANEL"){return{type:mountPanel({}).type,payload:{panelId:e,microFrontend:{name:a,config:{name:"Veritone",tabId:e,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,fullScreen:!1,width:n,header:{divider:!0,title:t}}}}}const tabsListDefault=[{id:TabId.PERSONAL_PANEL,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.personalProfile",defaultMessage:"Personal Profile",description:"Tooltip pops on the sidebar for personal profile"}),iconComponent:jsxRuntime.exports.jsx(PersonalProfile,{}),role:"",action:getTabAction(TabId.PERSONAL_PANEL,jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.panelTitle.personalProfile",defaultMessage:"Personal Profile",description:"Header title for personal profile"}),410)},{id:TabId.ORGANIZATION_PANEL,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.organizations",defaultMessage:"Organizations",description:"Tooltip pops on the sidebar for organizations"}),iconComponent:jsxRuntime.exports.jsx(Organizations,{}),role:"",action:{type:mountPanel({}).type,payload:{panelId:TabId.ORGANIZATION_PANEL,microFrontend:{name:"ORGANIZATION_PANEL"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,width:560,zIndex:1e3}}}},{id:TabId.CMS_SHORTCUT,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.dataCenter",defaultMessage:"Data Center",description:"Tooltip pops on the sidebar for data center"}),iconComponent:jsxRuntime.exports.jsx(DataCenter,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"cms"}},{id:TabId.DATA_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.dataCenter",defaultMessage:"Data Center",description:"Tooltip pops on the sidebar for data center"}),iconComponent:jsxRuntime.exports.jsx(DataCenter,{}),role:"cms",action:{type:mountPanel({}).type,payload:{panelId:TabId.DATA_CENTER,microFrontend:{name:"DATA_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}},{id:TabId.PROCESSING_CENTER_BROWSE,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.processingCenter",defaultMessage:"Processing Center",description:"Tooltip pops on the sidebar for processing center"}),iconComponent:jsxRuntime.exports.jsx(Process,{}),role:"cms",action:{type:mountPanel({}).type,payload:{panelId:TabId.PROCESSING_CENTER_BROWSE,microFrontend:{name:"PROCESSING_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}},{id:TabId.FLOW_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.flowCenter",defaultMessage:"Flow Center",description:"Tooltip pops on the sidebar for flow center"}),iconComponent:jsxRuntime.exports.jsx(FlowCenter2,{}),role:"automate",action:{type:mountPanel({}).type,payload:{panelId:TabId.FLOW_CENTER,microFrontend:{name:"FLOW_CENTER",config:{name:"Veritone",tabId:TabId.FLOW_CENTER,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE",zIndex:1200}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xxlarge"}}}},{id:TabId.ENGINE_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.developerCenter",defaultMessage:"Developer Center",description:"Tooltip pops on the sidebar for developer center"}),iconComponent:jsxRuntime.exports.jsx(DeveloperCenter,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"developer"}},{id:TabId.MARKETPLACE_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.marketplaceCenter",defaultMessage:"Marketplace",description:"Tooltip pops on the sidebar for marketplace center"}),iconComponent:jsxRuntime.exports.jsx(Marketplace,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"marketplace"}},{id:TabId.LIBRARY_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.libraryCenter",defaultMessage:"Library Center",description:"Tooltip pops on the sidebar for library center"}),iconComponent:jsxRuntime.exports.jsx(LibraryCenter,{}),role:"",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"libray"}},{id:TabId.ADMIN_SHORTCUT,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.adminCenter",defaultMessage:"Admin Center",description:"Tooltip pops on the sidebar for admin center"}),iconComponent:jsxRuntime.exports.jsx(AdminCenter,{}),role:"admin",action:{type:mountPanel({}).type,payload:{panelId:TabId.ADMIN_SHORTCUT,microFrontend:{name:"ADMIN_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}}];function AppbarTabPanel({panelId:t,children:e,withTab:n=!0,withChild:a=!0}){const s=useDispatch(),[i,o]=react.exports.useState(),[r,l]=react.exports.useState([]),[c,d]=react.exports.useState(!1);var p=useSelector(e=>e.panels.find(e=>e.panelId===t))||{};const m=useSelector(e=>e.panels);const{microFrontend:x,panelConfig:{minWidth:u,padding:g=0,header:j,footer:b,marginTop:f=0,marginStart:h=0,show:T,tabs:R=[],zIndex:I=1e3,userRoles:C=[],panelId:E,size:P,fullScreen:v,width:y,dimmed:A=0,parentPanelId:N,borderBottom:S}}=p;const _=N?("ORGANIZATION_PANEL"!==N?"":"solid 5px #4D81B7")||("DATA_CENTER"!==N?"":"solid 5px #4D81B7"):"solid 5px #4D81B7",O=makeStyles()(e=>({container:{position:"fixed",top:f,right:v?0:h,height:`calc(100vh - ${f}px)`,minWidth:u,width:y||(v?"100%":function(){switch(P){case"xxlarge":return 1280;case"xlarge":return 1020;case"large":return 720;case"medium":return 560;case"small":return 380;default:return 560}}()),borderBottom:S?"solid 5px #4D81B7":_,zIndex:v?1500:I,transitionTimingFunction:"ease-in-out !important"},padding:{padding:e.spacing(g),paddingTop:e.spacing(g/2)},margin:{margin:e.spacing()},headerContainer:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},headerTitle:{margin:e.spacing(),marginTop:e.spacing(2)},actionButton:{margin:e.spacing()},footer:{},actionContainer:{"&:last-child":{marginRight:e.spacing(2)}},content:{overflow:"overlay",overflowX:"hidden",height:function(){var e=j?64:0,t=b?64:0;return`calc(100vh - ${f}px - ${e}px - ${t}px - 5px)`}()},paperContainer:{top:56,backgroundColor:"unset !important",boxShadow:"none"},tabContainer:{overflow:"hidden",width:"100%"},tabSelect:{paddingTop:e.spacing(6),width:80,display:"flex",flexDirection:"column"},drawerContainer:{display:"flex",background:e.palette.background.default},tabName:{display:"flex",justifyContent:"space-between",alignItems:"center",height:"61px",padding:e.spacing(0,4,0,6)},actionIcons:{margin:e.spacing(-2.4)},title:{userSelect:"none",fontStyle:"normal",fontSize:"18px",lineHeight:e.spacing(5),letterSpacing:"0.25px",textTransform:"uppercase",color:e.palette.text.secondary},tabContent:{borderRight:n?"0.5px solid "+e.palette.divider:"none",overflowY:"auto",overflowX:"hidden",width:"100%"},buttonAction:{textTransform:"unset"},aiWareIcon:{padding:e.spacing(2.4,0),display:"flex",justifyContent:"center",position:"fixed",bottom:"0",right:"10px"},noShadow:{boxShadow:"none",borderLeft:"0.5px solid "+e.palette.divider},panelMask:{position:"absolute",zIndex:1150,width:"100%",height:"100%",backgroundColor:e.palette.grey[50],opacity:.5}}))()["classes"];react.exports.useEffect(()=>{0<R.length?l([...tabsListDefault,...R]):l(tabsListDefault)},[R]),react.exports.useEffect(()=>{x.config&&x.config.tabId&&o(x.config.tabId)},[x]),react.exports.useEffect(()=>{0<m.length&&i&&n&&(m.find(e=>e.panelId===i)||o(void 0))},[m,i,n]);a=jsxRuntime.exports.jsxs(Paper,Object.assign({className:`${O.container} ${a?"":O.noShadow} `,elevation:3,id:t,square:!0,"data-test":"panel-"+(E||"unknown")},{children:[0<A&&jsxRuntime.exports.jsx("div",{className:O.panelMask}),jsxRuntime.exports.jsxs("div",Object.assign({className:O.drawerContainer},{children:[a&&jsxRuntime.exports.jsxs("div",Object.assign({className:O.tabContent},{children:[j&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:O.tabName},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",className:O.title},{children:j.title||(null==(p=r.find(e=>e.id===i))?void 0:p.label)})),jsxRuntime.exports.jsxs("div",Object.assign({className:O.actionIcons},{children:[null==(a=j.actions)?void 0:a.map((e,t)=>e.label?jsxRuntime.exports.jsx(Button,Object.assign({size:e.size,variant:e.variant,onClick:()=>s(e.action)},{children:e.label}),e.action.type):jsxRuntime.exports.jsxs(IconButton,Object.assign({onClick:()=>s(e.action),size:"large"},{children:[e.iconUrl&&jsxRuntime.exports.jsx("img",{src:e.iconUrl,alt:"icon",draggable:"false"}),e.icon&&jsxRuntime.exports.jsx("div",{children:e.icon})]}),e.action.type)),jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>s(hidePanel(t)),"data-test":"close-button-"+t,size:"large"},{children:jsxRuntime.exports.jsx("img",{src:N?img$P:img$Q,alt:"icon",draggable:"false"})}))]}))]})),j.divider&&jsxRuntime.exports.jsx(Divider,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:O.content},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},x.config||{}),{dataId:t,hidePanel:()=>s(hidePanel(t)),tabId:i,panelRendered:c})):jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"No micro frontend passed!"})})})),b&&jsxRuntime.exports.jsxs("div",Object.assign({className:O.footer},{children:[b.divider&&jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx("div",Object.assign({className:O.headerContainer},{children:jsxRuntime.exports.jsx("div",Object.assign({className:O.actionContainer},{children:null==(p=b.actions)?void 0:p.map(e=>{var t;if(e.iconUrl)return jsxRuntime.exports.jsxs(IconButton,Object.assign({className:O.actionButton,onClick:(t=e.action,()=>{s(t)}),size:"large"},{children:[e.iconUrl&&jsxRuntime.exports.jsx("img",{src:e.iconUrl,alt:"icon",draggable:"false"}),e.icon&&jsxRuntime.exports.jsx("div",{children:e.icon})]}),e.action.type);const n=e;return jsxRuntime.exports.jsx(Button,Object.assign({className:O.actionButton,size:n.size,variant:n.variant,onClick:()=>s(n.action)},{children:n.label}),e.action.type)})}))}))]}))]})),n&&jsxRuntime.exports.jsxs("div",Object.assign({id:"tabs-content",className:O.tabSelect},{children:[jsxRuntime.exports.jsx(Tabs,{selectedId:i,tabsList:r,onChangeTab:function(t){i&&s(hidePanel(i)),o(t);var e,n=r.find(e=>e.id===t);null!=(e=null==n?void 0:n.onClick)&&e.call(n,t),null!=n&&n.action&&s(n.action)},roles:C}),(null===b||void 0===b?void 0:b.logo)&&jsxRuntime.exports.jsx("div",Object.assign({className:O.aiWareIcon},{children:jsxRuntime.exports.jsx(Logo,{})}))]}))]}))]}));return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getPanelModule()]},{children:jsxRuntime.exports.jsx(Slide,Object.assign({"data-id":"123456",in:T,direction:"left",onEntered:()=>d(!0),onExited:()=>s(unmountPanel(t))},{children:a}))}))})})}const AppbarPanel=e=>jsxRuntime.exports.jsx(AppbarTabPanel,Object.assign({},e,{withChild:!0,withTab:!1})),Tab=e=>jsxRuntime.exports.jsx(AppbarTabPanel,Object.assign({},e,{withChild:!1,withTab:!0}));export{AppbarPanel,AppbarTabPanel,Tab as TabPanel};
1
+ import{i as useDispatch,k as useSelector,m as makeStyles,j as jsxRuntime,eb as Slide,cn as unmountPanel,c as Paper,T as Typography,a9 as IconButton,ec as hidePanel,aY as default_1,a7 as Divider,r as react,ed as updatePanelMicroFrontendProps,ee as setData,at as Button}from"./js-core.esm.js";import{S as Slider}from"./js-core.esm31.js";import{C as Card}from"./js-core.esm9.js";import{C as CardContent}from"./js-core.esm10.js";import{C as CardActions}from"./js-core.esm11.js";!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const Panel=({panelId:s,children:e})=>{var t;const n=useDispatch(),{microFrontend:a,panelConfig:{minWidth:i,padding:r=0,header:o,footer:l,marginTop:c=0,marginStart:d=0,show:x,width:m=500,zIndex:p=1}}=useSelector(e=>e.panels.find(e=>e.panelId===s)),j=makeStyles()(e=>({container:{position:"fixed",top:c,right:d,height:"100%",minWidth:i,width:m,zIndex:p},padding:{padding:e.spacing(r),paddingTop:e.spacing(r/2)},margin:{margin:e.spacing()},headerContainer:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},headerTitle:{margin:e.spacing()},actionButton:{margin:e.spacing()},actionContainer:{"&:last-child":{marginRight:e.spacing(2)}},footer:{}}))()["classes"],u=e=>{if(e.icon)return jsxRuntime.exports.jsx(IconButton,Object.assign({className:j.actionButton,onClick:()=>n(e.action),size:"large"},{children:e.icon}));var s=e;return jsxRuntime.exports.jsx(Button,Object.assign({className:j.actionButton,size:s.size,variant:s.variant,onClick:()=>n(e.action)},{children:s.label}))};return jsxRuntime.exports.jsx(Slide,Object.assign({in:x,direction:"left",onExited:()=>n(unmountPanel(s))},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({elevation:3,id:s,"data-test":"panel-"+(s||"unknown"),className:j.container},{children:[o&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:j.headerContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({gutterBottom:!0,className:j.headerTitle,variant:"h4"},{children:o.title})),jsxRuntime.exports.jsxs("div",Object.assign({className:j.actionContainer},{children:[null==(t=o.actions)?void 0:t.map(e=>u(e)),jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"close-button-"+s,className:j.actionButton,onClick:()=>n(hidePanel(s)),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{})}))]}))]})),o.divider&&jsxRuntime.exports.jsx(Divider,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:j.padding},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},a.config||{}),{dataId:s,hidePanel:()=>n(hidePanel(s))})):jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"No micro frontend passed!"})})})),l&&jsxRuntime.exports.jsxs("div",Object.assign({className:j.footer},{children:[l.divider&&jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs("div",Object.assign({className:j.headerContainer},{children:[jsxRuntime.exports.jsx("div",{}),jsxRuntime.exports.jsx("div",Object.assign({className:j.actionContainer},{children:null==(t=l.actions)?void 0:t.map(e=>u(e))}))]}))]}))]}))}))},SamplePanel5=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel5!"})}),SamplePanel4=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel4!"})}),SamplePanel3=t=>{const n=useDispatch();return jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("h1",{children:"Welcome to picker!"}),jsxRuntime.exports.jsx(Typography,Object.assign({id:"discrete-slider",gutterBottom:!0},{children:"Temperature"})),jsxRuntime.exports.jsx(Slider,{"data-test":"slider",defaultValue:t.value,value:t.value,"aria-labelledby":"discrete-slider",valueLabelDisplay:"auto",step:10,marks:!0,min:0,max:110,onChange:(e,s)=>{n(updatePanelMicroFrontendProps({id:t.dataId,props:Object.assign(Object.assign({},t),{value:s})}))},onChangeCommitted:(e,s)=>{n(updatePanelMicroFrontendProps({id:t.dataId,props:Object.assign(Object.assign({},t),{value:s})})),n(setData({id:t.dataId,data:s}))}})]})},SamplePanel2=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel2!"})}),useStyles=makeStyles()(e=>({container:{},root:{minWidth:50},bullet:{display:"inline-block",margin:"0 2px",transform:"scale(0.8)"},title:{fontSize:14},pos:{marginBottom:12}})),SamplePanel1=e=>{var s=useStyles()["classes"],t=jsxRuntime.exports.jsx("span",Object.assign({className:s.bullet},{children:"•"}));return jsxRuntime.exports.jsxs("div",Object.assign({className:s.container},{children:[jsxRuntime.exports.jsxs("h1",{children:["Welcome to SamplePanel1 ",e.name||"Unknown Person","!"]}),jsxRuntime.exports.jsxs(Card,Object.assign({className:s.root},{children:[jsxRuntime.exports.jsxs(CardContent,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:s.title,color:"textSecondary",gutterBottom:!0},{children:"Word of the Day"})),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h5",component:"h2"},{children:["be",t,"nev",t,"o",t,"lent"]})),jsxRuntime.exports.jsx(Typography,Object.assign({className:s.pos,color:"textSecondary"},{children:"adjective"})),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2",component:"p"},{children:["well meaning and kindly.",jsxRuntime.exports.jsx("br",{}),'"a benevolent smile"']}))]}),jsxRuntime.exports.jsx(CardActions,{children:jsxRuntime.exports.jsx(Button,Object.assign({size:"small"},{children:"Learn More"}))})]}))]}))};export{Panel,SamplePanel1,SamplePanel2,SamplePanel3,SamplePanel4,SamplePanel5};
package/js-core.esm31.js CHANGED
@@ -1,12 +1 @@
1
- import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,c_ as orange,c$ as deepOrange,d0 as createTheme,F as FormattedMessage,p as lodash,H as createSlice,cd as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,eD as authSelector,m as makeStyles,x as classNames,cc as combineReducers,eE as injectIntl,r as react,k as useSelector,ez as userSelector,i as useDispatch,at as Button,bM as Avatar,a8 as Tooltip,T as Typography,a7 as Divider,B as Box,L as LoadingButton$1,eF as headerBarSelector,eB as Badge,K as lib,bu as getAuthModule,A as AIWareIntlProvider,eb as hidePanel,eG as getSortName,cx as CustomTabs,ck as TabPanel,ae as Skeleton,bQ as StyledEngineProvider,bR as ThemeProvider,a9 as IconButton,bU as Hide,ch as Close,eH as img$5,S as Switch,v as FormControl$1,eI as InputLabel,aV as Select,aW as MenuItem,cq as mountPanel,w as TextField,Z as List,eJ as ListItemAvatar,a1 as ListItemText,$ as ListItem,a2 as all,ct as Menu,aR as Dialog,aS as DialogTitle,aT as DialogContent,cr as DialogContentText,aU as DialogActions,eK as OrganizationTabIcon,s as store,bT as CssBaseline,eL as ScopedCssBaseline,bH as Icon,eM as AlarmTwo,bN as img$s,cB as baseGraphQLApiWithError,eN as getApplicationsApi,af as takeLatest$1,d4 as takeEvery$1,eO as ListItemSecondaryAction,ai as select,ah as put,M as preferredLanguageSelector,b4 as AIWareFormatMessage,bV as showMessage,bW as MessageSeverity,eP as updateTokenSuccess,eQ as postNotificationCommand,eR as aiwareEvent,eS as notificationCommands,ak as call,eT as panelsSelector}from"./js-core.esm.js";import{d as default_1$5}from"./js-core.esm6.js";import{C as Card}from"./js-core.esm9.js";import{C as CardContent}from"./js-core.esm10.js";import{A as AvatarGroup}from"./js-core.esm33.js";import{C as CardActions}from"./js-core.esm11.js";import{C as Chip$1}from"./js-core.esm26.js";var AddOutlined={},_interopRequireDefault$4=interopRequireDefault.exports,default_1$4=(Object.defineProperty(AddOutlined,"__esModule",{value:!0}),AddOutlined.default=void 0),_createSvgIcon$4=_interopRequireDefault$4(createSvgIcon),_jsxRuntime$4=jsxRuntime.exports,_default$4=(0,_createSvgIcon$4.default)((0,_jsxRuntime$4.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"AddOutlined"),default_1$4=AddOutlined.default=_default$4,DeleteOutlineOutlined={},_interopRequireDefault$3=interopRequireDefault.exports,default_1$3=(Object.defineProperty(DeleteOutlineOutlined,"__esModule",{value:!0}),DeleteOutlineOutlined.default=void 0),_createSvgIcon$3=_interopRequireDefault$3(createSvgIcon),_jsxRuntime$3=jsxRuntime.exports,_default$3=(0,_createSvgIcon$3.default)((0,_jsxRuntime$3.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4h-3.5z"}),"DeleteOutlineOutlined"),default_1$3=DeleteOutlineOutlined.default=_default$3,EditOutlined={},_interopRequireDefault$2=interopRequireDefault.exports,default_1$2=(Object.defineProperty(EditOutlined,"__esModule",{value:!0}),EditOutlined.default=void 0),_createSvgIcon$2=_interopRequireDefault$2(createSvgIcon),_jsxRuntime$2=jsxRuntime.exports,_default$2=(0,_createSvgIcon$2.default)((0,_jsxRuntime$2.jsx)("path",{d:"m14.06 9.02.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"}),"EditOutlined"),default_1$2=EditOutlined.default=_default$2,CheckCircleOutline={},_interopRequireDefault$1=interopRequireDefault.exports,default_1$1=(Object.defineProperty(CheckCircleOutline,"__esModule",{value:!0}),CheckCircleOutline.default=void 0),_createSvgIcon$1=_interopRequireDefault$1(createSvgIcon),_jsxRuntime$1=jsxRuntime.exports,_default$1=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"CheckCircleOutline"),default_1$1=CheckCircleOutline.default=_default$1,HighlightOffOutlined={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(HighlightOffOutlined,"__esModule",{value:!0}),HighlightOffOutlined.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"HighlightOffOutlined"),default_1=HighlightOffOutlined.default=_default;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}(),function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const sharedTypography=()=>({h1:{fontSize:"18px",fontFamily:"Dosis",fontStyle:"normal",lineHeight:"22px",letterSpacing:"-1.30385e-09px",fontWeight:600,cursor:"default"},h2:{fontSize:"18px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"24px",letterSpacing:"-1.30385e-09px",fontWeight:400,cursor:"default"},h3:{fontSize:"16px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"22px",letterSpacing:"-1.30385e-09px",fontWeight:600,cursor:"default"},h4:{fontSize:"15.6px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"20px",letterSpacing:"-1.30385e-09px",fontWeight:600,cursor:"default"},h5:{fontSize:"15.2px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"20px",letterSpacing:"-1.30385e-09px",fontWeight:400,cursor:"default"},h6:{fontSize:"14.8px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"18px",letterSpacing:"-1.30385e-09px",fontWeight:600,cursor:"default"},subtitle1:{fontSize:"14.4px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"18px",letterSpacing:"-1.30385e-09px",fontWeight:300,cursor:"default"},subtitle2:{fontSize:"14.4px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"18px",letterSpacing:"-1.30385e-09px",fontWeight:600,cursor:"default"},body1:{fontSize:"16px",fontFamily:"Nunito",fontStyle:"normal",lineHeight:"22px",letterSpacing:"-1.30385e-09px",fontWeight:300},body2:{fontSize:"14px",fontFamily:"Nunito",fontStyle:"Normal",lineHeight:"20px",letterSpacing:"-1.30385e-09px",fontWeight:300},button:{fontSize:"14px",fontFamily:"Nunito",fontStyle:"Normal",lineHeight:"16px",letterSpacing:"-1.30385e-09px",fontWeight:600},caption:{fontSize:"12px",fontFamily:"Nunito",fontStyle:"Normal",lineHeight:"16px",letterSpacing:"-1.30385e-09px",fontWeight:300},overline:{fontSize:"12px",fontFamily:"Nunito",fontStyle:"Normal",lineHeight:"16px",letterSpacing:"-1.30385e-09px",fontWeight:300}}),defaultOverrides=e=>{return{MuiTableCell:{styleOverrides:{head:{color:e.tableheadColor}}},MuiTableSortLabel:{styleOverrides:{root:{color:e.tableheadColor}}},MuiTableRow:{styleOverrides:{root:{"&$selected":{backgroundColor:e.tableRowSelectedBackground}}}},MuiCheckbox:{defaultProps:{color:"primary",disableRipple:!0}},MuiIconButton:{styleOverrides:{root:{color:e.iconRootColor,"&:hover":{color:e.iconRootHover},fontSize:"24px"}}},MuiIcon:{styleOverrides:{root:{color:e.iconRootColor,"&:hover":{color:e.iconRootHover},fontSize:"24px"},colorPrimary:{color:e.primaryMain,"&:hover":{color:e.iconPrimaryHover}},fontSizeSmall:{fontSize:"20px"},fontSizeLarge:{fontSize:"36px"}}},MuiButton:{styleOverrides:{root:{"&:disabled":{color:e.buttonDisabledColor,backgroundColor:e.buttonDisabledBackground},textTransform:"capitalize",fontSize:"14px"},containedPrimary:{"&:hover":{backgroundColor:e.buttonContainedPrimaryHoverBackground}},contained:{"&:disabled":{backgroundColor:e.buttonDisabledBackground,color:e.buttonDisabledColor}},outlinedPrimary:{"&:hover":{backgroundColor:e.buttonOutlinedBackground}},outlined:{"&:disabled":{backgroundColor:e.buttonDisabledBackground}},textSizeLarge:{fontSize:"15px"},textSizeSmall:{fontSize:"13px"}},defaultProps:{disableElevation:!0}},MuiRadio:{defaultProps:{color:"primary",disableRipple:!0}},MuiSwitch:{defaultProps:{color:"primary",disableRipple:!0}},MuiStepIcon:{styleOverrides:{root:{fill:e.buttonDisabledColor,"&$active":{fill:e.secondaryMain},"&$completed":{fill:e.secondaryMain}}}},MuiStepLabel:{styleOverrides:{label:{color:e.textSecondary,fontSize:"14px",fontWeight:600,"&$active":{color:e.textPrimary,fontSize:"14px",fontWeight:600},"&$completed":{color:e.textPrimary,fontSize:"14px",fontWeight:600}}}},MuiSvgIcon:{styleOverrides:{root:{fontSize:"24px"},fontSizeSmall:{fontSize:"20px"},fontSizeLarge:{fontSize:"36px"}}},MuiTextField:{defaultProps:{variant:"outlined",InputLabelProps:{shrink:!0}}},MuiTab:{styleOverrides:{root:{textTransform:"capitalize"}},defaultProps:{disableRipple:!0}},MuiLink:{styleOverrides:{root:{color:e.linkColor}},defaultProps:{underline:"none"}},MuiMenu:{styleOverrides:{paper:{paddingLeft:"5px",paddingRight:"5px",boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.25)"}}},MuiMenuItem:{styleOverrides:{root:{color:e.textPrimary,fontSize:"14px",borderRadius:"5px",fontWeight:400,textTransform:"capitalize","&:hover":{backgroundColor:e.buttonOutlinedBackground}}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:"36px"}}},MuiListItemText:{styleOverrides:{root:{color:e.textPrimary,fontSize:"14px",fontWeight:400},primary:{color:e.textPrimary,fontSize:"14px",fontWeight:400},secondary:{color:e.textSecondary,fontSize:"14px",fontWeight:400}}},MuiTypography:{styleOverrides:{h1:{textTransform:"uppercase",userSelect:"none"},h2:{userSelect:"none"},h3:{userSelect:"none"},h4:{userSelect:"none"},h5:{userSelect:"none"},h6:{userSelect:"none"},body1:{fontSize:"16px",userSelect:"none"},body2:{userSelect:"none"},subtitle1:{userSelect:"none"},subtitle2:{userSelect:"none"},button:{userSelect:"none"},caption:{color:e.textSecondary,fontSize:"12px",userSelect:"none"}}},MuiDivider:{styleOverrides:{root:{height:.5,borderBottomWidth:.5}}},MuiTooltip:{styleOverrides:{tooltip:{fontSize:"11px"}},defaultProps:{enterDelay:500,enterNextDelay:500,enterTouchDelay:1e3,leaveDelay:0,leaveTouchDelay:0}},MuiPopover:{defaultProps:{disableScrollLock:!0}},MuiOutlinedInput:{styleOverrides:{root:{"& legend":{width:"unset"}}}}}},colors$1={primaryMain:orange[500],secondaryMain:deepOrange[900],textPrimary:"#E5E5E5",textSecondary:"#5C6269",tableheadColor:"#465364",tableRowSelectedBackground:"#F2F5F9",buttonContainedPrimaryHoverBackground:"#0D62D2",buttonDisabledColor:"#9CA8B4",buttonDisabledBackground:"#D5DFE9",buttonOutlinedBackground:"#EEF3F9",linkColor:"#6098D1",iconRootColor:"#555F7C",iconRootHover:"#1B1D1F",iconPrimaryHover:"#0D62D2",backgroundColor:"#1B1D1F",backgroundPaper:"#D5DFE9",divider:"rgba(0,0,0,0.12)"},darkTheme=createTheme({palette:{mode:"dark",primary:{main:colors$1.primaryMain},secondary:{main:colors$1.secondaryMain},text:{primary:colors$1.textPrimary,secondary:colors$1.textSecondary},background:{default:colors$1.backgroundColor},divider:colors$1.divider,button:{containedPrimaryHoverBackground:colors$1.buttonContainedPrimaryHoverBackground,disabledColor:colors$1.buttonDisabledColor,disabledBackground:colors$1.buttonDisabledBackground,outlineBackground:colors$1.buttonOutlinedBackground}},spacing:5,typography:sharedTypography(),overrides:{MuiDivider:{root:{background:colors$1.divider}}}}),colors=(darkTheme.components=defaultOverrides(colors$1),{primaryMain:"#1871E8",secondaryMain:"#555F7C",textPrimary:"#2A323C",textSecondary:"#5C6269",tableheadColor:"#465364",tableRowSelectedBackground:"#F2F5F9",buttonContainedPrimaryHoverBackground:"#0D62D2",buttonDisabledColor:"#9CA8B4",buttonDisabledBackground:"#D5DFE9",buttonOutlinedBackground:"#EEF3F9",linkColor:"#6098D1",iconRootColor:"#555F7C",iconRootHover:"#1B1D1F",iconPrimaryHover:"#0D62D2",backgroundDefault:"#FFF",backgroundPaper:"#FFF",divider:"#D5DFE9",labelColor:"#555555",pinkBrand:"#D43060"}),lightTheme=createTheme({palette:{mode:"light",primary:{main:colors.primaryMain},secondary:{main:colors.secondaryMain},text:{primary:colors.textPrimary,secondary:colors.textSecondary,disabled:colors.buttonDisabledColor},background:{default:colors.backgroundDefault,paper:colors.backgroundPaper,badge:colors.pinkBrand},divider:colors.divider,info:{main:colors.labelColor},button:{containedPrimaryHoverBackground:colors.buttonContainedPrimaryHoverBackground,disabledColor:colors.buttonDisabledColor,disabledBackground:colors.buttonDisabledBackground,outlineBackground:colors.buttonOutlinedBackground}},spacing:5,typography:sharedTypography()}),BaselineStyles=(lightTheme.components=defaultOverrides(colors),({children:e})=>{var t=store.getState(),t=(null==(t=null==t?void 0:t.configs)?void 0:t.initConfig)||{},i=t["scopedStyles"];return 0===Object.keys(t).length?e:!1===i?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(CssBaseline,{}),e]}):jsxRuntime.exports.jsx(ScopedCssBaseline,{children:e})}),AIWareThemeProvider=e=>jsxRuntime.exports.jsx(StyledEngineProvider,Object.assign({injectFirst:!0},{children:jsxRuntime.exports.jsx(ThemeProvider,Object.assign({theme:lightTheme},{children:jsxRuntime.exports.jsx(BaselineStyles,{children:e.children})}))}));function sheetForTag(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function createStyleElement(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var StyleSheet=function(){function e(e){var i=this;this._insertTag=function(e){var t=0===i.tags.length?i.insertionPoint?i.insertionPoint.nextSibling:i.prepend?i.container.firstChild:i.before:i.tags[i.tags.length-1].nextSibling;i.container.insertBefore(e,t),i.tags.push(e)},this.isSpeedy=void 0!==e.speedy&&e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(t){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(createStyleElement(this));var e=this.tags[this.tags.length-1],i=64===t.charCodeAt(0)&&105===t.charCodeAt(1);if(i&&this._alreadyInsertedOrderInsensitiveRule&&console.error("You're attempting to insert the following rule:\n"+t+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!i,this.isSpeedy){i=sheetForTag(e);try{i.insertRule(t,i.cssRules.length)}catch(e){/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(t)||console.error('There was a problem inserting the following rule: "'+t+'"',e)}}else e.appendChild(document.createTextNode(t));this.ctr++},t.flush=function(){this.tags.forEach(function(e){return e.parentNode&&e.parentNode.removeChild(e)}),this.tags=[],this.ctr=0,this._alreadyInsertedOrderInsensitiveRule=!1},e}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",COMMENT="comm",RULESET="rule",DECLARATION="decl",IMPORT="@import",KEYFRAMES="@keyframes",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function hash(e,t){return(((t<<2^charat(e,0))<<2^charat(e,1))<<2^charat(e,2))<<2^charat(e,3)}function trim(e){return e.trim()}function match(e,t){return(e=t.exec(e))?e[0]:e}function replace(e,t,i){return e.replace(t,i)}function indexof(e,t){return e.indexOf(t)}function charat(e,t){return 0|e.charCodeAt(t)}function substr(e,t,i){return e.slice(t,i)}function strlen(e){return e.length}function sizeof(e){return e.length}function append(e,t){return t.push(e),e}function combine(e,t){return e.map(t).join("")}var line=1,column=1,length=0,position=0,character=0,characters="";function node(e,t,i,a,n,s,o){return{value:e,root:t,parent:i,type:a,props:n,children:s,line:line,column:column,length:o,return:""}}function copy(e,t){return assign(node("",null,null,"",null,null,0),e,{length:-e.length},t)}function char(){return character}function prev(){return character=0<position?charat(characters,--position):0,column--,10===character&&(column=1,line--),character}function next(){return character=position<length?charat(characters,position++):0,column++,10===character&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(e,t){return substr(characters,e,t)}function token(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(e){return line=column=1,length=strlen(characters=e),position=0,[]}function dealloc(e){return characters="",e}function delimit(e){return trim(slice(position-1,delimiter(91===e?e+2:40===e?e+1:e)))}function whitespace(e){for(;(character=peek())&&character<33;)next();return 2<token(e)||3<token(character)?"":" "}function escaping(e,t){for(;--t&&next()&&!(character<48||102<character||57<character&&character<65||70<character&&character<97););return slice(e,caret()+(t<6&&32==peek()&&32==next()))}function delimiter(e){for(;next();)switch(character){case e:return position;case 34:case 39:34!==e&&39!==e&&delimiter(character);break;case 40:41===e&&delimiter(e);break;case 92:next()}return position}function commenter(e,t){for(;next()&&e+character!==57&&(e+character!==84||47!==peek()););return"/*"+slice(t,position-1)+"*"+from(47===e?e:next())}function identifier(e){for(;!token(peek());)next();return slice(e,position)}function compile(e){return dealloc(parse("",null,null,null,[""],e=alloc(e),0,[0],e))}function parse(e,t,i,a,n,s,o,r,l){for(var c,d,u,p=0,g=0,m=o,x=0,v=0,h=1,f=1,j=1,S=0,y="",R=n,b=y;f;)switch(c=S,S=next()){case 40:if(108!=c&&58==b.charCodeAt(m-1)){-1!=indexof(b+=replace(delimit(S),"&","&\f"),"&\f")&&(j=-1);break}case 34:case 39:case 91:b+=delimit(S);break;case 9:case 10:case 13:case 32:b+=whitespace(c);break;case 92:b+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),t,i),l);break;default:b+="/"}break;case 123*h:r[p++]=strlen(b)*j;case 125*h:case 59:case 0:switch(S){case 0:case 125:f=0;case 59+g:0<v&&strlen(b)-m&&append(32<v?declaration(b+";",a,i,m-1):declaration(replace(b," ","")+";",a,i,m-2),l);break;case 59:b+=";";default:if(append(u=ruleset(b,t,i,p,g,n,r,y,R=[],d=[],m),s),123===S)if(0===g)parse(b,t,u,u,R,s,m,r,d);else switch(x){case 100:case 109:case 115:parse(e,u,u,a&&append(ruleset(e,u,u,0,0,n,r,y,n,R=[],m),d),n,d,m,r,a?R:d);break;default:parse(b,u,u,u,[""],d,0,r,d)}}p=g=v=0,h=j=1,y=b="",m=o;break;case 58:m=1+strlen(b),v=c;default:if(h<1)if(123==S)--h;else if(125==S&&0==h++&&125==prev())continue;switch(b+=from(S),S*h){case 38:j=0<g?1:(b+="\f",-1);break;case 44:r[p++]=(strlen(b)-1)*j,j=1;break;case 64:45===peek()&&(b+=delimit(next())),x=peek(),g=m=strlen(y=b+=identifier(caret())),S++;break;case 45:45===c&&2==strlen(b)&&(h=0)}}return s}function ruleset(e,t,i,a,n,s,o,r,l,c,d){for(var u,p=n-1,g=0===n?s:[""],m=sizeof(g),x=0,v=0;x<a;++x)for(var h,f=0,j=substr(e,p+1,p=abs(u=o[x]));f<m;++f)(h=trim(0<u?g[f]+" "+j:replace(j,/&\f/g,g[f])))&&(l[v++]=h);return node(e,t,i,0===n?RULESET:r,l,c,d)}function comment(e,t,i){return node(e,t,i,COMMENT,from(char()),substr(e,2,-2),0)}function declaration(e,t,i,a){return node(e,t,i,DECLARATION,substr(e,0,a),substr(e,a+1,-1),a)}function prefix(e,t){switch(hash(e,t)){case 5103:return WEBKIT+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+e+MOZ+e+MS+e+e;case 6828:case 4268:return WEBKIT+e+MS+e+e;case 6165:return WEBKIT+e+MS+"flex-"+e+e;case 5187:return WEBKIT+e+replace(e,/(\w+).+(:[^]+)/,WEBKIT+"box-$1$2"+MS+"flex-$1$2")+e;case 5443:return WEBKIT+e+MS+"flex-item-"+replace(e,/flex-|-self/,"")+e;case 4675:return WEBKIT+e+MS+"flex-line-pack"+replace(e,/align-content|flex-|-self/,"")+e;case 5548:return WEBKIT+e+MS+replace(e,"shrink","negative")+e;case 5292:return WEBKIT+e+MS+replace(e,"basis","preferred-size")+e;case 6060:return WEBKIT+"box-"+replace(e,"-grow","")+WEBKIT+e+MS+replace(e,"grow","positive")+e;case 4554:return WEBKIT+replace(e,/([^-])(transform)/g,"$1"+WEBKIT+"$2")+e;case 6187:return replace(replace(replace(e,/(zoom-|grab)/,WEBKIT+"$1"),/(image-set)/,WEBKIT+"$1"),e,"")+e;case 5495:case 3959:return replace(e,/(image-set\([^]*)/,WEBKIT+"$1$`$1");case 4968:return replace(replace(e,/(.+:)(flex-)?(.*)/,WEBKIT+"box-pack:$3"+MS+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+WEBKIT+e+e;case 4095:case 3583:case 4068:case 2532:return replace(e,/(.+)-inline(.+)/,WEBKIT+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(6<strlen(e)-1-t)switch(charat(e,t+1)){case 109:if(45!==charat(e,t+4))break;case 102:return replace(e,/(.+:)(.+)-([^]+)/,"$1"+WEBKIT+"$2-$3$1"+MOZ+(108==charat(e,t+3)?"$3":"$2-$3"))+e;case 115:return~indexof(e,"stretch")?prefix(replace(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==charat(e,t+1))break;case 6444:switch(charat(e,strlen(e)-3-(~indexof(e,"!important")&&10))){case 107:return replace(e,":",":"+WEBKIT)+e;case 101:return replace(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+WEBKIT+(45===charat(e,14)?"inline-":"")+"box$3$1"+WEBKIT+"$2$3$1"+MS+"$2box$3")+e}break;case 5936:switch(charat(e,t+11)){case 114:return WEBKIT+e+MS+replace(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return WEBKIT+e+MS+replace(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return WEBKIT+e+MS+replace(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return WEBKIT+e+MS+e+e}return e}function serialize(e,t){for(var i="",a=sizeof(e),n=0;n<a;n++)i+=t(e[n],n,e,t)||"";return i}function stringify(e,t,i,a){switch(e.type){case IMPORT:case DECLARATION:return e.return=e.return||e.value;case COMMENT:return"";case KEYFRAMES:return e.return=e.value+"{"+serialize(e.children,a)+"}";case RULESET:e.value=e.props.join(",")}return strlen(i=serialize(e.children,a))?e.return=e.value+"{"+i+"}":""}function middleware(o){var r=sizeof(o);return function(e,t,i,a){for(var n="",s=0;s<r;s++)n+=o[s](e,t,i,a)||"";return n}}function prefixer(t,e,i,a){if(-1<t.length&&!t.return)switch(t.type){case DECLARATION:t.return=prefix(t.value,t.length);break;case KEYFRAMES:return serialize([copy(t,{value:replace(t.value,"@","@"+WEBKIT)})],a);case RULESET:if(t.length)return combine(t.props,function(e){switch(match(e,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return serialize([copy(t,{props:[replace(e,/:(read-\w+)/,":"+MOZ+"$1")]})],a);case"::placeholder":return serialize([copy(t,{props:[replace(e,/:(plac\w+)/,":"+WEBKIT+"input-$1")]}),copy(t,{props:[replace(e,/:(plac\w+)/,":"+MOZ+"$1")]}),copy(t,{props:[replace(e,/:(plac\w+)/,MS+"input-$1")]})],a)}return""})}}var last=function(e){return e.length?e[e.length-1]:null},identifierWithPointTracking=function(e,t,i){for(var a,n=0;a=n,n=peek(),38===a&&12===n&&(t[i]=1),!token(n);)next();return slice(e,position)},toRules=function(e,t){var i=-1,a=44;do{switch(token(a)){case 0:38===a&&12===peek()&&(t[i]=1),e[i]+=identifierWithPointTracking(position-1,t,i);break;case 2:e[i]+=delimit(a);break;case 4:if(44===a){e[++i]=58===peek()?"&\f":"",t[i]=e[i].length;break}default:e[i]+=from(a)}}while(a=next());return e},getRules=function(e,t){return dealloc(toRules(alloc(e),t))},fixedElements=new WeakMap,compat=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,i=e.parent,a=e.column===i.column&&e.line===i.line;"rule"!==i.type;)if(!(i=i.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||fixedElements.get(i))&&!a){fixedElements.set(e,!0);for(var n=[],s=getRules(t,n),o=i.props,r=0,l=0;r<s.length;r++)for(var c=0;c<o.length;c++,l++)e.props[l]=n[r]?s[r].replace(/&\f/g,o[c]):o[c]+" "+s[r]}}},removeLabel=function(e){var t;"decl"===e.type&&108===(t=e.value).charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")},ignoreFlag="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",isIgnoringComment=function(e){return!!e&&"comm"===e.type&&-1<e.children.indexOf(ignoreFlag)},createUnsafeSelectorsAlarm=function(a){return function(e,t,i){"rule"!==e.type||!(e=e.value.match(/(:first|:nth|:nth-last)-child/g))||!0===a.compat||(i=0<t?i[t-1]:null)&&isIgnoringComment(last(i.children))||e.forEach(function(e){console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')})}},isImportRule=function(e){return 105===e.type.charCodeAt(1)&&64===e.type.charCodeAt(0)},isPrependedWithRegularRules=function(e,t){for(var i=e-1;0<=i;i--)if(!isImportRule(t[i]))return!0;return!1},nullifyElement=function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},incorrectImportAlarm=function(e,t,i){isImportRule(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),nullifyElement(e)):isPrependedWithRegularRules(t,i)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),nullifyElement(e)))},defaultStylisPlugins=[prefixer],createCache=function(e){var t=e.key;if(!t)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");"css"===t&&(i=document.querySelectorAll("style[data-emotion]:not([data-s])"),Array.prototype.forEach.call(i,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}));var i=e.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var a={},n=[],s=e.container||document.head,o=(Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),i=1;i<t.length;i++)a[t[i]]=!0;n.push(e)}),[compat,removeLabel]);o.push(createUnsafeSelectorsAlarm({get compat(){return c.compat}}),incorrectImportAlarm);var r,l=middleware(o.concat(i,[stringify,function(e){e.root||(e.return?r.insert(e.return):e.value&&e.type!==COMMENT&&r.insert(e.value+"{}"))}])),o=function(e,t,i,a){r=i,void 0!==t.map&&(r={insert:function(e){i.insert(e+t.map)}}),serialize(compile(e?e+"{"+t.styles+"}":t.styles),l),a&&(c.inserted[t.name]=!0)},c={key:t,sheet:new StyleSheet({key:t,container:s,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:o};return c.sheet.hydrate(n),c};createCache({key:"mui",prepend:!0});const visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var LoadingStatus,visuallyHidden$1=visuallyHidden;const SHARED_TEXT={addNewUsersText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.add-new-users-text",defaultMessage:"Add new users to this organization and control the applications that they have access to.",description:"Multi-Org invite users instructions text"}),addButtonText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.add-button",defaultMessage:"Add",description:"Multi-Org add user"}),appText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.tooltip.app",defaultMessage:"App",description:"application on tooltip"}),roleText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.tooltip.role",defaultMessage:"Role",description:"role on tooltip"}),editButtonText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.edit-button",defaultMessage:"Edit",description:"Multi-Org add user"}),sendInvitationButtonText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.send-invitations",defaultMessage:"Send Invitation",description:"Multi-Org send invitation"}),noApplicationsText:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.no-applications-yet",defaultMessage:"You have not added any applications yet",description:"Multi-Org no applications"}),accessTo:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.access-to",defaultMessage:"Access to",description:"Multi-Org access to"}),application:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.application-singular",defaultMessage:"Application",description:"Multi-Org application"}),applications:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.application-plural",defaultMessage:"Applications",description:"Multi-Org applications"}),removeUserButton:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.remove-user",defaultMessage:"Remove User",description:"Multi-Org remove user"}),hasPendingInvite:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.pending-invite",defaultMessage:"This user has a pending invitation for this organization already.",description:"Multi-Org has pending invite"}),closePanel:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.close-panel-btn",defaultMessage:"Close Panel",description:"Close Panel"}),headerTitle:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.title",defaultMessage:"Organizations",description:"Panel header of the organizations"}),inviteUsers:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.button.invite-users",defaultMessage:"Invite Users",description:"Invite Users header button"}),addApplications:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.button.add-applications",defaultMessage:"Add Applications",description:"Add Applications title"}),adminApprovalRequired:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.non-admin-disclaimer.title",defaultMessage:"Admin Approval Required",description:"Invite Users - non admin user disclaimer"}),adminApprovalRequiredMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.non-admin-disclaimer.message",defaultMessage:"All Invitations must be approved by your Organization Admin. You will receive a notification once this request has been reviewed. Please note your admin may change application access for this invitee if necessary.",description:"Invite Users - non admin user disclaimer message"}),viewRequests:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.button.view-requests",defaultMessage:"View Requests",description:"View Requests header button"}),inviteRequests:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.button.invite-requests",defaultMessage:"Invite Requests",description:"Invite Requests header title"}),inviteRequestsDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.button.invite-requests-description",defaultMessage:"Review and manage all invite requests sent from users of your organization. Once you are finished, click confirm to send approved request to new users.",description:"Invite Requests header description"}),approveAll:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.header.button.invite-requests-approve-all",defaultMessage:"Approve All",description:"Invite Requests approve all button"}),rejectAll:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.actionItems.invite-requests-reject-all",defaultMessage:"Reject All",description:"Invite Requests reject all button"}),requestor:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.body.invite-requests-requestor",defaultMessage:"Requestor",description:"Invite Requests requestor label"}),accessRequest:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.table.invite-requests-requestor",defaultMessage:"Access Request",description:"Invite Requests requsted apps name"}),role:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.table.role",defaultMessage:"Role",description:"Invite Requests requsted apps role"}),approveRequest:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.cardActions.approveRequest",defaultMessage:"Approve Request",description:"Invite Requests approve request button text"}),rejectRequest:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.cardActions.rejectRequest",defaultMessage:"Reject Request",description:"Invite Requests reject request button text"}),confirm:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.cardActions.confirm",defaultMessage:"Confirm",description:"Invite Requests confirm button text"}),reviewRequest:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.header.review-request",defaultMessage:"Review Request",description:"Review Request Panel header text"}),saveBtn:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.app-access.save-button",defaultMessage:"Save",description:"Invite Users - application role save button"}),makeDefault:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.make-default-org",defaultMessage:"Make Default",description:"Multi-Org: set default org"})},SLICE_NAME="organizationPanel",adminRoles=(!function(e){e.failed="failed",e.idle="idle",e.pending="pending",e.success="success"}(LoadingStatus=LoadingStatus||{}),["admin","superadmin"]),isAdminUser=e=>0<lodash.exports.intersection(adminRoles,e).length,ADMIN_CUSTOM_SERVICE_ROLE_ID="3459c3de-493f-443a-8ad0-ddb9f3f6c76d",HIDDEN_APP_ROLE_IDS=[ADMIN_CUSTOM_SERVICE_ROLE_ID],namespace$3="organizationsState",initialState$3={status:LoadingStatus.idle,inviteFetchStatus:LoadingStatus.idle,inviteeFetchStatus:LoadingStatus.idle,organizations:[],currentOrg:{applications:{records:[]},roles:[]},currentInvitee:"",invitees:[],organizationInvites:[],activeOrganizationInviteId:null,orgSwitchInitiated:!1},organizationsSlice$1=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$3,reducers:{organizationsFetchStart(e){e.status=LoadingStatus.pending},organizationsFetchSucceed(e,t){e.status=LoadingStatus.success,e.organizations=t.payload},organizationsFetchFailed(e){e.status=LoadingStatus.failed},currentOrganizationFetchStart(e,t){e.status=LoadingStatus.pending},currentOrganizationFetchSucceed(e,t){e.status=LoadingStatus.success,e.currentOrg=t.payload},currentOrganizationFetchFailed(e){e.status=LoadingStatus.failed},fetchInviteeStart(e,t){e.inviteeFetchStatus=LoadingStatus.pending},fetchInviteeSucceed(e,t){e.invitees.push(t.payload),e.inviteeFetchStatus=LoadingStatus.success},fetchInviteeFailed(e){e.inviteeFetchStatus=LoadingStatus.failed},setCurrentInvitee(e,t){e.currentInvitee=t.payload},addInviteeRoles(t,e){var i=t.invitees.findIndex(e=>e.email===t.currentInvitee);-1!==i&&(t.invitees[i]=Object.assign(Object.assign({},t.invitees[i]),{applicationRoles:e.payload}),t.currentInvitee="")},removeInvitee(e,t){e.invitees=e.invitees.filter(e=>e.email!==t.payload),e.currentInvitee=""},switchUserToOrganizationStart(e,t){e.status=LoadingStatus.pending},switchUserToOrganizationSucceed(e,t){e.status=LoadingStatus.success},switchUserToOrganizationFailed(e){e.status=LoadingStatus.failed},clearInvitees(e){e.invitees=[],e.currentInvitee=""},fetchOrganizationInvitesStart(e){e.inviteFetchStatus=LoadingStatus.pending},fetchOrganizationInvitesSucceed(e,t){e.organizationInvites=t.payload,e.inviteFetchStatus=LoadingStatus.success},fetchOrganizationInvitesFailed(e){e.inviteFetchStatus=LoadingStatus.failed},setActiveOrganizationInviteId(e,t){e.activeOrganizationInviteId=t.payload},clearActiveOrganizationInviteId(t){t.organizationInvites=t.organizationInvites.filter(e=>e.organizationInviteId!==t.activeOrganizationInviteId),t.activeOrganizationInviteId=null},setUserDefaultOrg(e,t){return e},initiateOrgSwitch(e,t){e.orgSwitchInitiated=t.payload}}}),actions$4=organizationsSlice$1.actions;var organizations_state=organizationsSlice$1.reducer;const selectMyOrganizations=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.organizations},myCurrentOrg=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.currentOrg},myCurrentRoles=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.currentOrg.roles},selectUIStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.status},selectInviteFetchStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.inviteFetchStatus},invitees=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.invitees},currentInvitee=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.currentInvitee},selectOrganizationInvites=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.organizationInvites},selectActiveOrganizationInviteId=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.activeOrganizationInviteId},selectActiveOrganizationInvite=e=>{var t;const i=null==(t=null==(t=null==e?void 0:e[SLICE_NAME])?void 0:t[namespace$3])?void 0:t.activeOrganizationInviteId;return i?null==(e=null==(t=null==e?void 0:e[SLICE_NAME])?void 0:t[namespace$3])?void 0:e.organizationInvites.filter(e=>e.organizationInviteId===i)[0]:null},selectPendingOrgInvites=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e.organizationInvitesState)?void 0:e.pendingInvites},selectPendingOrgInvitesStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e.organizationInvitesState)?void 0:e.pendingInviteStatus},selectOrgSwitchInitiated=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.orgSwitchInitiated};var organizations_selector=Object.freeze({__proto__:null,selectMyOrganizations:selectMyOrganizations,myCurrentOrg:myCurrentOrg,myCurrentRoles:myCurrentRoles,selectUIStatus:selectUIStatus,selectInviteFetchStatus:selectInviteFetchStatus,invitees:invitees,currentInvitee:currentInvitee,selectOrganizationInvites:selectOrganizationInvites,selectActiveOrganizationInviteId:selectActiveOrganizationInviteId,selectActiveOrganizationInvite:selectActiveOrganizationInvite,selectPendingOrgInvites:selectPendingOrgInvites,selectPendingOrgInvitesStatus:selectPendingOrgInvitesStatus,selectOrgSwitchInitiated:selectOrgSwitchInitiated});const namespace$2="scimIdsState",initialState$2={status:LoadingStatus.idle,scimIds:[]},organizationsSlice=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$2,reducers:{scimIdsFetchStart(e){e.status=LoadingStatus.pending},scimIdsFetchSucceed(e,t){e.status=LoadingStatus.success,e.scimIds=t.payload},scimIdsFetchFailed(e){e.status=LoadingStatus.failed}}}),actions$3=organizationsSlice.actions;var scimIds_state=organizationsSlice.reducer;const selectScimIds=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$2])?void 0:e.scimIds},selectIsScimUser=e=>{var t;return(null==(t=null==(t=null==e?void 0:e[SLICE_NAME])?void 0:t[namespace$2])?void 0:t.status)!==LoadingStatus.success?void 0:0<(null==(t=null==(e=null==(t=null==e?void 0:e[SLICE_NAME])?void 0:t[namespace$2])?void 0:e.scimIds)?void 0:t.length)};var scimIds_selector=Object.freeze({__proto__:null,selectScimIds:selectScimIds,selectIsScimUser:selectIsScimUser});const selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,i)=>({apiRoot:e,graphQLEndpoint:t,token:i})),selectUserId=createSelector(authSelector,e=>e.userId),useStyles$i=makeStyles()((e,{height:t})=>({header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",justifyContent:"space-between",height:t,padding:e.spacing(0,0,0,6)},headerNoBorder:{alignItems:"center",borderBottom:"0.5px solid transparent",display:"flex",justifyContent:"space-between",height:t,padding:e.spacing(0,0,0,6)},marginRight:{marginRight:e.spacing(2)},navigationToggle:{marginRight:e.spacing(1)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"},verticalDivider:{borderRight:".5px solid "+e.palette.divider,height:"70%",margin:"0 "+e.spacing(1)},title:{userSelect:"none",fontStyle:"normal",fontSize:"18px",lineHeight:e.spacing(5),letterSpacing:"0.25px",textTransform:"uppercase",color:e.palette.text.secondary},viewRequestsBadge:{marginLeft:e.spacing(3),"& .Sdk-MuiBadge-badge":{fontFamily:"Nunito",backgroundColor:"#D43060",color:"#fff"}}})),inviteUsersPanel="INVITE_USERS_PANEL",inviteRequestsPanel="INVITE_REQUESTS_PANEL",PanelHeader=({height:e,onPanelClose:t,parentPanelId:i})=>{e=useStyles$i({height:e}).classes;const[a,n]=react.exports.useState([]),s=useDispatch(),o=useSelector(userSelector);var r=useSelector(selectIsScimUser),l=useSelector(selectPendingOrgInvites),c=(react.exports.useEffect(()=>{o&&n(o.roles)},[o]),isAdminUser(a));return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-testid":"org-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"org-title",className:e.title},{children:SHARED_TEXT.headerTitle})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[c&&jsxRuntime.exports.jsxs(Button,Object.assign({sx:{mr:2},onClick:()=>{var e={name:inviteRequestsPanel,config:{name:"Invite Requests"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"medium",zIndex:1001,parentPanelId:i,dimmed:0,dimmedStatus:"dimParent",header:{title:SHARED_TEXT.inviteRequests}};s(mountPanel({panelId:inviteRequestsPanel,microFrontend:e,panelConfig:t}))},color:"primary","data-testid":"org-view-requests"},{children:[SHARED_TEXT.viewRequests,jsxRuntime.exports.jsx(Badge,{className:e.viewRequestsBadge,badgeContent:null==l?void 0:l.length})]})),!1===r&&jsxRuntime.exports.jsx(Button,Object.assign({className:e.marginRight,onClick:()=>{var e={name:inviteUsersPanel,config:{name:"Invite Users"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"medium",zIndex:1001,parentPanelId:i,dimmed:0,dimmedStatus:"dimParent"};s(mountPanel({panelId:inviteUsersPanel,microFrontend:e,panelConfig:t}))},color:"primary",variant:"contained","data-test":"org-invite-users-btn"},{children:SHARED_TEXT.inviteUsers})),jsxRuntime.exports.jsx("div",{className:e.verticalDivider}),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"org-close-panel"},{children:SHARED_TEXT.closePanel})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"org-close-panel","data-testid":"org-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},Header$1=({height:e})=>{e=useStyles$i({height:e}).classes;const t=useDispatch();return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-testid":"invitation-panel-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"org-title",className:e.title},{children:SHARED_TEXT.inviteUsers})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"org-close-panel"},{children:SHARED_TEXT.closePanel})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(hidePanel(inviteUsersPanel))},"aria-labelledby":"invite-users-close-panel","data-testid":"invite-users-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},useLookupStyles=makeStyles()((e,t)=>({root:{fontFamily:"Nunito",display:"flex",flexDirection:"column",justifyContent:"space-between",height:"calc(100% - 74px)",padding:e.spacing(5,6,0,6),"& button":{textTransform:"none",fontFamily:"Nunito"},"& input":{fontFamily:"Nunito"},"& textarea":{fontFamily:"Nunito"},"& fieldset":{borderColor:"#D5DFE9 !important"},"&:placeholder":{color:"#9CA8B4 !important"}},addUserText:{marginBottom:"35px",cursor:"text"},lookupDivider:{marginBottom:"30px !important"},lookupField:{width:"100%"},lookupContainer:{position:"relative","& button":{position:"absolute",right:"20px",top:"14px",fontSize:"12px",height:"28px",width:"53px",fontWeight:600,color:"#1871E8",borderColor:"#1871E8",minWidth:"unset !important"}},messageContainer:{position:"relative",marginBottom:"19px"},messageField:{width:"100%"},messageCharCount:{position:"absolute",bottom:"8px",right:"11px",fontSize:"12px",lineHeight:"16px",color:"#9CA8B4"},sendButton:{float:"right","&:disabled":{color:"#9CA8B4 !important",background:"#D5DFE9 !important"}},cardsContainer:{overflowY:"scroll",height:"calc(100% - (95px + 56px))",marginTop:"20px"},whiteBackgroupContainer:{background:"white",zIndex:1},lookupCardsContainer:{height:"calc(100% - 212px - 54px)"},nonAdminInviteMessageContainer:{color:"white",background:"rgb(107,155,232)",padding:"10px",borderLeft:"5px solid #1772E8",marginBottom:"25px",marginTop:"-21px"},nonAdminInviteMessageTitle:{fontSize:"14px",fontWeight:600,lineHeight:"20px"},nonAdminInviteMessageText:{fontSize:"12px",fontWeight:400,lineHeight:"16px",cursor:"text"}})),applicationsText={fontSize:"10px",lineHeight:"16px",marginTop:"14px",fontWeight:600,marginBottom:"0"},useCardStyles=makeStyles()((e,t)=>({root:{marginBottom:"20px",width:"100%",borderRadius:"4px",border:"0.5px solid rgba(213, 223, 233, 1)",boxShadow:"none !important","& .Sdk-MuiCardContent-root":{padding:"20px",boxShadow:"none"},"& button":{textTransform:"none"},"& .Sdk-MuiDivider-root":{borderWidth:"0.5px",borderBottom:"0",borderColor:"rgb(213, 223, 233)"},"& .Sdk-MuiCardActions-root":{display:"flex",padding:"15px",justifyContent:"center","& button":{padding:0}}},userCardUserInfo:{display:"flex"},userCardUserInfoRow:{display:"flex",justifyContent:"space-between"},flexRow:{display:"flex","& .Sdk-MuiAvatar-root":{marginRight:"12px",background:"rgba(0, 0, 0, 0.05)",color:"black",fontSize:"16px"}},userCardName:{fontSize:"16px",lineHeight:"22px",color:"#2A323C",margin:0},userCardEmail:{fontSize:"12px",lineHeight:"16px",color:"#5C6269",margin:0},badgeContainer:{"& div":{float:"right"}},noApplications:Object.assign({color:"#9CA8B4"},applicationsText),hasApplications:Object.assign({color:"#2A323C"},applicationsText),isPending:Object.assign({color:"rgba(92, 98, 105, 1)"},applicationsText),actionButtonWrapper:{width:"50%",display:"flex",justifyContent:"center","& button":{fontSize:"12px"},"& svg":{fontSize:"16px !important"}},removeUserButton:{color:"#2A323C !important"}})),useStyles$h=makeStyles()(()=>({root:{textTransform:"uppercase",fontSize:"9px",padding:"3px 10px",lineHeight:"12px",textAlign:"center",fontFamily:"Nunito",fontWeight:"bold",display:"inline-block",borderRadius:"2px"},new:{background:"#B9E0BB",color:"#16961B"},existing:{background:"rgba(96, 152, 209, 0.4)",color:"#477DB4"},pending:{background:"rgba(255, 187, 10, 0.4)",color:"#CA9200"}})),UserVariant={new:jsxRuntime.exports.jsx(FormattedMessage,{id:"organization-panel.new-user",defaultMessage:"New User",description:"multi-org-new-user"}),existing:jsxRuntime.exports.jsx(FormattedMessage,{id:"organization-panel.existing-user",defaultMessage:"Existing User",description:"multi-org-existing-user"}),pending:jsxRuntime.exports.jsx(FormattedMessage,{id:"organization-panel.Pending-user",defaultMessage:"Pending Invitation",description:"multi-org-pending-invitation"})},UserStatusBadge=({variant:e})=>{var t=useStyles$h()["classes"];return UserVariant[e]?jsxRuntime.exports.jsx("div",Object.assign({className:classNames(t.root,t[e]),"data-testid":"multi-org-user-status-"+e},{children:UserVariant[e]})):null},namespace$1="organizationInvitesState",initialState$1={createStatus:LoadingStatus.idle,updateStatus:LoadingStatus.idle,reRequestStatus:LoadingStatus.idle,pendingInviteStatus:LoadingStatus.idle,organizationInvites:[],pendingInvites:[]},organizationInvitesSlice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState$1,reducers:{createOrganizationInviteStart(e,t){e.createStatus=LoadingStatus.pending},createOrganizationInviteSucceed(e){e.createStatus=LoadingStatus.success},createOrganizationInviteFailed(e){e.createStatus=LoadingStatus.failed},updateOrganizationInviteStart(e,t){e.updateStatus=LoadingStatus.pending},updateOrganizationInviteSucceed(e,t){e.updateStatus=LoadingStatus.success},updateOrganizationInviteFailed(e){e.updateStatus=LoadingStatus.failed},reRequestOrganizationInviteStart(e,t){e.reRequestStatus=LoadingStatus.pending},reRequestOrganizationInviteSucceed(e,t){e.reRequestStatus=LoadingStatus.success},reRequestOrganizationInviteFailed(e){e.reRequestStatus=LoadingStatus.failed},fetchPendingInvitesStart(e,t){e.pendingInviteStatus=LoadingStatus.pending},fetchPendingInvitesSucceed(e,t){e.pendingInviteStatus=LoadingStatus.success,e.pendingInvites=t.payload},fetchPendingInvitesFailed(e){e.pendingInviteStatus=LoadingStatus.failed},updatePendingInviteStatus(e,t){return e}}}),actions$2=organizationInvitesSlice.actions;var organizationInvites_state=organizationInvitesSlice.reducer;const namespace="reviewRequestState",initialState={status:LoadingStatus.idle},reviewRequestSlice=createSlice({name:SLICE_NAME+"/"+namespace,initialState:initialState,reducers:{updateOrganizationInviteStart(e,t){e.status=LoadingStatus.pending},updateOrganizationInviteSucceed(e){e.status=LoadingStatus.success}}}),actions$1=reviewRequestSlice.actions;var reviewRequest_state=reviewRequestSlice.reducer;const actions={[namespace$3]:actions$4,[namespace$1]:actions$2,[namespace]:actions$1,[namespace$2]:actions$3},rootReducer=combineReducers({[namespace$3]:organizations_state,[namespace$1]:organizationInvites_state,[namespace]:reviewRequest_state,[namespace$2]:scimIds_state}),Header=({height:e})=>{e=useStyles$i({height:e}).classes;const t=useDispatch();return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-testid":"multi-org-application-panel-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"org-title",className:e.title},{children:SHARED_TEXT.addApplications})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"multi-org-application-panel-close"},{children:SHARED_TEXT.closePanel})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(actions.organizationsState.setCurrentInvitee("")),t(hidePanel(panelName))},"aria-labelledby":"org-close-panel","data-testid":"multi-org-application-panel-close",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))]}))},useApplicationCardStyles=makeStyles()((e,t,i)=>({root:{marginTop:"22px"},appInfo:{display:"flex",flexDirection:"row",justifyContent:"space-between"},flexContainer:{display:"flex",flexDirection:"row"},avatarCol:{width:"30px",marginRight:"14px"},avatar:{width:"30px",height:"30px",fontSize:"12px"},toggleCol:{width:"35px",marginRight:"12px",marginTop:"-12px"},toggleOff:{"& .Sdk-MuiSwitch-thumb":{background:"rgb(158,167,179)"},"& .Sdk-MuiSwitch-track":{background:"rgb(218,222,225)"},"& .Sdk-Mui-disabled+.MuiSwitch-track":{opacity:.8}},toggleOn:{"& .Sdk-MuiSwitch-thumb":{background:"#2F80ED"},"& .Sdk-MuiSwitch-track":{background:"rgb(182,206,244)"}},cardTitle:{fontSize:"16px",fontWeight:400,lineHeight:"22px",textAlign:"left"},cardText:{fontSize:"14px",fontWeight:400,lineHeight:"20px"},select:{width:"270px",position:"relative","& > .Sdk-MuiSelect-select > :nth-child(2)":{display:"none !important"}},menuItem:{width:"436px",display:"block","& < ul < div":{left:"150px !important"}},optionTitle:{fontWeight:600,fontSize:"16px",lineHeight:"22px"},optionText:{fontWeight:400,fontSize:"14px",lineHeight:"20px",whiteSpace:"break-spaces"},selectCol:{margin:"28px 0 28px 44px"}})),useApplicationPanelStyles=makeStyles()(()=>({root:{display:"flex",flexDirection:"column",justifyContent:"space-between"},appCardsContainer:{padding:"20px 30px",height:"calc(100vh - 55px - 64px - 60px)",overflowY:"scroll"},saveButton:{float:"right",margin:"10px 44px"}})),ApplicationCard=({intl:e,card:t,manageRoles:i,roles:a=[]})=>{const[n,s]=react.exports.useState(!1),[o,r]=react.exports.useState(""),[l,c]=react.exports.useState(""),{applicationName:d,applicationDescription:u,applicationIconUrl:p,applicationId:g,providedRole:m,applicationKey:x}=t,v=useApplicationCardStyles()["classes"],[h,f]=react.exports.useState(""),[j,S]=react.exports.useState([]);react.exports.useEffect(()=>{m&&(s(!0),f(x))},[m]),react.exports.useEffect(()=>{if(a&&h){const e=a.filter(e=>e.appName===h&&!HIDDEN_APP_ROLE_IDS.includes(e.id));e.sort((e,t)=>e.name.toLowerCase().localeCompare(t.name.toLowerCase())),S(e)}},[h]);t=e.formatMessage({id:"organization-panel.user-application-role",defaultMessage:[{type:0,value:"Role Type"}]});return react.exports.useEffect(()=>{o&&l&&i({type:reducerActions.SET_ROLE,payload:{applicationId:g,role:o,roleId:l,application:{name:d,iconUrl:p}}})},[l]),react.exports.useEffect(()=>{var e;0<j.length&&h&&!m?(r(j[0].name),c(j[0].id)):0<j.length&&h&&m&&((e=j.find(e=>e.id===m))&&(r(e.name),c(e.id)))},[j,m]),jsxRuntime.exports.jsxs("div",Object.assign({className:v.root,"data-testid":"multi-org-app-card"},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:v.appInfo},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:v.flexContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:v.avatarCol},{children:jsxRuntime.exports.jsx(Avatar,{src:p||img$5,"data-testid":"multi-org-app-card-avatar",className:v.avatar})})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("div",Object.assign({className:v.cardTitle},{children:d})),jsxRuntime.exports.jsx("div",Object.assign({className:v.cardText},{children:u}))]})]})),jsxRuntime.exports.jsx("div",Object.assign({className:v.toggleCol},{children:jsxRuntime.exports.jsx(Switch,{"data-testid":"multi-org-app-card-access-toggle",value:n,checked:n,onChange:()=>{n?(r(""),i({type:reducerActions.REMOVE_ROLE,payload:{applicationId:g}}),f("")):f(x.toLowerCase()),s(!n)},className:n?v.toggleOn:v.toggleOff,disabled:!a.length})}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:v.selectCol},{children:n&&jsxRuntime.exports.jsxs(FormControl$1,{children:[jsxRuntime.exports.jsx(InputLabel,Object.assign({id:"multi-org-role-type"},{children:t})),jsxRuntime.exports.jsx(Select,Object.assign({labelId:"multi-org-role-type","data-testid":"application-card-user-role",value:o,label:t,onChange:t=>{r(t.target.value);var e=null==(e=j.find(e=>e.name===t.target.value))?void 0:e.id;c(e)},className:v.select,MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},{children:j&&j.map(e=>jsxRuntime.exports.jsxs(MenuItem,Object.assign({value:e.name,className:v.menuItem,"data-testid":"multi-org-application-role-"+e.id},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:v.optionTitle},{children:e.name})),jsxRuntime.exports.jsx("div",Object.assign({className:v.optionText},{children:e.description}))]}),e.id))}))]})})),jsxRuntime.exports.jsx(Divider,{})]}))};var reducerActions,EUserStatus,ApplicationCard$1=injectIntl(ApplicationCard);const panelName="ADD_APPLICATIONS",orgReducer=(!function(e){e[e.SET_ROLE=0]="SET_ROLE",e[e.REMOVE_ROLE=1]="REMOVE_ROLE"}(reducerActions=reducerActions||{}),(e,t)=>{switch(t.type){case reducerActions.SET_ROLE:{const{applicationId:a,role:n,roleId:s}=t.payload,o=[...e];var i;return a&&s&&n&&(-1===(i=e.findIndex(e=>e.applicationId===a))?o.push(t.payload):o[i]=t.payload),o}case reducerActions.REMOVE_ROLE:{const r=t.payload["applicationId"],l=[...e];return l.filter(e=>e.applicationId!==r)}default:return e}});function useIsMounted(){const e=react.exports.useRef(!1);return react.exports.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),react.exports.useCallback(()=>e.current,[])}function usePrevious$1(e){const t=react.exports.useRef();return react.exports.useEffect(()=>{t.current=e},[e]),t.current}const AddApplicationsPanel=()=>{const[e,s]=react.exports.useReducer(orgReducer,[]);var t=usePrevious$1(e);const[i,o]=react.exports.useState([]),a=useSelector(userSelector),r=useSelector(invitees),l=useSelector(currentInvitee),c=useSelector(myCurrentOrg),n=useSelector(myCurrentRoles);var d=useApplicationPanelStyles()["classes"];const u=useIsMounted(),p=(react.exports.useEffect(()=>{if(u()&&r&&l&&c){var e=(null==(e=r.find(e=>e.email===l))?void 0:e.applicationRoles)||[];const a=[...c.applications.records];for(const n of e){s({type:reducerActions.SET_ROLE,payload:{applicationId:null==(i=null===n||void 0===n?void 0:n.application)?void 0:i.id,role:null==(i=null===n||void 0===n?void 0:n.role)?void 0:i.id}});var t,i=a.findIndex(e=>e.applicationId===(null===n||void 0===n?void 0:n.applicationId));-1!==i&&(t=Object.assign(Object.assign({},a[i]),{providedRole:null===n||void 0===n?void 0:n.roleId}),a[i]=t)}o(a)}},[r,l,c]),useDispatch());react.exports.useEffect(()=>{var e;p(actions.organizationsState.currentOrganizationFetchStart(null==(e=null===a||void 0===a?void 0:a.organization)?void 0:e.organizationId.toString()))},[p]);t=!e.length&&(t||[]).length===e.length;const g=i.filter(t=>n.some(e=>e.appName===t.applicationKey));return jsxRuntime.exports.jsxs("div",Object.assign({className:d.root},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Header,{height:64}),jsxRuntime.exports.jsx("div",Object.assign({className:d.appCardsContainer},{children:g.map(e=>jsxRuntime.exports.jsx(ApplicationCard$1,{"data-testid":"multi-org-application-card-"+e.applicationId,card:e,roles:c.roles,manageRoles:s},e.applicationId))}))]}),jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx(Button,Object.assign({"data-testid":"multi-org-applications-save",variant:"contained",className:d.saveButton,disabled:t,onClick:()=>{p(actions.organizationsState.addInviteeRoles(e)),p(hidePanel(panelName))}},{children:SHARED_TEXT.saveBtn}))})]}))},UserCardActions=({disableAdd:e,applicationsAction:t,removeUserAction:i,hasApps:a,email:n})=>{var s=useCardStyles()["classes"];return jsxRuntime.exports.jsxs(CardActions,{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.actionButtonWrapper},{children:jsxRuntime.exports.jsxs(Button,Object.assign({disabled:e,startIcon:a?jsxRuntime.exports.jsx(default_1$2,{}):jsxRuntime.exports.jsx(default_1$4,{}),onClick:t,"data-testid":"user-card-add-edit-apps"},{children:[SHARED_TEXT.addButtonText," ",SHARED_TEXT.applications]}))})),jsxRuntime.exports.jsx("div",Object.assign({className:s.actionButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({startIcon:jsxRuntime.exports.jsx(default_1$3,{}),className:s.removeUserButton,onClick:()=>i(n),"data-testid":"user-card-remove-user"},{children:SHARED_TEXT.removeUserButton}))}))]})},UserCard=({avatar:e,firstName:t,lastName:i,email:a,status:n,applicationRoles:s=[],showAdminData:o})=>{var r=useCardStyles()["classes"],l=n===EUserStatus.new,c=l?"":t.substring(0,1)+i.substring(0,1),d=s.length,u=1<s.length,p="pending"===n,g=l?a.charAt(0).toUpperCase()+a.slice(1):a;const m=useDispatch();var u=d?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[SHARED_TEXT.accessTo," ",d," ",u?SHARED_TEXT.applications:SHARED_TEXT.application]}):SHARED_TEXT.noApplicationsText,u=p?SHARED_TEXT.hasPendingInvite:u,x=d?r.hasApplications:r.noApplications,x=p?r.isPending:x;return jsxRuntime.exports.jsxs(Card,Object.assign({className:r.root,"data-testid":"multi-org-user-card"},{children:[jsxRuntime.exports.jsx(CardContent,{children:jsxRuntime.exports.jsxs("div",Object.assign({className:r.userCardUserInfoRow},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:r.flexRow},{children:[!l&&o&&jsxRuntime.exports.jsx(Avatar,Object.assign({src:e,"data-testid":"multi-org-user-avatar"},{children:c})),jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"multi-org-user-info",style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[!l&&o&&jsxRuntime.exports.jsxs("p",Object.assign({className:r.userCardName},{children:[t," ",i]})),jsxRuntime.exports.jsx("p",Object.assign({className:l?r.userCardName:r.userCardEmail},{children:g})),jsxRuntime.exports.jsx("p",Object.assign({className:x},{children:u})),0<(null==s?void 0:s.length)&&jsxRuntime.exports.jsx(AvatarGroup,Object.assign({max:5,sx:{transform:"scale(0.45)",transformOrigin:"left top",mt:"5px"}},{children:s.map(e=>{var t;return jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"subtitle2",style:{whiteSpace:"pre-line"}},{children:[SHARED_TEXT.appText,": ",null==(t=e.application)?void 0:t.name,jsxRuntime.exports.jsx("br",{})," ",SHARED_TEXT.roleText,": ",e.role]}))},{children:jsxRuntime.exports.jsx(Avatar,{src:null==(t=e.application)?void 0:t.iconUrl,"data-testid":"multi-org-user-avatar"})}))})}))]}))]})),o&&jsxRuntime.exports.jsx("div",Object.assign({className:r.badgeContainer},{children:jsxRuntime.exports.jsx(UserStatusBadge,{variant:n})}))]}))}),jsxRuntime.exports.jsx(Divider,{}),!p&&jsxRuntime.exports.jsx(UserCardActions,{disableAdd:p,removeUserAction:()=>m(actions.organizationsState.removeInvitee(a)),hasApps:d,email:a,"data-testid":"multi-org-user-card-actions",applicationsAction:()=>{m(actions.organizationsState.setCurrentInvitee(a));var e={name:panelName,config:{name:"Add Applications"}};m(mountPanel({panelId:panelName,microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"medium",zIndex:1001,parentPanelId:"INVITE_USERS_PANEL",dimmed:0,dimmedStatus:"dimParent"}}))}})]}))},NonAdminInviteMessage=()=>{var e=useLookupStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.nonAdminInviteMessageContainer,"data-testid":"non-admin-invite-disclaimer"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.nonAdminInviteMessageTitle},{children:SHARED_TEXT.adminApprovalRequired})),jsxRuntime.exports.jsx("div",Object.assign({className:e.nonAdminInviteMessageText},{children:SHARED_TEXT.adminApprovalRequiredMessage}))]}))};function UserLookup({intl:e}){const[t,i]=react.exports.useState(""),[a,n]=react.exports.useState(!1),[s,o]=react.exports.useState("");const r=useSelector(userSelector),[l,c]=react.exports.useState([]),d=useSelector(invitees)||[],u=useDispatch();react.exports.useEffect(()=>{r&&c(r.roles)},[r]);var p=useLookupStyles()["classes"],g=e.formatMessage({id:"organization-panel.add-email-address",defaultMessage:[{type:0,value:"Add an email address"}]}),m=e.formatMessage({id:"organization-panel.email-address-label",defaultMessage:[{type:0,value:"Email Address"}]}),x=e.formatMessage({id:"organization-panel.taken-email-address",defaultMessage:[{type:0,value:"This Email Has Been Added Already"}]}),v=e.formatMessage({id:"organization-panel.invalid-email-address",defaultMessage:[{type:0,value:"Please Enter a Valid Email Address"}]}),h=e.formatMessage({id:"organization-panel.optional-message-label",defaultMessage:[{type:0,value:"Optional Message"}]}),e=e.formatMessage({id:"organization-panel.optional-message-placeholder",defaultMessage:[{type:0,value:"Add an optional message to be sent to the invitee..."}]});const f=e=>e.match(/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),j=()=>{f(t)&&!S?(u(actions.organizationsState.fetchInviteeStart(t.toLowerCase())),i(""),n(!1)):S||n(!0)};const S=d.find(e=>e.email.toLowerCase()===(t||"").toLowerCase());x=S?x:m,m=a?v:x;const y=!d.find(e=>"pending"!==e.status),R=isAdminUser(l);return jsxRuntime.exports.jsxs("div",Object.assign({className:p.root,"data-testid":"multi-org-user-invite-panel"},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:p.lookupCardsContainer},{children:[jsxRuntime.exports.jsx("p",Object.assign({className:p.addUserText},{children:SHARED_TEXT.addNewUsersText})),!R&&jsxRuntime.exports.jsx(NonAdminInviteMessage,{}),jsxRuntime.exports.jsxs("div",Object.assign({className:p.lookupContainer},{children:[jsxRuntime.exports.jsx(TextField,{id:"multi-org-user-lookup","data-testid":"multi-org-user-lookup",label:m,InputLabelProps:{shrink:!0},value:t,className:p.lookupField,placeholder:g,onChange:e=>{e=e.target.value;a&&n(!1),i(e)},error:!!a||!!S,onKeyDown:e=>{"Enter"===e.key&&j()},disabled:!(R||!d.length)}),jsxRuntime.exports.jsx(Button,Object.assign({variant:"outlined",disabled:!t||!!S,onClick:j,"data-testid":"add-user-button"},{children:SHARED_TEXT.addButtonText}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:p.cardsContainer},{children:d.length?d.map(e=>{var t=Object.assign({},e);return react.exports.createElement(UserCard,Object.assign({},t,{key:e.email,showAdminData:R}))}):null}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:p.whiteBackgroupContainer},{children:[jsxRuntime.exports.jsx(Divider,{className:p.lookupDivider}),jsxRuntime.exports.jsxs("div",Object.assign({className:p.messageContainer},{children:[jsxRuntime.exports.jsx(TextField,{id:"multi-org-invite-message","data-testid":"multi-org-invite-message",label:h,InputLabelProps:{shrink:!0},multiline:!0,rows:4,placeholder:e,className:p.messageField,inputProps:{maxLength:350},value:s,onChange:e=>{e=e.target.value;e.length<=350&&o(e)}}),jsxRuntime.exports.jsxs("div",Object.assign({className:p.messageCharCount,"data-testid":"multi-org-invite-message-char-count"},{children:[s.length,"/",350]}))]})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",disabled:(()=>{let e=!1;return e=!d.length||y||d.length&&d.find(e=>0===((null==e?void 0:e.applicationRoles)||[]).length&&"pending"!==(null==e?void 0:e.status))?!0:e})(),className:p.sendButton,onClick:()=>{var e;const t=d.map(e=>({email:e.email,applicationRoles:e.applicationRoles}));u(actions.organizationInvitesState.createOrganizationInviteStart({invitees:t.filter(e=>e.applicationRoles.length),organizationId:((null==(e=null===r||void 0===r?void 0:r.organization)?void 0:e.organizationId)||"").toString(),message:s})),o("")},"data-testid":"multi-org-send-invitation"},{children:SHARED_TEXT.sendInvitationButtonText}))]}))]}))}!function(e){e.new="new",e.existing="existing",e.pending="pending"}(EUserStatus=EUserStatus||{});var EOrganizationInviteStatus,EOrganizationInviteAction,InviteRequestListItemStatus,UserLookup$1=injectIntl(UserLookup);const useStyles$g=makeStyles()(()=>({root:{userSelect:"none",height:"calc(100vh - 55px - 0px - 0px - 5px)"}})),InviteUsersPanel=()=>{var e=useStyles$g()["classes"];return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsxs("div",Object.assign({className:e.root,"data-test":"org-icon"},{children:[jsxRuntime.exports.jsx(Header$1,{height:64}),jsxRuntime.exports.jsx(UserLookup$1,{})]}))})},useStyles$f=makeStyles()((e,t,i)=>({inviteRequestsRoot:{display:"flex",flexDirection:"column",height:"100%"},headerDescription:{padding:e.spacing(2,6,4,6),borderBottom:".5px solid #D5DFE9",userSelect:"none"},inviteRequestsListRoot:{padding:e.spacing(0,6),flex:1,display:"flex",flexDirection:"column",overflowY:"scroll"},inviteRequestsListActions:{padding:e.spacing(5,0,4,0),display:"flex",alignItems:"center",justifyContent:"flex-end"},marginRight:{marginRight:e.spacing(2)},listItemRoot:{border:"0.5px solid #D5DFE9",borderRadius:e.spacing(1),marginBottom:e.spacing(3)},userName:{color:"#2A323C",fontWeight:400},requestor:{color:"#2A323C",fontWeight:600,marginTop:e.spacing(3)},email:{color:"#5C6269",fontWeight:400},subheading:{fontWeight:600,color:"#5C6269"},appListItem:{display:"flex",alignItems:"center","&:not(:last-child)":{borderBottom:"0.5px solid #D5DFE9",paddingBottom:e.spacing(3),marginBottom:e.spacing(3)}},actionButtons:{borderTop:"0.5px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2,4)},actionButton:{color:"#2A323C",margin:e.spacing(0,4),paddingLeft:e.spacing(4),paddingRight:e.spacing(4)},actionButtonApproved:{background:"#488F00",color:"#FFF","&:hover":{background:"#488F00"}},actionButtonRejected:{background:"#CF1919",color:"#FFF","&:hover":{background:"#CF1919"}}})),InviteRequestsListActions=({onApproveAll:e,onRejectAll:t})=>{var i=useStyles$f()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:i.inviteRequestsListActions},{children:[jsxRuntime.exports.jsx(Button,Object.assign({sx:{mr:2,color:"#0C53B0"},onClick:e,"data-testid":"org-invite-requests-approve-all"},{children:SHARED_TEXT.approveAll})),jsxRuntime.exports.jsx(Button,Object.assign({sx:{color:"#0C53B0"},onClick:t,"data-testid":"org-invite-requests-reject-all"},{children:SHARED_TEXT.rejectAll}))]}))},InviteRequestListItem=(!function(e){e.submitted="submitted",e.approved="approved",e.completed="completed",e.rejected="rejected",e.expired="expired",e.deleted="deleted"}(EOrganizationInviteStatus=EOrganizationInviteStatus||{}),!function(e){e.submit="submit",e.approve="approve",e.complete="complete",e.reject="reject",e.delete="delete",e.request="request"}(EOrganizationInviteAction=EOrganizationInviteAction||{}),!function(e){e.approved="approved",e.rejected="rejected",e.pending="pending"}(InviteRequestListItemStatus=InviteRequestListItemStatus||{}),({id:e,avatar:t,name:i,email:a,requestor:n,userStatus:s,requestedApps:o,itemStatus:r,onApprove:l,onReject:c})=>{const d=useStyles$f()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:d.listItemRoot},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({p:4},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({alignItems:"flex-start",display:"flex"},{children:[jsxRuntime.exports.jsx(Avatar,{"data-testid":"request-list-item-user-avatar",alt:i,sx:{mr:4,width:40,height:40},src:t}),jsxRuntime.exports.jsxs(Box,Object.assign({flex:1},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"request-list-item-user-name",variant:"body1",className:d.userName},{children:i})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"request-list-item-user-email",variant:"body2",className:d.email},{children:a})),jsxRuntime.exports.jsxs(Typography,Object.assign({"data-testid":"request-list-item-requestor",variant:"body2",className:d.requestor},{children:[SHARED_TEXT.requestor,": ",n]}))]})),jsxRuntime.exports.jsx(UserStatusBadge,{variant:s})]})),jsxRuntime.exports.jsxs(Box,Object.assign({p:4,pt:2,mt:3,bgcolor:"#F2F7FE",borderRadius:1},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({mb:2,display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({flex:2,variant:"body2",className:d.subheading},{children:SHARED_TEXT.accessRequest})),jsxRuntime.exports.jsx(Typography,Object.assign({flex:1,variant:"body2",className:d.subheading},{children:SHARED_TEXT.role}))]})),o.map((e,t)=>{var i;return jsxRuntime.exports.jsxs(Box,Object.assign({className:d.appListItem,"data-testid":"request-list-item-app-item"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({flex:2,display:"flex",alignItems:"center"},{children:[jsxRuntime.exports.jsx(Avatar,{alt:null==(i=null==e?void 0:e.application)?void 0:i.name,sx:{mr:4,width:40,height:40},src:null==(i=null==e?void 0:e.application)?void 0:i.iconUrl}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",className:d.userName},{children:null==(i=null==e?void 0:e.application)?void 0:i.name}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({flex:1,variant:"body1",className:d.userName},{children:null==(i=null==e?void 0:e.role)?void 0:i.name}))]}),"request-list-item-"+t)})]}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({className:d.actionButtons},{children:[jsxRuntime.exports.jsxs(Button,Object.assign({className:classNames(d.actionButton,{[d.actionButtonApproved]:r===EOrganizationInviteAction.approve}),onClick:()=>l(e),"data-testid":"request-list-item-approve-btn"},{children:[jsxRuntime.exports.jsx(default_1$1,{sx:{mr:2},fontSize:"small"}),SHARED_TEXT.approveRequest]})),jsxRuntime.exports.jsxs(Button,Object.assign({className:classNames(d.actionButton,{[d.actionButtonRejected]:r===EOrganizationInviteAction.reject}),onClick:()=>c(e),"data-testid":"request-list-item-reject-btn"},{children:[jsxRuntime.exports.jsx(default_1,{sx:{mr:2},fontSize:"small"}),SHARED_TEXT.rejectRequest]}))]}))]}))}),useStyles$e=makeStyles()(e=>({container:{marginTop:e.spacing(4),padding:e.spacing(4,4),textAlign:"center",border:"0.5px solid #D5DFE9",borderRadius:e.spacing(2)},text:{marginTop:e.spacing(3)},icon:{display:"inline !important"},loadingText:{display:"flex",transform:"translateX(-20px)"},menuItem:{margin:e.spacing(1),"&:hover":{backgroundColor:"#EEF3F9"}},dialogBtn:{textTransform:"capitalize"},dialogTitle:{padding:`${e.spacing(6)} ${e.spacing(6)} `+e.spacing(2)},dialogContent:{padding:e.spacing(1)+" "+e.spacing(6)},dialogTitleText:{fontWeight:600},dialogAction:{padding:e.spacing(4)},cancelButton:{color:"#2A323C"}})),ErrorState=({onRetry:e,errorMessage:t=jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.error-state-message",defaultMessage:"Something went wrong",description:"organizations error state message"})})=>{var i=useStyles$e()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:i.container},{children:[jsxRuntime.exports.jsx(Icon,Object.assign({className:i.icon},{children:jsxRuntime.exports.jsx(AlarmTwo,{fontSize:"large"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:i.text,"data-test":"my-organizations-error-message"},{children:t})),jsxRuntime.exports.jsx(Box,{mt:4}),jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",size:"large","data-test":"my-organizations-retry-btn",onClick:e},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.IZUdD9",defaultMessage:"Retry",description:"my organization retry button"})}))]}))},useStyles$d=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",padding:"12px"},image:{maxWidth:"50%",marginBottom:"40px",marginTop:"25px",userSelect:"none",pointerEvents:"none",userDrag:"none"},header:{fontWeight:600,marginBottom:"12px",cursor:"default"},description:{opacity:.8}}));function EmptyStateInvites({type:e}){var t=useStyles$d()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:t.container,"data-testid":"organizations-panel-invites-empty-state-container"},{children:[jsxRuntime.exports.jsx("img",{src:img$s,alt:"No organization invites",className:t.image,"data-testid":"organizations-panel-invites-empty-state-image"}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:t.header,"data-testid":"organizations-panel-invites-empty-state-header"},{children:"invites"===e?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-empty-state-header",defaultMessage:"You have no Invites",description:"organization panel: invites tab, no invites header label"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.request.tab-empty-state-header",defaultMessage:"You have no invite requests",description:"organization panel: invites request panel, no invite request header label"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle1",className:t.description,"data-testid":"organizations-panel-invites-empty-state-description"},{children:"invites"===e?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-empty-state-description",defaultMessage:"Invitations to other Organizations can be found here.",description:"organization panel: invites tab, no invites description label"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.request.tab-empty-state-description",defaultMessage:"Invitation requests sent from users of your organizations can be found here.",description:"organization panel: invite request panel, no invite request description label"})}))]}))}const InviteRequests=()=>{var e=useStyles$f()["classes"];const a=useDispatch(),t=useSelector(userSelector),[n,s]=react.exports.useState({}),[o,r]=react.exports.useState(!1),l=useSelector(selectPendingOrgInvites),i=useSelector(selectPendingOrgInvitesStatus),c=(t,i)=>{s(e=>Object.assign(Object.assign({},e),{[t]:i}))},d=()=>{l.forEach(({organizationInviteId:e})=>c(e,EOrganizationInviteAction.approve))},u=()=>{l.forEach(({organizationInviteId:e})=>c(e,EOrganizationInviteAction.reject))},p=e=>{c(e,EOrganizationInviteAction.approve)},g=e=>{c(e,EOrganizationInviteAction.reject)};var m=0<Object.keys(n).length;const x=()=>{var e;a(actions$2.fetchPendingInvitesStart(null==(e=null===t||void 0===t?void 0:t.organization)?void 0:e.organizationId))};return jsxRuntime.exports.jsxs("div",Object.assign({className:e.inviteRequestsRoot},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.headerDescription},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:SHARED_TEXT.inviteRequestsDescription}))})),jsxRuntime.exports.jsx("div",Object.assign({className:e.inviteRequestsListRoot},{children:i===LoadingStatus.failed?jsxRuntime.exports.jsx(ErrorState,{onRetry:x,errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.request-tab.error-message",defaultMessage:"Something went wrong while loading your organization invite requests.",description:"my organizations invite request error state"})}):i===LoadingStatus.success&&0===l.length?jsxRuntime.exports.jsx(EmptyStateInvites,{type:"inviteRequest"}):i===LoadingStatus.success&&0<l.length?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(InviteRequestsListActions,{onApproveAll:d,onRejectAll:u}),null===l||void 0===l?void 0:l.map((e,t)=>{var i;return jsxRuntime.exports.jsx(InviteRequestListItem,{avatar:null==(i=null==e?void 0:e.invitee)?void 0:i.imageUrl,email:null==(i=null==e?void 0:e.invitee)?void 0:i.email,name:null==(i=null==e?void 0:e.invitee)?void 0:i.name,requestor:(null==(i=null==e?void 0:e.createdBy)?void 0:i.firstName)+" "+(null==(i=null==e?void 0:e.createdBy)?void 0:i.lastName),userStatus:null==(i=null==e?void 0:e.invitee)?void 0:i.status,requestedApps:null==e?void 0:e.applicationRoles,onApprove:p,onReject:g,id:e.organizationInviteId,itemStatus:(i=e.organizationInviteId,n[i])},t)})]}):null})),jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"flex-end",p:6},{children:jsxRuntime.exports.jsx(LoadingButton$1,Object.assign({loading:o,onClick:()=>{if(!o){const t=[];for(const i of l){var e;i.organizationInviteId in n&&(e=i.applicationRoles.map(({application:e,role:t})=>({applicationId:e.id,roleId:t.id})),t.push({organizationInviteId:i.organizationInviteId,applicationRoles:e,action:n[i.organizationInviteId]}))}0<t.length&&a(actions$2.updatePendingInviteStatus(t)),r(!0)}},disabled:!m||o,variant:"contained",size:"large"},{children:SHARED_TEXT.confirm}))}))]}))};function __rest(e,t){var i={};for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(i[n[a]]=e[n[a]]);return i}function __awaiter(e,o,r,l){return new(r=r||Promise)(function(i,t){function a(e){try{s(l.next(e))}catch(e){t(e)}}function n(e){try{s(l.throw(e))}catch(e){t(e)}}function s(e){var t;e.done?i(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,n)}s((l=l.apply(e,o||[])).next())})}const useStyles$c=makeStyles()(e=>({primaryColor:{color:"#1871E8"},secondaryColor:{color:"#8D0707"},checked:{}}));function ColorButton(e){var{children:t,onClick:i,colorButton:a}=e,e=__rest(e,["children","onClick","colorButton"]),n=useStyles$c()["classes"];return jsxRuntime.exports.jsx(Button,Object.assign({className:"primary"===a?n.primaryColor:n.secondaryColor},e,{onClick:e=>{e&&e.stopPropagation(),i&&i(e)},"data-test":"dt-button-color-icon","data-testid":"dt-button-color-icon"},{children:t}))}const useStyles$b=makeStyles()((e,t,i)=>({root:{width:"100%"},item:{alignItems:"flex-start"},avatar:{width:"34px",height:"34px"},avatarSmall:{width:"34px",height:"34px"},textItem:{"& > span":{fontSize:"14px"},["& "+i.button]:{marginRight:"10px","&:last-child":{marginRight:0}}},divider:{opacity:.9,height:"0.5px",border:"0 solid #D5DFE9"},buttonWrapper:{marginTop:e.spacing(2)},button:{fontSize:"10px",textTransform:"unset",borderRadius:"2px"}}));function ListItems({items:a,isNav:n=!1}){const s=useStyles$b()["classes"];return jsxRuntime.exports.jsx(List,Object.assign({component:n?"nav":"ul",className:s.root},{children:a.map(({srcImg:e,title:t},i)=>{e=jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[e&&jsxRuntime.exports.jsx(ListItemAvatar,{children:jsxRuntime.exports.jsx(Avatar,{className:classNames(s.avatar,{[s.avatarSmall]:n}),alt:t,src:e})}),jsxRuntime.exports.jsx(ListItemText,{className:s.textItem,primary:t,secondaryTypographyProps:{component:"div"},secondary:n?null:jsxRuntime.exports.jsxs("div",Object.assign({className:s.buttonWrapper},{children:[jsxRuntime.exports.jsx(ColorButton,Object.assign({className:s.button,variant:"outlined",size:"small",colorButton:"primary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.0vD7aG",defaultMessage:"Accept",description:"The label of accept button"})})),jsxRuntime.exports.jsx(ColorButton,Object.assign({className:s.button,variant:"outlined",size:"small",colorButton:"secondary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.9fESfq",defaultMessage:"Reject",description:"The label of reject button"})}))]}))})]});return jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[n?jsxRuntime.exports.jsx(ListItem,Object.assign({button:!0,className:s.item},{children:e}),t):jsxRuntime.exports.jsx(ListItem,Object.assign({className:s.item},{children:e}),t),i!==a.length-1&&jsxRuntime.exports.jsx(Divider,{className:s.divider,variant:"inset",component:"li"})]},t)})}))}function fetchMyOrganizations(i){return __awaiter(this,void 0,void 0,function*(){var e="myOrganizations",t="myOrganizations";return(yield baseGraphQLApiWithError(Object.assign({query:"\n query myOrganizations{\n myOrganizations{\n records {\n id\n guid\n name\n imageUrl\n guid\n priority\n }\n }\n }\n ",operationName:e},i)))[t]})}function fetchOrgAppsAndRoles(n,s){return __awaiter(this,void 0,void 0,function*(){var{apiRoot:e,token:t}=n,i="fetchOrgAppsAndRoles",a="organization",i=yield baseGraphQLApiWithError(Object.assign({query:"\n query fetchOrgAppsAndRoles($id: ID!){\n organization(id: $id){\n roles(isAppEventRole: false) {\n id\n name\n appName\n description\n }\n }\n }\n ",operationName:i,variables:{id:s}},n)),e=yield getApplicationsApi(e,t);return Object.assign(Object.assign({},i[a]),{applications:{records:(null==e?void 0:e.results)||[]}})})}function fetchOrgAppsAndRolesForNonAdmin(a){return __awaiter(this,void 0,void 0,function*(){var{apiRoot:e,token:t}=a,i="fetchOrgAppsAndRoles",i=yield baseGraphQLApiWithError(Object.assign({query:"\n query fetchOrgAppsAndRoles{\n me{\n roles {\n id\n name\n appName\n description\n }\n }\n }\n ",operationName:i},a)),e=yield getApplicationsApi(e,t);return Object.assign(Object.assign({},i.me),{applications:{records:(null==e?void 0:e.results)||[]}})})}function fetchInvitee(o,r){return __awaiter(this,void 0,void 0,function*(){var e={name:r.email},t="lookupUsersByEmail",i="users",t=yield baseGraphQLApiWithError(Object.assign({query:"\n query lookupUsersByEmail($name: String){\n users(name: $name includeAllOrgUsers:true){\n records {\n email: name\n firstName\n lastName\n status\n organizationGuids\n organizationInvites {\n status\n organization {\n guid\n }\n }\n }\n }\n }\n ",operationName:t,variables:e},o));const a={email:r.email,firstName:"",lastName:"",applicationRoles:[],status:EUserStatus.new,organizationGuids:[]},n=r["userOrgGuid"];if(t[i]&&t[i].records.length){const s=t[i].records[0];a.firstName=s.firstName,a.lastName=s.lastName,a.organizationGuids=t[i].records[0].organizationGuids;e=s.organizationInvites.find(e=>e.organization.guid===n);e&&(a.status=["submitted","approved"].includes(e.status)?EUserStatus.pending:EUserStatus.existing)}return a})}function switchUserToOrganization(a,{userName:n,organizationGuid:s}){return __awaiter(this,void 0,void 0,function*(){var e=a["token"],t="switchUserToOrganization",{token:t,organization:{name:e,id:i}}=(yield baseGraphQLApiWithError(Object.assign({query:"\n mutation switchUserToOrganization($token: String!, $userName: String!, $organizationGuid: ID!){\n switchUserToOrganization(token: $token, userName: $userName, organizationGuid: $organizationGuid){\n token\n organization {\n id\n name\n guid\n }\n }\n }\n ",operationName:t,variables:{token:e,userName:n,organizationGuid:s}},a)))["switchUserToOrganization"];return{sessionToken:t,orgName:e,orgId:i}})}function setUserDefaultOrganizationApi(i,a){return __awaiter(this,void 0,void 0,function*(){var e="setUserDefaultOrganization",t="setUserDefaultOrganization";return(yield baseGraphQLApiWithError(Object.assign({query:"\n mutation setUserDefaultOrganization($organizationId: ID!) {\n setUserDefaultOrganization(defaultOrganizationId: $organizationId) {\n id\n guid\n priority\n }\n }\n ",variables:{organizationId:a},operationName:e},i)))[t]})}var myOrganizations_api=Object.freeze({__proto__:null,fetchMyOrganizations:fetchMyOrganizations,fetchOrgAppsAndRoles:fetchOrgAppsAndRoles,fetchOrgAppsAndRolesForNonAdmin:fetchOrgAppsAndRolesForNonAdmin,fetchInvitee:fetchInvitee,switchUserToOrganization:switchUserToOrganization,setUserDefaultOrganizationApi:setUserDefaultOrganizationApi});function fetchOrganizationInvites(t){var i;return __awaiter(this,void 0,void 0,function*(){var e="getCurrentUserOrganizationInvites",e=yield baseGraphQLApiWithError(Object.assign({query:"\n query getCurrentUserOrganizationInvites{\n me{\n organizationInvites(status:approved) {\n id\n createdBy {\n id\n name\n firstName\n lastName\n imageUrl\n }\n organization {\n id\n name\n imageUrl\n }\n message\n applicationRoles{\n application {\n id\n name\n iconUrl\n }\n role {\n id\n name\n }\n }\n status\n expirationDate\n }\n }\n }\n ",operationName:e},t));return null==(i=e.me)?void 0:i.organizationInvites.map(e=>(e.organizationInviteId=e.id,delete e.id,e))})}function createOrganizationInvite(c,d){return __awaiter(this,void 0,void 0,function*(){try{var{invitees:t,organizationId:i,message:a}=d;const o=[];let e=1;for(const r of t){const l=[];r.applicationRoles.forEach(e=>{l.push(`{ applicationId: "${null==e?void 0:e.applicationId}", roleId: "${null==e?void 0:e.roleId}" }`)});var n=`invitee_${e}: createOrganizationInvite(input: {
2
- organizationId: "${i}",
3
- message: "${a}",
4
- email: "${r.email}",
5
- applicationRoles: [${l.join("")}] }) {
6
- status
7
- }
8
- `;o.push(n),e++}var s=`
9
- mutation {
10
- ${o.join("")}
11
- }
12
- `;return yield baseGraphQLApiWithError(Object.assign(Object.assign({query:s},c),{rethrowOriginalError:!0}))}catch(e){throw new Error(e.message)}})}function updateOrganizationInvite(l,c){return __awaiter(this,void 0,void 0,function*(){var e="updateOrganizationInvite",t="updateOrganizationInvite";const{organization:i,invitee:a,applicationRoles:n,status:s,expirationDate:o,message:r}=(yield baseGraphQLApiWithError(Object.assign({query:"\n mutation updateOrganizationInvite($input: UpdateOrganizationInviteInput!){\n updateOrganizationInvite(input: $input){\n organization {\n id\n }\n applicationRoles {\n application {\n id,\n name\n iconUrl\n }\n role {\n id,\n name,\n description\n appName\n }\n }\n invitee {\n email\n }\n status\n expirationDate\n message\n }\n }\n ",operationName:e,variables:{input:c}},l)))[t];return{organizationInviteId:c.organizationInviteId,organizationId:i.id,invitee:a,email:a.email,status:s,expirationDate:o,message:r,applicationRoles:n.map(e=>({application:e.application,role:e.role,applicationId:e.application.id,roleId:e.role.id}))}})}function deleteOrganizationInvite(a,n){return __awaiter(this,void 0,void 0,function*(){var e={organizationInviteId:n.organizationInviteId},t="deleteOrganizationInvite",i="deleteOrganizationInvite";return(yield baseGraphQLApiWithError(Object.assign({query:"\n mutation deleteOrganizationInvite($organizationInviteId: ID!){\n deleteOrganizationInvite(organizationInviteId: $organizationInviteId){\n id\n }\n }\n ",operationName:t,variables:e},a)))[i]})}function fetchPendingOrganizationInvites(i,a){var n;return __awaiter(this,void 0,void 0,function*(){var e="getPendingOrganizationInvites",t="organization",e=yield baseGraphQLApiWithError(Object.assign({query:"\n query getPendingOrganizationInvites($id: ID!){\n organization(id: $id){\n organizationInvites(status:submitted) {\n id\n createdBy {\n id\n name\n firstName\n lastName\n imageUrl\n }\n organization {\n id\n name\n imageUrl\n }\n message\n applicationRoles{\n application {\n id\n name\n iconUrl\n }\n role {\n id\n name\n }\n }\n invitee {\n email\n name\n imageUrl\n }\n status\n expirationDate\n }\n }\n }\n ",operationName:e,variables:{id:i}},a));return null==(n=e[t])?void 0:n.organizationInvites.map(e=>(e.organizationInviteId=e.id,delete e.id,e))})}var organizationInvites_api=Object.freeze({__proto__:null,fetchOrganizationInvites:fetchOrganizationInvites,createOrganizationInvite:createOrganizationInvite,updateOrganizationInvite:updateOrganizationInvite,deleteOrganizationInvite:deleteOrganizationInvite,fetchPendingOrganizationInvites:fetchPendingOrganizationInvites});function fetchScimIds(a,n){return __awaiter(this,void 0,void 0,function*(){var{apiRoot:e,token:t}=a;const i=yield fetch(e+`/v1/admin/users/${n}/scim_connect_ids`,{headers:{Authorization:"Bearer "+t,"Content-Type":"application/json"}});if(200===i.status)return(yield i.json()).scimConnectIds;throw new Error("Error getting scim_connect_ids")})}var scimIds_api=Object.freeze({__proto__:null,fetchScimIds:fetchScimIds});function*fetchOrganizationsSaga(e){try{var t=yield fetchMyOrganizations(yield select(selectApiConfigs));yield put(actions.organizationsState.organizationsFetchSucceed(t.records))}catch(e){yield put(actions.organizationsState.organizationsFetchFailed()),console.log(e)}}function*fetchCurrentOrgSaga(t){try{var i=yield select(selectApiConfigs),a=yield select(userSelector),n=isAdminUser(a.roles);let e;e=n?yield fetchOrgAppsAndRoles(i,t.payload):yield fetchOrgAppsAndRolesForNonAdmin(i),yield put(actions.organizationsState.currentOrganizationFetchSucceed(e))}catch(e){yield put(actions.organizationsState.currentOrganizationFetchFailed()),console.log(e)}}function*fetchInviteeSaga(t){try{var i=yield select(selectApiConfigs),a=t.payload,n=yield select(userSelector),s=n.organization.organizationGuid,o=yield select(preferredLanguageSelector);const l=AIWareFormatMessage(o);var r=isAdminUser(n.roles);let e={email:t.payload,applicationRoles:[],status:EUserStatus.new,organizationGuids:[]};(e=r?yield fetchInvitee(i,{email:a,userOrgGuid:s}):e).organizationGuids.includes(n.organization.organizationGuid)?yield put(showMessage({content:l({id:"os-organization-panel.snackbar.warning.user-invitee-already-present-in-org",defaultMessage:[{type:0,value:"The user you requested is already a member of the organization."}]}),severity:MessageSeverity.Info})):yield put(actions.organizationsState.fetchInviteeSucceed(e))}catch(e){yield put(actions.organizationsState.fetchInviteeFailed()),console.log(e)}}function*switchOrgSaga(e){try{var t=(yield switchUserToOrganization(yield select(selectApiConfigs),e.payload))["sessionToken"];yield put(updateTokenSuccess({token:t})),yield put(postNotificationCommand({eventType:aiwareEvent,command:notificationCommands.refreshPage,value:!0,ephemeral:!0,contentType:"json"})),yield put(actions.organizationsState.switchUserToOrganizationSucceed())}catch(e){yield put(actions.organizationsState.switchUserToOrganizationFailed()),console.log(e)}}function*fetchUserOrganizationInvitesSaga(){try{var e=yield fetchOrganizationInvites(yield select(selectApiConfigs));yield put(actions.organizationsState.fetchOrganizationInvitesSucceed(e))}catch(e){yield put(actions.organizationsState.fetchOrganizationInvitesFailed()),console.log(e)}}function*setUserDefaultOrgSaga(e){var t=yield select(preferredLanguageSelector);const i=AIWareFormatMessage(t);try{yield setUserDefaultOrganizationApi(yield select(selectApiConfigs),e.payload),yield put(actions.organizationsState.organizationsFetchStart())}catch(e){yield put(showMessage({content:i({id:"organization-panel.snackbar.setUserDefaultError",defaultMessage:[{type:0,value:"Something went wrong while setting default organization."}]}),severity:MessageSeverity.Error})),console.log(e)}}function*getOrganizationsWatcher(){yield takeLatest$1(actions.organizationsState.organizationsFetchStart.type,fetchOrganizationsSaga)}function*getCurrentOrgWatcher(){yield takeEvery$1(actions.organizationsState.currentOrganizationFetchStart.type,fetchCurrentOrgSaga)}function*fetchInviteeWatcher(){yield takeEvery$1(actions.organizationsState.fetchInviteeStart.type,fetchInviteeSaga)}function*switchToOrgWatcher(){yield takeEvery$1(actions.organizationsState.switchUserToOrganizationStart.type,switchOrgSaga)}function*fetchUserOrganizaitonInvitesWatcher(){yield takeEvery$1(actions.organizationsState.fetchOrganizationInvitesStart.type,fetchUserOrganizationInvitesSaga)}function*setUserDefaultOrgWatcher(){yield takeLatest$1(actions.organizationsState.setUserDefaultOrg.type,setUserDefaultOrgSaga)}function*createOrganizationInvitesSaga(e){var t,i=yield select(preferredLanguageSelector);const a=AIWareFormatMessage(i);try{const n=yield createOrganizationInvite(yield select(selectApiConfigs),e.payload);if(null!=(t=null===n||void 0===n?void 0:n.errors)&&t.length)return n.errors.some(e=>{return null==(e=e.message)?void 0:e.match(/has already been invited/)})&&(yield put(showMessage({content:a({id:"os-organization-panel.snackbar.error.create-organization-pending-invite",defaultMessage:[{type:0,value:"This email already has a pending invitation, and must be approved or rejected before a new invite can be sent"}]}),severity:MessageSeverity.Error}))),void(yield put(actions.organizationInvitesState.createOrganizationInviteFailed()));yield put(actions.organizationInvitesState.createOrganizationInviteSucceed()),yield put(showMessage({content:a({id:"os-organization-panel.snackbar.success.create-organization-pending-invite",defaultMessage:[{type:0,value:"Your Invitation has been successfully sent"}]}),severity:MessageSeverity.Success})),yield put(actions.organizationsState.clearInvitees())}catch(e){yield put(actions.organizationInvitesState.createOrganizationInviteFailed()),null!=(i=e.message)&&i.includes('null value in column "user_id"')?yield put(showMessage({content:a({id:"os-organization-panel.snackbar.warning.invite-new-user-failed",defaultMessage:[{type:0,value:"You may only invite current users of the aiWARE platform to your Organization"}]}),severity:MessageSeverity.Error})):yield put(showMessage({content:a({id:"os-organization-panel.snackbar.warning.create-organization-invite-failed",defaultMessage:[{type:0,value:"There was a problem creating your invitation"}]}),severity:MessageSeverity.Error}))}}function*updateOrganizationInvitesSaga(e){try{var t=yield updateOrganizationInvite(yield select(selectApiConfigs),e.payload);yield put(actions.organizationInvitesState.updateOrganizationInviteSucceed(t)),yield put(actions.organizationInvitesState.fetchPendingInvitesStart())}catch(e){yield put(actions.organizationInvitesState.updateOrganizationInviteFailed()),console.log(e)}}function*reRequestOrganizationInvitesSaga(e){try{var t=yield select(selectApiConfigs),i=(yield updateOrganizationInvite(t,{organizationInviteId:e.payload.organizationInviteId,applicationRoles:e.payload.applicationRoles,action:EOrganizationInviteAction.delete}),{organizationId:e.payload.organizationId,message:e.payload.message,invitees:[{email:e.payload.email,applicationRoles:e.payload.applicationRoles}]}),a=yield createOrganizationInvite(t,i);yield put(actions.organizationInvitesState.reRequestOrganizationInviteSucceed(a)),yield put(actions.organizationsState.fetchOrganizationInvitesStart())}catch(e){yield put(actions.organizationInvitesState.reRequestOrganizationInviteFailed()),console.log(e)}}function*fetchPendingOrganizationInvitesSaga(e){try{var t=e.payload;const i=yield select(selectApiConfigs),a=(yield select(userSelector)).organization.organizationGuid,n=yield fetchPendingOrganizationInvites(t,i);if(n&&0<n.length){const s=yield all(n.map(e=>{return call(fetchInvitee,i,{email:null==(e=null==e?void 0:e.invitee)?void 0:e.email,userOrgGuid:a})}));n.forEach(t=>{t.invitee.status=s.find(e=>{return(null==e?void 0:e.email)===(null==(e=null==t?void 0:t.invitee)?void 0:e.email)})?EUserStatus.existing:EUserStatus.new})}yield put(actions.organizationInvitesState.fetchPendingInvitesSucceed(n))}catch(e){yield put(actions.organizationInvitesState.fetchPendingInvitesFailed()),console.log(e)}}function*updatePendingInviteStatusSaga(e){var t=yield select(preferredLanguageSelector);const i=AIWareFormatMessage(t);try{const n=yield select(selectApiConfigs);var a=yield all(e.payload.map(e=>call(updateOrganizationInvite,n,e)));a&&0<a.length&&(yield put(actions.organizationInvitesState.fetchPendingInvitesStart(a[0].organizationId)),yield closeInviteRequestPanel())}catch(e){yield put(showMessage({content:i({id:"os-organization-panel.invite.request.update.error",defaultMessage:[{type:0,value:"Something went wrong while saving your changes."}]}),severity:MessageSeverity.Error}))}}function*closeInviteRequestPanel(){const e=yield select(panelsSelector);var t=e.find(e=>"INVITE_REQUESTS_PANEL"===e.microFrontend.name);t&&t.panelId&&(t=t["panelId"],yield put(hidePanel(t)))}function*createOrganizationInvitesWatcher(){yield takeEvery$1(actions.organizationInvitesState.createOrganizationInviteStart.type,createOrganizationInvitesSaga)}function*updateOrganizationInvitesWatcher(){yield takeEvery$1(actions.organizationInvitesState.updateOrganizationInviteStart.type,updateOrganizationInvitesSaga)}function*reRequestOrganizationInvitesWatcher(){yield takeEvery$1(actions.organizationInvitesState.reRequestOrganizationInviteStart.type,reRequestOrganizationInvitesSaga)}function*pendingOrganizationInvitesWatcher(){yield takeLatest$1(actions.organizationInvitesState.fetchPendingInvitesStart.type,fetchPendingOrganizationInvitesSaga)}function*updatePendingInviteStatusWatcher(){yield takeLatest$1(actions.organizationInvitesState.updatePendingInviteStatus.type,updatePendingInviteStatusSaga)}function*fetchScimIdsSaga(e){try{var t=yield fetchScimIds(yield select(selectApiConfigs),yield select(selectUserId));yield put(actions.scimIdsState.scimIdsFetchSucceed(t))}catch(e){yield put(actions.scimIdsState.scimIdsFetchFailed()),console.log(e)}}function*fetchScimIdsWatcher(){yield takeLatest$1(actions.scimIdsState.scimIdsFetchStart,fetchScimIdsSaga)}function*updateOrganizationInviteSaga(e){var t=yield select(preferredLanguageSelector);const i=AIWareFormatMessage(t);try{var a=yield select(selectApiConfigs);e.payload.action===EOrganizationInviteAction.reject?yield deleteOrganizationInvite(a,e.payload):yield updateOrganizationInvite(a,e.payload),yield put(actions.reviewRequestState.updateOrganizationInviteSucceed()),yield put(actions.organizationsState.fetchOrganizationInvitesStart()),yield put(actions.organizationsState.organizationsFetchStart())}catch(e){yield put(showMessage({content:i({id:"organization-panel.snackbar.updatingOrganizationInviteError",defaultMessage:[{type:0,value:"Something went wrong while updating the invite."}]}),severity:MessageSeverity.Error})),console.log(e)}}function*updateOrganizationInviteWatcher(){yield takeEvery$1(actions.reviewRequestState.updateOrganizationInviteStart.type,updateOrganizationInviteSaga)}function*rootSaga(){yield all([getOrganizationsWatcher(),getCurrentOrgWatcher(),fetchInviteeWatcher(),switchToOrgWatcher(),createOrganizationInvitesWatcher(),updateOrganizationInvitesWatcher(),reRequestOrganizationInvitesWatcher(),fetchUserOrganizaitonInvitesWatcher(),updateOrganizationInviteWatcher(),setUserDefaultOrgWatcher(),pendingOrganizationInvitesWatcher(),fetchScimIdsWatcher(),updatePendingInviteStatusWatcher()])}function getOrganizationPanelModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const mockOrganizations=[],mockPendingOrganizations=[],useStyles$a=makeStyles()((e,t,i)=>({root:{userSelect:"none"},logoWrapper:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",height:"200px",["& "+i.logo]:{width:"83px",height:"83px",marginBottom:e.spacing(3)},["& "+i.titleLogo]:{color:e.palette.secondary.main,opacity:.9,"& > a":{marginLeft:"7px"}}},titleLogo:{},sortName:{borderRadius:"50%",width:83,height:83,fontSize:33,marginBottom:e.spacing(3)},logo:{borderRadius:"50%"},orgImage:{width:"100%",height:"100%",objectFit:"cover",marginBottom:0,borderRadius:"50%"},divider:{opacity:.9},listBox:{margin:e.spacing(0,3)},loggedBox:{paddingTop:e.spacing(2)},loggedText:{display:"flex",flexDirection:"column",textAlign:"center",cursor:"default"},loginAs:{color:e.palette.primary.main,cursor:"default"},tabsParent:{"& div":{padding:e.spacing(0,0,0,1.6),borderBottom:"none"},"& div button":{flex:"0 1 auto !important"}},secondBox:{display:"flex",flexDirection:"column",padding:e.spacing(8,6,0,6)}})),useStyles$9=makeStyles()(e=>({container:{display:"flex",flexDirection:"column"},heading:{display:"flex",flexDirection:"column",justifyContent:"flex-start"}})),useStyles$8=makeStyles()(e=>({container:{},orgContainer:{display:"flex",cursor:"pointer"},clickDisabled:{cursor:"not-allowed"},defaultOrgBadge:{borderRadius:"2px",height:"16px",backgroundColor:"#F4F4F4",border:"0.5px solid #9CA8B4",color:"#5C6269",marginLeft:e.spacing(2.8),padding:e.spacing(.2,2),"& >span":{padding:0}},organizationName:{display:"inline-block",fontSize:"13px",fontWeight:600,lineHeight:"12px"},organizationSubtitle:{lineHeight:"16px",opacity:.7},textContainer:{display:"flex","& > .Sdk-MuiListItemText-root":{display:"flex",flexDirection:"column",justifyContent:"center"}}}));function OrganizationItem({organizationName:e,organizationLogo:t,subtitle:i,isDefault:a,showDivider:n=!0,Action:s,onClick:o}){var r=useStyles$8()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(ListItem,Object.assign({className:r.container,disableGutters:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({onClick:o||void 0,className:r.orgContainer+" "+(o?"":r.clickDisabled)},{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:jsxRuntime.exports.jsx(Avatar,Object.assign({src:t||null,sx:{width:38,height:38,padding:"9px",bgcolor:"#F2F5F9"},"data-testid":"organizations-panel-org-item-avatar"},{children:!t&&jsxRuntime.exports.jsx(OrganizationTabIcon,{})}))}),jsxRuntime.exports.jsx("span",Object.assign({className:r.textContainer},{children:jsxRuntime.exports.jsx(ListItemText,{primary:jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:r.organizationName,variant:"body1",sx:{fontSize:"13px!important",fontWeight:600},"data-testid":"organizations-panel-org-item-organization-name"},{children:e})),a&&jsxRuntime.exports.jsx(Chip$1,{className:r.defaultOrgBadge,label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:"Default"})),"data-test":"organization-panel-default-badge"})]}),secondary:i&&jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2",className:r.organizationSubtitle,sx:{fontSize:"11px!important",fontWeight:400},"data-testid":"organizations-panel-org-item-subtitle"},{children:i}))})}))]})),jsxRuntime.exports.jsx(ListItemSecondaryAction,{children:s})]})),n&&jsxRuntime.exports.jsx(Divider,{})]})}const useStyles$7=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"flex-start"},header:{margin:0,marginBottom:"6px",fontWeight:600,cursor:"default"},description:{opacity:.8,cursor:"text"}}));function TabHeader({tab:e}){var t=useStyles$7()["classes"],i={invites:{header:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-header",defaultMessage:"Invites",description:"organization panel: invites tab, invites header label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-description",defaultMessage:"Review invitations to other organizations.",description:"organization panel: invites tab, invites header description"})},"my-organizations":{header:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.organizations.tab-header",defaultMessage:"Organizations",description:"organization panel: organizations tab, header label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.organizations.tab-description",defaultMessage:"Switch between other organizations you have access to.",description:"organization panel: Organizations tab, header description"})}};return jsxRuntime.exports.jsxs("div",Object.assign({className:t.container},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:t.header,sx:{fontSize:"14px!important"},"data-testid":"organizations-panel-tab-header-"+e},{children:i[e].header})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle1",className:t.description,sx:{fontSize:"14px!important"},"data-testid":"organizations-panel-tab-header-"+e},{children:i[e].description}))]}))}const useStyles$6=makeStyles()(e=>({container:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",textAlign:"center",padding:"12px"}}));function InviteRequestButton({isExpired:e,onClickRemoveExpiredInvite:t,onClickRequestNewInvite:i,onClickViewActiveRequest:a}){var n=useStyles$6()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:n.container},{children:[e&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Button,Object.assign({sx:{color:"gray",fontWeight:300},"data-testid":"os-organization-panel.invites.tab-remove-invite-button",onClick:t},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-remove-invite-button",defaultMessage:"Remove",description:"organization panel: invites tab, remove invite button"})}))," ",jsxRuntime.exports.jsx(Button,Object.assign({variant:"outlined","data-testid":"os-organization-panel.invites.tab-request-invite-button",onClick:i},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-request-invite-button",defaultMessage:"Request Invite",description:"organization panel: invites tab, request invite button"})}))]}),!e&&jsxRuntime.exports.jsx(Button,Object.assign({variant:"outlined","data-testid":"os-organization-panel.invites.tab-view-active-request-invite-button",onClick:a},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-view-request-invite-button",defaultMessage:"View Request",description:"organization panel: invites tab, view request invite button"})}))]}))}const daysBetweenDates=(e,t)=>{e=Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()),t=Date.UTC(t.getFullYear(),t.getMonth(),t.getDate());return Math.floor((t-e)/864e5)},useStyles$5=makeStyles()(e=>({loadingText:{display:"flex",transform:"translateX(-20px)"}})),LoaderSkeletonItem=()=>{var e=useStyles$5()["classes"];return jsxRuntime.exports.jsxs(ListItem,{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"circular",width:25,height:25})}),jsxRuntime.exports.jsx(ListItemText,Object.assign({className:e.loadingText},{children:jsxRuntime.exports.jsx(Skeleton,{variant:"text",width:150,height:21})})),jsxRuntime.exports.jsx(ListItemSecondaryAction,{children:jsxRuntime.exports.jsx(Skeleton,{variant:"rectangular",width:40,height:30})})]})},OrganizationItemLoaderSkeleton=()=>jsxRuntime.exports.jsxs(List,{children:[jsxRuntime.exports.jsx(LoaderSkeletonItem,{}),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx(LoaderSkeletonItem,{})]}),reviewRequestPanel="REVIEW_ORG_INVITE_PANEL";function InvitesTab({organizationInvites:e,uiStatus:t,onRetry:i}){var a=useStyles$9()["classes"];const l=useDispatch(),c=e.filter(e=>e.status!==EOrganizationInviteStatus.deleted);return t===LoadingStatus.success&&0===c.length?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TabHeader,{tab:"invites"}),jsxRuntime.exports.jsx(EmptyStateInvites,{type:"invites"})]}):t===LoadingStatus.pending?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TabHeader,{tab:"invites"}),jsxRuntime.exports.jsx(OrganizationItemLoaderSkeleton,{})]}):t===LoadingStatus.failed?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TabHeader,{tab:"invites"}),jsxRuntime.exports.jsx(ErrorState,{onRetry:i,errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites-tab.error-message",defaultMessage:"Something went wrong while loading your organization invites.",description:"my organizations error state"})})]}):jsxRuntime.exports.jsxs("div",Object.assign({className:a.container},{children:[jsxRuntime.exports.jsx(TabHeader,{tab:"invites"}),jsxRuntime.exports.jsx(List,{children:c.map((t,e)=>{const{expirationDate:i,organization:a,organizationInviteId:n}=t;var s=a.name,o=a.imageUrl,e=e!==c.length-1,r=daysBetweenDates(new Date,new Date(i))<0;return jsxRuntime.exports.jsx(OrganizationItem,{organizationLogo:o,organizationName:s,subtitle:(e=>{var t=daysBetweenDates(new Date,new Date(e));if(t<0)return jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-invite-status-expired",defaultMessage:"Expired",description:"organization panel: invites tab, invite expiration status, is expired"});switch(t){case 0:return jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-invite-status-expires-today",defaultMessage:"Expires today",description:"organization panel: invites tab, invite expiration status, is expiring today"});case 1:return jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-invite-status-expires-tomorrow",defaultMessage:"Expires tomorrow",description:"organization panel: invites tab, invite expiration status, is expiring tomorrow"});default:return jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.invites.tab-invite-status-expiration",defaultMessage:"Expires in {days} days",description:"organization panel: invites tab, invite expiration status, is expired",values:{days:t}})}})(i),Action:jsxRuntime.exports.jsx(InviteRequestButton,{isExpired:r,onClickViewActiveRequest:r?null:()=>{l(actions.organizationsState.setActiveOrganizationInviteId(n));var e={name:reviewRequestPanel,config:{name:"Review Request"}};l(mountPanel({panelId:reviewRequestPanel,microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:640,size:"small",zIndex:999,parentPanelId:"ORGANIZATION_PANEL",dimmed:0,dimmedStatus:"dimParent"}}))},onClickRemoveExpiredInvite:r?()=>{var e={organizationInviteId:t.organizationInviteId,applicationRoles:t.applicationRoles,action:EOrganizationInviteAction.delete};l(actions.organizationInvitesState.updateOrganizationInviteStart(e))}:null,onClickRequestNewInvite:r?()=>{l(actions.organizationInvitesState.reRequestOrganizationInviteStart(t))}:null},t.organizationInviteId),isDefault:!1,showDivider:e},t.organizationInviteId)})})]}))}function MyOrganizations({organizations:a,uiStatus:e,onRetry:t,onSetUserDefaultOrg:i}){var n=useStyles$e()["classes"];const[s,o]=react.exports.useState(""),[r,l]=react.exports.useState(""),[c,d]=react.exports.useState(!1),[u,p]=react.exports.useState(null);var g=useSelector(userSelector);const m=useSelector(selectIsScimUser),{email:x,organization:v}=g,h=(v||{})["organizationId"],f=useDispatch(),j=useSelector(selectOrgSwitchInitiated),S=(react.exports.useEffect(()=>{if(0<(null==a?void 0:a.length)){let e=1/0,t="";for(const i of a)i.priority<e&&(e=i.priority,t=i.id);l(t)}},[a]),()=>{p(null)});const y=()=>{o(""),d(!1),S()};return jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(TabHeader,{tab:"my-organizations"}),e===LoadingStatus.pending?jsxRuntime.exports.jsx(OrganizationItemLoaderSkeleton,{}):e===LoadingStatus.failed?jsxRuntime.exports.jsx(ErrorState,{onRetry:t,errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.organizations-tab-error-message",defaultMessage:"Something went wrong while loading your organizations.",description:"my organizations error state"})}):e===LoadingStatus.success&&null!=a&&a.length?jsxRuntime.exports.jsx(List,{children:a.map((t,e)=>jsxRuntime.exports.jsx(OrganizationItem,{organizationName:t.name,guid:t.guid,showDivider:e!==a.length-1,organizationLogo:t.imageUrl,isDefault:t.id===r,Action:(e=>e===r||1===a.length||!1!==m)(t.id)?null:jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-controls":"org-menu","aria-haspopup":"true",onClick:e=>{o(t.id),e=e,p(e.currentTarget)},"data-test":"organization-panel-menu-button"},{children:jsxRuntime.exports.jsx(default_1$5,{})})),onClick:(e=>(h||"").toString()===(e||"").toString())(t.id)?void 0:()=>{var e=t.guid;j||(setTimeout(()=>{window.location.replace("/")},5e3),f(actions.organizationsState.initiateOrgSwitch(!0)),setTimeout(()=>{f(actions.organizationsState.switchUserToOrganizationStart({organizationGuid:e,userName:x})),f(actions.organizationsState.initiateOrgSwitch(!1))},4500))}},t.id))}):null,jsxRuntime.exports.jsx(Menu,Object.assign({elevation:3,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"right"},id:"org-default-settings-menu",anchorEl:u,open:Boolean(u),onClose:S,MenuListProps:{disablePadding:!0}},{children:jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:()=>{d(!0)},className:n.menuItem,"data-test":"organization-panel-make-default-button"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.my.organizations.make.default",defaultMessage:"Make Default",description:"organization panel: make organization default button"})}))}))})),jsxRuntime.exports.jsxs(Dialog,Object.assign({open:c,maxWidth:"xs",onClose:y,"aria-labelledby":"confirmation-dialog-title","aria-describedby":"confirmation-dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"confirmation-dialog-title","data-test":"org-confirmation-dialog-title",className:n.dialogTitle},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",className:n.dialogTitleText},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"org.confirm.dialog.title",defaultMessage:"Change Default Org?",description:"title of confirmation modal "})}))})),jsxRuntime.exports.jsx(DialogContent,Object.assign({className:n.dialogContent},{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"confirmation-dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"org.confirm.dialog.content",defaultMessage:"Current authentication methods may not be supported with this new organization.",description:"content of confirmation modal "})}))})),jsxRuntime.exports.jsxs(DialogActions,Object.assign({className:n.dialogAction},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:y,variant:"text",size:"large",className:n.dialogBtn+" "+n.cancelButton,"data-test":"org-confirmation-dialog-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"org.confirm.dialog.cancel.btn",defaultMessage:"Cancel",description:"cancel button "})})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{i(s),y()},size:"large",variant:"contained",color:"primary",className:n.dialogBtn,"data-test":"org-confirmation-dialog-confirm-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"org.confirm.dialog.confirm.btn",defaultMessage:"Confirm",description:"confirm button "})}))]}))]}))]})}function usePrevious(e){const t=react.exports.useRef();return react.exports.useEffect(()=>{t.current=e},[e]),t.current}function OrganizationPanel(){const e="ORGANIZATION_PANEL";var t=useStyles$a()["classes"];const i=useSelector(userSelector);var a=i["organization"];const n=(a||{})["guid"];var a=null==(a=null==(a=null==(a=useSelector(headerBarSelector))?void 0:a.currentUser)?void 0:a.organization)?void 0:a.imageUrl,s=useSelector(selectMyOrganizations),o=useSelector(selectUIStatus),r=useSelector(selectInviteFetchStatus);const l=useSelector(selectOrganizationInvites),[c,d]=react.exports.useState(!0),[u,p]=react.exports.useState(0),{apiRoot:g,graphQLEndpoint:m,token:x}=useSelector(selectApiConfigs),v=useDispatch(),h=isAdminUser(null===i||void 0===i?void 0:i.roles),f=usePrevious(n);react.exports.useEffect(()=>{var e;g&&m&&x&&(v(actions.organizationsState.organizationsFetchStart()),v(actions.organizationsState.fetchOrganizationInvitesStart()),e=n!==f,h&&e&&v(actions.organizationInvitesState.fetchPendingInvitesStart(null==(e=null===i||void 0===i?void 0:i.organization)?void 0:e.organizationId)))},[g,m,x,h,v,n]),react.exports.useEffect(()=>{g&&x&&i.userId&&v(actions.scimIdsState.scimIdsFetchStart())},[g,x,i.userId,v]);var{organization:j={},email:S}=i||{},y=mockOrganizations,R=mockPendingOrganizations;const b=null===l||void 0===l?void 0:l.filter(e=>0<=daysBetweenDates(new Date,new Date(e.expirationDate)));var I=[{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.tabs.my.organizations",defaultMessage:"My Organizations",description:"user's organizations list"}),disabled:!1,id:"myOrganizations"},{label:jsxRuntime.exports.jsx(Badge,Object.assign({badgeContent:null===b||void 0===b?void 0:b.length,color:"error",sx:{paddingRight:0===(null===b||void 0===b?void 0:b.length)?"0":12+4*Math.min(3,null===b||void 0===b?void 0:b.length.toString().length)+"px","& .Sdk-MuiBadge-badge":{top:"50%"}}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.tabs.invites",defaultMessage:"Invites",description:"user's organization invites list"})})),disabled:!1,id:"invites"}];return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAuthModule(),getOrganizationPanelModule()]},{children:jsxRuntime.exports.jsxs(AIWareIntlProvider,{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:t.root,"data-test":"org-icon"},{children:[jsxRuntime.exports.jsx(PanelHeader,{height:64,onPanelClose:()=>v(hidePanel(e)),parentPanelId:e}),jsxRuntime.exports.jsxs("div",Object.assign({className:t.logoWrapper},{children:[a&&c?jsxRuntime.exports.jsx(Avatar,Object.assign({variant:"square",className:t.logo,"data-test":"app-bar-org-button"},{children:jsxRuntime.exports.jsx("img",{alt:"",src:a,onError:function(){d(!1)},className:t.orgImage})})):jsxRuntime.exports.jsx(Avatar,Object.assign({variant:"circular",className:t.sortName,"data-test":"app-bar-org-button"},{children:getSortName(j.organizationName||"")})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"org-name",variant:"subtitle1"},{children:j.organizationName||""})),jsxRuntime.exports.jsx("div",Object.assign({className:t.loggedBox},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2",className:t.loggedText},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.0HWGhE",defaultMessage:"Currently logged in as: ",description:"organization panel: the currently logged in user text"})," ",jsxRuntime.exports.jsx("span",Object.assign({"data-test":"org-user-email",onClick:e=>e.preventDefault(),id:"organization-panel-link-id",className:t.loginAs},{children:S}))]}))}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:t.tabsParent},{children:jsxRuntime.exports.jsx(CustomTabs,{selectedId:u,onChangeTab:e=>{p(e)},tabsList:I})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsxs("div",Object.assign({className:t.listBox},{children:[y&&0<y.length&&jsxRuntime.exports.jsx(ListItems,{isNav:!0,items:y}),R&&0<R.length&&jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.WM8PzP",defaultMessage:"Organization Invitations (Pending)",description:"organization panel: the header of the pending organization invitations list"})})),jsxRuntime.exports.jsx(ListItems,{items:R})]})]}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:t.secondBox},{children:[jsxRuntime.exports.jsx(TabPanel,Object.assign({value:u,index:0},{children:jsxRuntime.exports.jsx(MyOrganizations,{uiStatus:o,organizations:s,onRetry:()=>{v(actions.organizationsState.organizationsFetchStart)},onSetUserDefaultOrg:e=>{v(actions.organizationsState.setUserDefaultOrg(e))}})})),jsxRuntime.exports.jsx(TabPanel,Object.assign({value:u,index:1},{children:jsxRuntime.exports.jsx(InvitesTab,{organizationInvites:l,uiStatus:r,onRetry:()=>{v(actions.organizationsState.fetchOrganizationInvitesStart())}})}))]}))]})}))})}const ReviewRequestPanelHeader=({height:e})=>{e=useStyles$i({height:e}).classes;const t=useDispatch();return jsxRuntime.exports.jsxs("header",Object.assign({className:e.headerNoBorder,"data-testid":"review-request-panel-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"org-title",className:e.title},{children:SHARED_TEXT.reviewRequest})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"org-close-panel"},{children:SHARED_TEXT.closePanel})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(hidePanel(reviewRequestPanel))},"aria-labelledby":"invite-users-close-panel","data-testid":"invite-users-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))]}))},useStyles$4=makeStyles()(e=>({root:{},container:{padding:e.spacing(4,0,4,0)},flex:{display:"flex"},textContainer:{marginLeft:"15px",minWidth:"80%"},textDiv:{minWidth:"100%"},subtitleText:{color:"#5C6269"},organizationLabel:{fontSize:"18px"}})),ReviewRequestOrganizationLabel=({organizationName:e,organizationLogo:t})=>{var i=useStyles$4()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:i.container},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:i.flex},{children:[null===e&&jsxRuntime.exports.jsx(Skeleton,{variant:"circular",width:48,height:48}),e&&jsxRuntime.exports.jsx(Avatar,Object.assign({sx:{bgcolor:"#F2F5F9",padding:"11px",width:48,height:48},src:t||null},{children:!t&&jsxRuntime.exports.jsx(OrganizationTabIcon,{})})),jsxRuntime.exports.jsxs("div",Object.assign({className:i.textContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:i.textDiv},{children:[null===e&&jsxRuntime.exports.jsx(Skeleton,{variant:"text"}),e&&jsxRuntime.exports.jsx(Typography,Object.assign({className:i.subtitleText},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.org-label.veritone-inviting-you",defaultMessage:"Veritone is inviting you to join the",description:"Review Request Panel organization label, veritone inviting you"})}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:i.textDiv},{children:[null===e&&jsxRuntime.exports.jsx(Skeleton,{variant:"text"}),e&&jsxRuntime.exports.jsxs(Typography,Object.assign({className:i.organizationLabel},{children:[e," ",jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.org-label.word-organization",defaultMessage:"Organization",description:"Review Request Panel organization label, organization word."})]}))]}))]}))]}))}))},useStyles$3=makeStyles()(e=>({root:{},container:{padding:e.spacing(4,0,4,0),display:"flex",alignItems:"center"},flex:{display:"flex"},textContainer:{marginLeft:"15px"},skeletonTextContainer:{width:"80%",marginLeft:"15px"}})),ReviewRequestInviteAuthor=({author:e,organizationName:t})=>{var i=useStyles$3()["classes"],{name:e,photo:a}=e;return e?jsxRuntime.exports.jsxs("div",Object.assign({className:i.container},{children:[null===e&&jsxRuntime.exports.jsx(Skeleton,{variant:"circular",width:48,height:48}),e&&jsxRuntime.exports.jsx(Avatar,{src:a,sx:{bgcolor:"#F2F5F9"}}),null===e&&jsxRuntime.exports.jsxs("div",Object.assign({className:i.skeletonTextContainer},{children:[jsxRuntime.exports.jsx(Skeleton,{variant:"text"}),jsxRuntime.exports.jsx(Skeleton,{variant:"text"})]})),e&&jsxRuntime.exports.jsxs(Typography,Object.assign({className:i.textContainer},{children:[jsxRuntime.exports.jsx("strong",{children:e})," ",jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.invite-author.request-message",defaultMessage:"has requested that you join the",description:"Review Request Panel invite author, inviting you description text"})," ",jsxRuntime.exports.jsx("strong",{children:t})," ",jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.invite-author.organization-word",defaultMessage:"organization.",description:"Review Request Panel invite author, organization word"})]}))]})):jsxRuntime.exports.jsx("div",{className:i.container})},useStyles$2=makeStyles()(e=>({root:{},container:{padding:e.spacing(5,3,5,3),display:"flex",alignItems:"flex-start",backgroundColor:"#EEF3F9",flexDirection:"column",borderRadius:"4px",marginBottom:"25px"},messageLabel:{marginBottom:"10px",color:"#5C6269"}})),ReviewRequestMessage=({message:e})=>{var t=useStyles$2()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:t.container},{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"subtitle2",className:t.messageLabel,component:"label"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.author-message.word-message",defaultMessage:"Message",description:"Review Request Panel author message, the word message"}),": "]})),jsxRuntime.exports.jsx(Typography,{children:e})]}))},useStyles$1=makeStyles()(e=>({root:{display:"flex",justifyContent:"end",position:"absolute",right:"25px",bottom:"25px"},cancelButton:{marginRight:e.spacing(2),textTransform:"none"},actionButton:{textTransform:"none"}})),ReviewRequestActionFooter=({onReject:e,onAccept:t,isDisabled:i})=>{var a=useStyles$1()["classes"];const[n,s]=react.exports.useState(!1),o=useDispatch(),r=()=>{o(hidePanel(reviewRequestPanel))};return jsxRuntime.exports.jsxs("div",Object.assign({className:a.root,"data-testid":"os-organization-panel-review-request-panel-action-footer"},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e(),r(),o(actions$4.clearActiveOrganizationInviteId())},disabled:n||i,"data-testid":"os-organization-panel-review-request-panel-action-footer-cancel-button",className:a.cancelButton,sx:{color:"#2A323C"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.action-footer.reject-button",defaultMessage:"Reject Invitation",description:"Review Request Panel action footer, reject invitation button"})})),jsxRuntime.exports.jsx(LoadingButton$1,Object.assign({loading:n,variant:"contained",color:"primary",onClick:()=>{s(!0),setTimeout(()=>{t(),r(),o(actions$4.clearActiveOrganizationInviteId())},1e3)},disabled:i,"data-testid":"os-organization-panel-review-request-panel-action-footer-accept-button",className:a.actionButton},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.action-footer.accept-button",defaultMessage:"Accept Invitation",description:"Review Request Panel action footer, reject invitation button"})}))]}))},useStyles=makeStyles()(e=>({root:{},panelContent:{padding:e.spacing(0,6,0,6)},divider:{borderBottom:"0.5px solid #D5DFE9",height:"1px",opacity:.5},disclaimerText:{color:"#2A323C",marginTop:"25px"},skeletonContainer:{width:"90%",marginTop:"25px"}})),initialInviteState={organizationName:null,organizationLogo:null},initialInviteAuthor={name:null,email:null,photo:null},ReviewRequestPanel=()=>{var e=useStyles()["classes"];const t=useDispatch(),[{organizationName:i,organizationLogo:a},r]=react.exports.useState(initialInviteState),[n,l]=react.exports.useState(initialInviteAuthor),[s,c]=react.exports.useState(null),d=useSelector(selectActiveOrganizationInvite);return react.exports.useEffect(()=>{var e,t,i,a,n,s,o;d&&({message:e,organization:o,createdBy:s}=d,{name:o,imageUrl:t}=o,{name:i,firstName:a,lastName:n}=s,s=s["imageUrl"],r({organizationName:o,organizationLogo:t}),o=a||n?a+" "+n:i,l({name:o,email:i,photo:s}),c(e))},[d]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsxs("div",Object.assign({className:e.root,"data-test":"org-icon"},{children:[jsxRuntime.exports.jsx(ReviewRequestPanelHeader,{height:64}),jsxRuntime.exports.jsxs("div",Object.assign({className:e.panelContent},{children:[jsxRuntime.exports.jsx(ReviewRequestOrganizationLabel,{organizationName:i,organizationLogo:a}),jsxRuntime.exports.jsx("div",{className:e.divider}),jsxRuntime.exports.jsx(ReviewRequestInviteAuthor,{author:n,organizationName:i}),s&&jsxRuntime.exports.jsx(ReviewRequestMessage,{message:s}),jsxRuntime.exports.jsx("div",{className:e.divider}),null===i&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.skeletonContainer},{children:[jsxRuntime.exports.jsx(Skeleton,{variant:"text"}),jsxRuntime.exports.jsx(Skeleton,{variant:"text"}),jsxRuntime.exports.jsx(Skeleton,{variant:"text"})]})),null!==i&&jsxRuntime.exports.jsx("div",Object.assign({className:e.disclaimerText},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.review-request-panel.disclaimer-text",defaultMessage:"If you choose to accept this invitation, you will be granted access to specific applications and data available inside this Organization. You can switch between Organizations at anytime by using your Organization setting tool.",description:"Review Request Panel disclaimer text"})}))})),jsxRuntime.exports.jsx(ReviewRequestActionFooter,{onReject:()=>{var e={organizationInviteId:d.organizationInviteId,applicationRoles:d.applicationRoles,action:EOrganizationInviteAction.reject};t(actions.reviewRequestState.updateOrganizationInviteStart(e))},onAccept:()=>{var e={organizationInviteId:d.organizationInviteId,applicationRoles:d.applicationRoles.map(e=>({applicationId:e.application.id,roleId:e.role.id})),action:EOrganizationInviteAction.complete};t(actions.reviewRequestState.updateOrganizationInviteStart(e))},isDisabled:null===i})]}))]}))})},lads={Mert:"https://avatars.githubusercontent.com/u/51537954",Tony:"https://avatars.githubusercontent.com/u/51537954"},commonProps={removeUser:()=>({}),applicationsAction:()=>({})},existingUserProps=Object.assign({firstName:"Tony",lastName:"Gaglio",email:"tony@veritone.com",avatar:lads.Tony,userStatus:EUserStatus.existing,applications:["someApp"]},commonProps),existingUserNoAvatarProps=Object.assign({firstName:"Richard",lastName:"Vance",email:"richard@veritone.com",avatar:"",userStatus:EUserStatus.existing,applications:["someApp","anotherApp"]},commonProps),newUserProps=Object.assign({firstName:"",lastName:"",email:"john@veritone.com",avatar:lads.Tony,userStatus:EUserStatus.new},commonProps),pendingUserProps=Object.assign({firstName:"Mert",lastName:"Hotdog",email:"mert@veritone.com",avatar:lads.Mert,userStatus:EUserStatus.pending},commonProps),applicationMock={name:"Data Center",iconUrl:"https://www.filepicker.io/api/file/U3eW5m20QBCCG1GJh1RE"},roleMock={role:"Editor"},INVITE_REQUEST_ITEMS=[{id:"1",avatar:"https://avatars.githubusercontent.com/u/20645060",name:"Hamit Tokay",email:"htokay@veritone.com",userStatus:EUserStatus.existing,requestor:"Lance Gorji",requestedApps:[{application:applicationMock,role:roleMock}]},{id:"2",avatar:"https://avatars.githubusercontent.com/u/51537954",name:"Mert Nacakgedigi",email:"mnacakgedigi@veritone.com",userStatus:EUserStatus.new,requestor:"Lance Gorji",requestedApps:[{application:applicationMock,role:roleMock}]},{id:"3",avatar:"https://avatars.githubusercontent.com/u/74932289",name:"Alex Oleksiiuk",email:"aoleksiiuk@veritone.com",userStatus:EUserStatus.pending,requestor:"Lance Gorji",requestedApps:[{application:applicationMock,role:roleMock}]}];export{AddApplicationsPanel,EOrganizationInviteAction,EOrganizationInviteStatus,EUserStatus,HIDDEN_APP_ROLE_IDS,INVITE_REQUEST_ITEMS,InviteRequests as InviteRequestsPanel,InviteUsersPanel,LoadingStatus,OrganizationPanel,ReviewRequestPanel,SHARED_TEXT,SLICE_NAME,UserCard,UserStatusBadge,UserVariant,actions,adminRoles,applicationMock,daysBetweenDates,existingUserNoAvatarProps,existingUserProps,getOrganizationPanelModule,isAdminUser,lads,myOrganizations_api as myOrganizationsApis,newUserProps,organizationInvites_api as organizationInviteApi,organizations_selector as organizationSelectors,panelName,pendingUserProps,reducerActions,roleMock,scimIds_selector as scimIdSelectors,scimIds_api as scimIdsApi,selectApiConfigs,selectUserId,usePrevious};
1
+ import{a as generateUtilityClasses,g as generateUtilityClass,r as react,f as clsx,j as jsxRuntime,c4 as useControlled,ef as useIsFocusVisible,cb as useForkRef,c9 as useEnhancedEffect,ca as useEventCallback,eg as ownerDocument,_ as _extends,e as _objectWithoutPropertiesLoose,eh as appendOwnerState,bb as isHostComponent,h as composeClasses,b as styled,d as capitalize,ei as lighten,ej as darken,c6 as alpha,ek as slotShouldForwardProp,u as useThemeProps,b6 as useTheme,el as shouldSpreadAdditionalProps}from"./js-core.esm.js";const 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;function getSliderUtilityClass(e){return generateUtilityClass("MuiSlider",e)}const sliderUnstyledClasses=generateUtilityClasses("MuiSlider",["root","active","focusVisible","disabled","dragging","marked","vertical","trackInverted","trackFalse","rail","track","mark","markActive","markLabel","markLabelActive","thumb","valueLabel","valueLabelOpen","valueLabelCircle","valueLabelLabel"]);var sliderUnstyledClasses$1=sliderUnstyledClasses;const useValueLabelClasses=e=>{e=e.open;return{offset:clsx(e&&sliderUnstyledClasses$1.valueLabelOpen),circle:sliderUnstyledClasses$1.valueLabelCircle,label:sliderUnstyledClasses$1.valueLabelLabel}};function SliderValueLabelUnstyled(e){var{children:t,className:a,value:r,theme:n}=e,e=useValueLabelClasses(e);return react.exports.cloneElement(t,{className:clsx(t.props.className)},jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[t.props.children,jsxRuntime.exports.jsx("span",{className:clsx(e.offset,a),theme:n,"aria-hidden":!0,children:jsxRuntime.exports.jsx("span",{className:e.circle,children:jsxRuntime.exports.jsx("span",{className:e.label,children:r})})})]}))}const INTENTIONAL_DRAG_COUNT_THRESHOLD=2;function asc(e,t){return e-t}function clamp(e,t,a){return null==e?t:Math.min(Math.max(t,e),a)}function findClosest(e,r){e=(null!=(e=e.reduce((e,t,a)=>{t=Math.abs(r-t);return null===e||t<e.distance||t===e.distance?{distance:t,index:a}:e},null))?e:{}).index;return e}function trackFinger(e,t){if(void 0!==t.current&&e.changedTouches){var a=e;for(let e=0;e<a.changedTouches.length;e+=1){var r=a.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function valueToPercent(e,t,a){return 100*(e-t)/(a-t)}function percentToValue(e,t,a){return(a-t)*e+t}function getDecimalPrecision(e){if(Math.abs(e)<1){const a=e.toExponential().split("e-");var t=a[0].split(".")[1];return(t?t.length:0)+parseInt(a[1],10)}t=e.toString().split(".")[1];return t?t.length:0}function roundValueToStep(e,t,a){const r=Math.round((e-a)/t)*t+a;return Number(r.toFixed(getDecimalPrecision(t)))}function setValueIndex({values:e,newValue:t,index:a}){const r=e.slice();return r[a]=t,r.sort(asc)}function focusThumb({sliderRef:e,activeIndex:t,setActive:a}){var r,n=ownerDocument(e.current);null!=(r=e.current)&&r.contains(n.activeElement)&&Number(null==n||null==(r=n.activeElement)?void 0:r.getAttribute("data-index"))===t||null!=(n=e.current)&&n.querySelector(`[type="range"][data-index="${t}"]`).focus(),a&&a(t)}const axisProps={horizontal:{offset:e=>({left:e+"%"}),leap:e=>({width:e+"%"})},"horizontal-reverse":{offset:e=>({right:e+"%"}),leap:e=>({width:e+"%"})},vertical:{offset:e=>({bottom:e+"%"}),leap:e=>({height:e+"%"})}},Identity$1=e=>e;let cachedSupportsTouchActionNone;function doesSupportTouchActionNone(){return cachedSupportsTouchActionNone=void 0===cachedSupportsTouchActionNone?"undefined"==typeof CSS||"function"!=typeof CSS.supports||CSS.supports("touch-action","none"):cachedSupportsTouchActionNone}function useSlider(n){const{ref:I,"aria-labelledby":E,defaultValue:e,disableSwap:u=!1,disabled:o=!1,marks:t=!1,max:p=100,min:m=0,name:l,onChange:s,onChangeCommitted:i,orientation:d="horizontal",scale:c=Identity$1,step:h=1,tabIndex:F,value:O,isRtl:v=!1}=n,x=react.exports.useRef(),[a,b]=react.exports.useState(-1),[U,f]=react.exports.useState(-1),[r,D]=react.exports.useState(!1),g=react.exports.useRef(0),[S,k]=useControlled({controlled:O,default:null!=e?e:m,name:"Slider"}),y=s&&((e,t,a)=>{const r=e.nativeEvent||e;e=new r.constructor(r.type,r);Object.defineProperty(e,"target",{writable:!0,value:{value:t,name:l}}),s(e,t,a)}),w=Array.isArray(S);let C=w?S.slice().sort(asc):[S];C=C.map(e=>clamp(e,m,p));const L=!0===t&&null!==h?[...Array(Math.floor((p-m)/h)+1)].map((e,t)=>({value:m+h*t})):t||[],R=L.map(e=>e.value),{isFocusVisibleRef:H,onBlur:$,onFocus:Y,ref:B}=useIsFocusVisible(),[W,_]=react.exports.useState(-1),T=react.exports.useRef();var z=useForkRef(B,T);const X=useForkRef(I,z),G=(useEnhancedEffect(()=>{var e;o&&T.current.contains(document.activeElement)&&null!=(e=document.activeElement)&&e.blur()},[o]),o&&-1!==a&&b(-1),o&&-1!==W&&_(-1),react.exports.useRef());let A=d;v&&"horizontal"===d&&(A+="-reverse");const N=({finger:e,move:t=!1,values:a})=>{const r=T["current"];var{width:n,height:s,bottom:o,left:l}=r.getBoundingClientRect();let i;i=0===A.indexOf("vertical")?(o-e.y)/s:(e.x-l)/n,-1!==A.indexOf("-reverse")&&(i=1-i);let d,c=(d=percentToValue(i,m,p),d=clamp(d=h?roundValueToStep(d,h,m):(o=findClosest(R,d),R[o]),m,p),0);return w&&(c=t?G.current:findClosest(a,d),s=d=u?clamp(d,a[c-1]||-1/0,a[c+1]||1/0):d,d=setValueIndex({values:a,newValue:d,index:c}),u&&t||(c=d.indexOf(s),G.current=c)),{newValue:d,activeIndex:c}},P=useEventCallback(e=>{var t,a=trackFinger(e,x);a&&(g.current+=1,"mousemove"===e.type&&0===e.buttons?j(e):({newValue:a,activeIndex:t}=N({finger:a,move:!0,values:C}),focusThumb({sliderRef:T,activeIndex:t,setActive:b}),k(a),!r&&g.current>INTENTIONAL_DRAG_COUNT_THRESHOLD&&D(!0),y&&y(e,a,t)))}),j=useEventCallback(e=>{var t=trackFinger(e,x);D(!1),t&&(t=N({finger:t,values:C})["newValue"],b(-1),"touchend"===e.type&&f(-1),i&&i(e,t),x.current=void 0,M())}),V=useEventCallback(e=>{if(!o){doesSupportTouchActionNone()||e.preventDefault();var t,a=e.changedTouches[0],a=(null!=a&&(x.current=a.identifier),trackFinger(e,x));!1!==a&&({newValue:a,activeIndex:t}=N({finger:a,values:C}),focusThumb({sliderRef:T,activeIndex:t,setActive:b}),k(a),y&&y(e,a,t)),g.current=0;const r=ownerDocument(T.current);r.addEventListener("touchmove",P),r.addEventListener("touchend",j)}}),M=react.exports.useCallback(()=>{const e=ownerDocument(T.current);e.removeEventListener("mousemove",P),e.removeEventListener("mouseup",j),e.removeEventListener("touchmove",P),e.removeEventListener("touchend",j)},[j,P]);react.exports.useEffect(()=>{const e=T["current"];return e.addEventListener("touchstart",V,{passive:doesSupportTouchActionNone()}),()=>{e.removeEventListener("touchstart",V,{passive:doesSupportTouchActionNone()}),M()}},[M,V]),react.exports.useEffect(()=>{o&&M()},[o,M]);var z=valueToPercent(w?C[0]:m,m,p),q=valueToPercent(C[C.length-1],m,p)-z;return{axis:A,axisProps:axisProps,getRootProps:e=>{var n,t={onMouseDown:(n=e||{},e=>{if(null!=(a=n.onMouseDown)&&a.call(n,e),!o&&!e.defaultPrevented&&0===e.button){e.preventDefault();var t,a=trackFinger(e,x);!1!==a&&({newValue:a,activeIndex:t}=N({finger:a,values:C}),focusThumb({sliderRef:T,activeIndex:t,setActive:b}),k(a),y&&y(e,a,t)),g.current=0;const r=ownerDocument(T.current);r.addEventListener("mousemove",P),r.addEventListener("mouseup",j)}})},e=_extends({},e,t);return _extends({ref:X},e)},getHiddenInputProps:e=>{var a,r,s,t={onChange:(s=e||{},e=>{null!=(t=s.onChange)&&t.call(s,e);var t=Number(e.currentTarget.getAttribute("data-index")),a=C[t],r=R.indexOf(a);let n=e.target.valueAsNumber;if(n=clamp(n=L&&null==h?n<a?R[r-1]:R[r+1]:n,m,p),L&&null==h&&(a=R.indexOf(C[t]),n=n<C[t]?R[a-1]:R[a+1]),w){r=n=u?clamp(n,C[t-1]||-1/0,C[t+1]||1/0):n;n=setValueIndex({values:C,newValue:n,index:t});let e=t;u||(e=n.indexOf(r)),focusThumb({sliderRef:T,activeIndex:e})}k(n),_(t),y&&y(e,n,t),i&&i(e,n)}),onFocus:(r=e||{},e=>{var t=Number(e.currentTarget.getAttribute("data-index"));Y(e),!0===H.current&&_(t),f(t),null!=r&&null!=(t=r.onFocus)&&t.call(r,e)}),onBlur:(a=e||{},e=>{var t;$(e),!1===H.current&&_(-1),f(-1),null!=a&&null!=(t=a.onBlur)&&t.call(a,e)})},e=_extends({},e,t);return _extends({tabIndex:F,"aria-labelledby":E,"aria-orientation":d,"aria-valuemax":c(p),"aria-valuemin":c(m),name:l,type:"range",min:n.min,max:n.max,step:n.step,disabled:o},e,{style:_extends({},visuallyHidden$1,{direction:v?"rtl":"ltr",width:"100%",height:"100%"})})},getThumbProps:e=>{var a,r,t={onMouseOver:(r=e||{},e=>{null!=(t=r.onMouseOver)&&t.call(r,e);var t=Number(e.currentTarget.getAttribute("data-index"));f(t)}),onMouseLeave:(a=e||{},e=>{var t;null!=(t=a.onMouseLeave)&&t.call(a,e),f(-1)})},e=_extends({},e,t);return _extends({},e)},dragging:r,marks:L,values:C,active:a,focusVisible:W,open:U,range:w,trackOffset:z,trackLeap:q}}const _excluded$1=["aria-label","aria-valuetext","className","component","classes","disableSwap","disabled","getAriaLabel","getAriaValueText","marks","max","min","name","onChange","onChangeCommitted","onMouseDown","orientation","scale","step","tabIndex","track","value","valueLabelDisplay","valueLabelFormat","isRtl","components","componentsProps"],Identity=e=>e,useUtilityClasses=e=>{var{disabled:e,dragging:t,marked:a,orientation:r,track:n,classes:s}=e;return composeClasses({root:["root",e&&"disabled",t&&"dragging",a&&"marked","vertical"===r&&"vertical","inverted"===n&&"trackInverted",!1===n&&"trackFalse"],rail:["rail"],track:["track"],mark:["mark"],markActive:["markActive"],markLabel:["markLabel"],markLabelActive:["markLabelActive"],valueLabel:["valueLabel"],thumb:["thumb",e&&"disabled"],active:["active"],disabled:["disabled"],focusVisible:["focusVisible"]},getSliderUtilityClass,s)},Forward=({children:e})=>e,SliderUnstyled=react.exports.forwardRef(function(e,t){var a;const{"aria-label":I,"aria-valuetext":E,className:F,component:r,classes:O,disableSwap:U=!1,disabled:n=!1,getAriaLabel:s,getAriaValueText:o,marks:D=!1,max:l=100,min:i=0,onMouseDown:H,orientation:$="horizontal",scale:d=Identity,step:Y=1,track:c="normal",valueLabelDisplay:u="off",valueLabelFormat:p=Identity,isRtl:B=!1,components:m={},componentsProps:h={}}=e,W=_objectWithoutPropertiesLoose(e,_excluded$1),v=_extends({},e,{mark:D,classes:O,disabled:n,isRtl:B,max:l,min:i,orientation:$,scale:d,step:Y,track:c,valueLabelDisplay:u,valueLabelFormat:p}),{axisProps:x,getRootProps:X,getHiddenInputProps:G,getThumbProps:q,open:J,active:b,axis:f,range:g,focusVisible:K,dragging:Q,marks:S,values:k,trackOffset:Z,trackLeap:ee}=useSlider(_extends({},v,{ref:t}));v.marked=0<S.length&&S.some(e=>e.label),v.dragging=Q;var t=null!=(e=null!=r?r:m.Root)?e:"span",e=appendOwnerState(t,_extends({},W,h.root),v),y=null!=(y=m.Rail)?y:"span",w=appendOwnerState(y,h.rail,v),C=null!=(C=m.Track)?C:"span",L=appendOwnerState(C,h.track,v),te=_extends({},x[f].offset(Z),x[f].leap(ee));const R=null!=(a=m.Thumb)?a:"span",_=appendOwnerState(R,h.thumb,v),T=null!=(a=m.ValueLabel)?a:SliderValueLabelUnstyled,ae=appendOwnerState(T,h.valueLabel,v),z=null!=(a=m.Mark)?a:"span",A=appendOwnerState(z,h.mark,v),N=null!=(a=m.MarkLabel)?a:"span",P=appendOwnerState(N,h.markLabel,v),j=m.Input||"input",V=appendOwnerState(j,h.input,v),re=G(),M=useUtilityClasses(v);return jsxRuntime.exports.jsxs(t,_extends({},e,X({onMouseDown:H}),{className:clsx(M.root,e.className,F),children:[jsxRuntime.exports.jsx(y,_extends({},w,{className:clsx(M.rail,w.className)})),jsxRuntime.exports.jsx(C,_extends({},L,{className:clsx(M.track,L.className),style:_extends({},te,L.style)})),S.map((e,t)=>{var a=valueToPercent(e.value,i,l),a=x[f].offset(a);let r;return r=!1===c?-1!==k.indexOf(e.value):"normal"===c&&(g?e.value>=k[0]&&e.value<=k[k.length-1]:e.value<=k[0])||"inverted"===c&&(g?e.value<=k[0]||e.value>=k[k.length-1]:e.value>=k[0]),jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(z,_extends({"data-index":t},A,!isHostComponent(z)&&{markActive:r},{style:_extends({},a,A.style),className:clsx(M.mark,A.className,r&&M.markActive)})),null!=e.label?jsxRuntime.exports.jsx(N,_extends({"aria-hidden":!0,"data-index":t},P,!isHostComponent(N)&&{markLabelActive:r},{style:_extends({},a,P.style),className:clsx(M.markLabel,P.className,r&&M.markLabelActive),children:e.label})):null]},e.value)}),k.map((e,t)=>{var a=valueToPercent(e,i,l),a=x[f].offset(a),r="off"===u?Forward:T;return jsxRuntime.exports.jsx(react.exports.Fragment,{children:jsxRuntime.exports.jsx(r,_extends({},!isHostComponent(r)&&{valueLabelFormat:p,valueLabelDisplay:u,value:"function"==typeof p?p(d(e),t):p,index:t,open:J===t||b===t||"on"===u,disabled:n},ae,{className:clsx(M.valueLabel,ae.className),children:jsxRuntime.exports.jsx(R,_extends({"data-index":t},_,q(),{className:clsx(M.thumb,_.className,b===t&&M.active,K===t&&M.focusVisible)},!isHostComponent(R)&&{ownerState:_extends({},v,_.ownerState)},{style:_extends({},a,{pointerEvents:U&&b!==t?"none":void 0},_.style),children:jsxRuntime.exports.jsx(j,_extends({},re,{"data-index":t,"aria-label":s?s(t):I,"aria-valuenow":d(e),"aria-valuetext":o?o(d(e),t):E,value:k[t]},!isHostComponent(j)&&{ownerState:_extends({},v,V.ownerState)},V,{style:_extends({},re.style,V.style)}))}))}))},t)})]}))});var SliderUnstyled$1=SliderUnstyled;const _excluded=["component","components","componentsProps","color","size"],sliderClasses=_extends({},sliderUnstyledClasses$1,generateUtilityClasses("MuiSlider",["colorPrimary","colorSecondary","thumbColorPrimary","thumbColorSecondary","sizeSmall","thumbSizeSmall"])),SliderRoot=styled("span",{name:"MuiSlider",slot:"Root",overridesResolver:(e,t)=>{const a=e["ownerState"],r=!0===a.marksProp&&null!==a.step?[...Array(Math.floor((a.max-a.min)/a.step)+1)].map((e,t)=>({value:a.min+a.step*t})):a.marksProp||[];e=0<r.length&&r.some(e=>e.label);return[t.root,t["color"+capitalize(a.color)],"medium"!==a.size&&t["size"+capitalize(a.size)],e&&t.marked,"vertical"===a.orientation&&t.vertical,"inverted"===a.track&&t.trackInverted,!1===a.track&&t.trackFalse]}})(({theme:e,ownerState:t})=>_extends({borderRadius:12,boxSizing:"content-box",display:"inline-block",position:"relative",cursor:"pointer",touchAction:"none",color:e.palette[t.color].main,WebkitTapHighlightColor:"transparent"},"horizontal"===t.orientation&&_extends({height:4,width:"100%",padding:"13px 0","@media (pointer: coarse)":{padding:"20px 0"}},"small"===t.size&&{height:2},t.marked&&{marginBottom:20}),"vertical"===t.orientation&&_extends({height:"100%",width:4,padding:"0 13px","@media (pointer: coarse)":{padding:"0 20px"}},"small"===t.size&&{width:2},t.marked&&{marginRight:44}),{"@media print":{colorAdjust:"exact"},["&."+sliderClasses.disabled]:{pointerEvents:"none",cursor:"default",color:e.palette.grey[400]},["&."+sliderClasses.dragging]:{[`& .${sliderClasses.thumb}, & .`+sliderClasses.track]:{transition:"none"}}})),SliderRail=styled("span",{name:"MuiSlider",slot:"Rail",overridesResolver:(e,t)=>t.rail})(({ownerState:e})=>_extends({display:"block",position:"absolute",borderRadius:"inherit",backgroundColor:"currentColor",opacity:.38},"horizontal"===e.orientation&&{width:"100%",height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===e.orientation&&{height:"100%",width:"inherit",left:"50%",transform:"translateX(-50%)"},"inverted"===e.track&&{opacity:1})),SliderTrack=styled("span",{name:"MuiSlider",slot:"Track",overridesResolver:(e,t)=>t.track})(({theme:e,ownerState:t})=>{var a="light"===e.palette.mode?lighten(e.palette[t.color].main,.62):darken(e.palette[t.color].main,.5);return _extends({display:"block",position:"absolute",borderRadius:"inherit",border:"1px solid currentColor",backgroundColor:"currentColor",transition:e.transitions.create(["left","width","bottom","height"],{duration:e.transitions.duration.shortest})},"small"===t.size&&{border:"none"},"horizontal"===t.orientation&&{height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===t.orientation&&{width:"inherit",left:"50%",transform:"translateX(-50%)"},!1===t.track&&{display:"none"},"inverted"===t.track&&{backgroundColor:a,borderColor:a})}),SliderThumb=styled("span",{name:"MuiSlider",slot:"Thumb",overridesResolver:(e,t)=>{e=e.ownerState;return[t.thumb,t["thumbColor"+capitalize(e.color)],"medium"!==e.size&&t["thumbSize"+capitalize(e.size)]]}})(({theme:e,ownerState:t})=>_extends({position:"absolute",width:20,height:20,boxSizing:"border-box",borderRadius:"50%",outline:0,backgroundColor:"currentColor",display:"flex",alignItems:"center",justifyContent:"center",transition:e.transitions.create(["box-shadow","left","bottom"],{duration:e.transitions.duration.shortest})},"small"===t.size&&{width:12,height:12},"horizontal"===t.orientation&&{top:"50%",transform:"translate(-50%, -50%)"},"vertical"===t.orientation&&{left:"50%",transform:"translate(-50%, 50%)"},{"&:before":_extends({position:"absolute",content:'""',borderRadius:"inherit",width:"100%",height:"100%",boxShadow:e.shadows[2]},"small"===t.size&&{boxShadow:"none"}),"&::after":{position:"absolute",content:'""',borderRadius:"50%",width:42,height:42,top:"50%",left:"50%",transform:"translate(-50%, -50%)"},["&:hover, &."+sliderClasses.focusVisible]:{boxShadow:"0px 0px 0px 8px "+alpha(e.palette[t.color].main,.16),"@media (hover: none)":{boxShadow:"none"}},["&."+sliderClasses.active]:{boxShadow:"0px 0px 0px 14px "+alpha(e.palette[t.color].main,.16)},["&."+sliderClasses.disabled]:{"&:hover":{boxShadow:"none"}}})),SliderValueLabel=styled(SliderValueLabelUnstyled,{name:"MuiSlider",slot:"ValueLabel",overridesResolver:(e,t)=>t.valueLabel})(({theme:e,ownerState:t})=>_extends({["&."+sliderClasses.valueLabelOpen]:{transform:"translateY(-100%) scale(1)"},zIndex:1,whiteSpace:"nowrap"},e.typography.body2,{fontWeight:500,transition:e.transitions.create(["transform"],{duration:e.transitions.duration.shortest}),top:-10,transformOrigin:"bottom center",transform:"translateY(-100%) scale(0)",position:"absolute",backgroundColor:e.palette.grey[600],borderRadius:2,color:e.palette.common.white,display:"flex",alignItems:"center",justifyContent:"center",padding:"0.25rem 0.75rem"},"small"===t.size&&{fontSize:e.typography.pxToRem(12),padding:"0.25rem 0.5rem"},{"&:before":{position:"absolute",content:'""',width:8,height:8,bottom:0,left:"50%",transform:"translate(-50%, 50%) rotate(45deg)",backgroundColor:"inherit"}})),SliderMark=styled("span",{name:"MuiSlider",slot:"Mark",shouldForwardProp:e=>slotShouldForwardProp(e)&&"markActive"!==e,overridesResolver:(e,t)=>t.mark})(({theme:e,ownerState:t,markActive:a})=>_extends({position:"absolute",width:2,height:2,borderRadius:1,backgroundColor:"currentColor"},"horizontal"===t.orientation&&{top:"50%",transform:"translate(-1px, -50%)"},"vertical"===t.orientation&&{left:"50%",transform:"translate(-50%, 1px)"},a&&{backgroundColor:e.palette.background.paper,opacity:.8})),SliderMarkLabel=styled("span",{name:"MuiSlider",slot:"MarkLabel",shouldForwardProp:e=>slotShouldForwardProp(e)&&"markLabelActive"!==e,overridesResolver:(e,t)=>t.markLabel})(({theme:e,ownerState:t,markLabelActive:a})=>_extends({},e.typography.body2,{color:e.palette.text.secondary,position:"absolute",whiteSpace:"nowrap"},"horizontal"===t.orientation&&{top:30,transform:"translateX(-50%)","@media (pointer: coarse)":{top:40}},"vertical"===t.orientation&&{left:36,transform:"translateY(50%)","@media (pointer: coarse)":{left:44}},a&&{color:e.palette.text.primary})),extendUtilityClasses=e=>{var{color:e,size:t,classes:a={}}=e;return _extends({},a,{root:clsx(a.root,getSliderUtilityClass("color"+capitalize(e)),a["color"+capitalize(e)],t&&[getSliderUtilityClass("size"+capitalize(t)),a["size"+capitalize(t)]]),thumb:clsx(a.thumb,getSliderUtilityClass("thumbColor"+capitalize(e)),a["thumbColor"+capitalize(e)],t&&[getSliderUtilityClass("thumbSize"+capitalize(t)),a["thumbSize"+capitalize(t)]])})},Slider=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiSlider"}),a="rtl"===useTheme().direction,{component:r="span",components:n={},componentsProps:s={},color:o="primary",size:l="medium"}=e,i=_objectWithoutPropertiesLoose(e,_excluded),e=_extends({},e,{color:o,size:l}),e=extendUtilityClasses(e);return jsxRuntime.exports.jsx(SliderUnstyled$1,_extends({},i,{isRtl:a,components:_extends({Root:SliderRoot,Rail:SliderRail,Track:SliderTrack,Thumb:SliderThumb,ValueLabel:SliderValueLabel,Mark:SliderMark,MarkLabel:SliderMarkLabel},n),componentsProps:_extends({},s,{root:_extends({},s.root,shouldSpreadAdditionalProps(n.Root)&&{as:r,ownerState:_extends({},null==(i=s.root)?void 0:i.ownerState,{color:o,size:l})}),thumb:_extends({},s.thumb,shouldSpreadAdditionalProps(n.Thumb)&&{ownerState:_extends({},null==(a=s.thumb)?void 0:a.ownerState,{color:o,size:l})}),track:_extends({},s.track,shouldSpreadAdditionalProps(n.Track)&&{ownerState:_extends({},null==(r=s.track)?void 0:r.ownerState,{color:o,size:l})}),valueLabel:_extends({},s.valueLabel,shouldSpreadAdditionalProps(n.ValueLabel)&&{ownerState:_extends({},null==(i=s.valueLabel)?void 0:i.ownerState,{color:o,size:l})})}),classes:e,ref:t}))});var Slider$1=Slider;export{Slider$1 as S};