aiware-js 1.0.0-master.72 → 1.0.0-master.721

package/js-core.esm47.js

@@ -1 +1,31 @@
-import{bN as createSlice,dH as combineReducers,aX as createSelector,bS as rootApiSelector,aF as graphEndpointSelector,a9 as sessionTokenSelector,eW as channel,m as makeStyles,j as jsxRuntime,O as AIWareThemeProvider,Q as lib,A as AIWareIntlProvider,d0 as CacheProvider,d1 as muiCache,G as useDispatch,H as useSelector,r as react,bh as Box,bb as CircularProgress,bH as lodash,as as all,ar as Button,F as FormattedMessage,e$ as ProgressStepper,au as takeLatest$1,ax as take,az as put,bQ as preferredLanguageSelector,bK as Grid,T as Typography,cu as MenuItem,aE as select,aB as call,eL as sdkEventManager,eM as SdkEvents,eN as SdkError,dl as showMessage,dm as MessageSeverity,cC as AIWareFormatMessage}from"./js-core.esm.js";import{s as set_1,c as InputSelect,e as InputText,f as uploadFileToS3,g as getSignedWritableUrl}from"./js-core.esm28.js";import{u as useForm,F as FormProvider}from"./js-core.esm23.js";import{C as Chip}from"./js-core.esm31.js";import"./js-core.esm30.js";import"./js-core.esm19.js";import"./js-core.esm8.js";import"./js-core.esm29.js";import"./js-core.esm11.js";import"./js-core.esm12.js";import"./js-core.esm5.js";import"./js-core.esm10.js";import"./js-core.esm13.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 SLICE_NAME="appCenterNew";var LoadingStatus,UiInfo,FormStatus,FormValidations,IconImportStatus;!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),function(e){e.PanelClosed="closed",e.PanelOpen="open"}(UiInfo=UiInfo||{}),function(e){e[e.Pending=0]="Pending",e[e.Submitting=1]="Submitting",e[e.Success=2]="Success",e[e.Error=3]="Error"}(FormStatus=FormStatus||{}),function(e){e.Pending="pending",e.EmptyFieldError="This field should not be empty",e.SpecialCharError="This field cannot contain special characters"}(FormValidations=FormValidations||{}),function(e){e.Idle="idle",e.Uploading="uploading",e.Uploaded="uploaded",e.Failed="failed",e.Aborted="aborted"}(IconImportStatus=IconImportStatus||{});const namespace$3="uiState",initialState$2={status:LoadingStatus.Idle},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="appFormState",initialState$1={app:{name:"",description:"",iconPath:"",url:""},step:[],isLoadingExistingAppData:!1,isEditForm:!1,formValidations:FormValidations.Pending,formStatus:FormStatus.Pending,uiInfo:UiInfo.PanelClosed},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{createNewApp(e){e.formStatus=FormStatus.Submitting},editApp(e,t){e.formStatus=FormStatus.Submitting},createAppStart(e,t){e.formStatus=FormStatus.Submitting},updateAppStart(e,t){e.formStatus=FormStatus.Submitting},createAppSuccess(e,{payload:t}){e.formStatus=FormStatus.Success,set_1(e.app,"id",t)},createAppFailed(e,t){e.formStatus=FormStatus.Error},stepper(e,t){e.step=t.payload},updateAppFormField(e,t){var{field:t,value:a}=t.payload;set_1(e.app,t,a)}}}),actions$2=slice$1.actions;var appFormState=slice$1.reducer;const namespace$1="iconUploadState",initialState={file:null,status:IconImportStatus.Idle},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{uploadIconStart(e,{payload:t}){e.file=t.file,e.status=IconImportStatus.Uploading},updateIcon(e,{payload:t}){e.file=Object.assign(Object.assign({},e.file),t)},uploadIconSuccess(e){e.status=IconImportStatus.Uploaded},uploadIconFailed(e,{payload:t}){e.file=null,e.error=t,e.status=IconImportStatus.Failed},deleteLocalIcon(e){e.file=null}}}),actions$1=slice.actions;var iconUploadState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$3]:uiState,[namespace$2]:appFormState,[namespace$1]:iconUploadState}),selectApp=e=>e[namespace].appFormState.app,selectIsEditForm=e=>lodash.exports.pick(e[namespace].appFormState,"isEditForm"),selectIsLoadingExistingAppData=e=>lodash.exports.pick(e[namespace].appFormState,"isLoadingExistingAppData"),selectAppUrl=e=>e[namespace].appFormState.app.url,selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,a)=>({apiRoot:e,graphQLEndpoint:t,token:a})),root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*uploadIcon(e){const t=e.payload.file;e=yield select(preferredLanguageSelector);const a=AIWareFormatMessage(e);try{var s=yield call(getUrlBucket,t.name);const n=Object.assign(Object.assign({},t),{status:IconImportStatus.Uploading,percentComplete:0,expiresInSeconds:s.expiresInSeconds,getUrl:s.getUrl,key:s.key,unsignedUrl:s.unsignedUrl,url:s.url}),o=(yield put(actions.iconUploadState.updateIcon(n)),e=>{fileUploadChannel.put(actions.iconUploadState.updateIcon(Object.assign({id:t.id},e)))});var i=yield uploadFileToS3(s,t,{onProgress:e=>{o({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{o({status:IconImportStatus.Aborted}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),n)},onError:e=>{o({status:IconImportStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),n)},onUpload:e=>{o({status:IconImportStatus.Uploaded}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,n)}});root.xhrInstances[t.id]=i,yield put(actions.iconUploadState.uploadIconSuccess()),yield put(actions.appFormState.updateAppFormField({field:"iconPath",value:n.getUrl}))}catch(e){yield put(actions.iconUploadState.uploadIconFailed(e.message)),yield put(showMessage({content:a({id:"os-engine-center-new.snackbar.iconUploadFail",defaultMessage:[{type:0,value:"Icon upload failed, please try again."}]}),severity:MessageSeverity.Error}))}}function*getUrlBucket(e){var t=yield select(selectApiConfigs);return yield call(getSignedWritableUrl,t,e)}function*watchUploadIconStart(){yield takeLatest$1(actions.iconUploadState.uploadIconStart.type,uploadIcon)}function*watchProgressChannel(){var e=yield take(fileUploadChannel);yield put(e)}function*rootSaga(){yield all([watchUploadIconStart(),watchProgressChannel()])}function getAppCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$1=makeStyles()(e=>({container:{padding:e.spacing(6),maxWidth:"100%"},divider:{width:"60rem",margin:e.spacing(5,5,1,6)},list:{width:"60rem",padding:e.spacing(6,0),marginLeft:e.spacing(6)},chip:{marginLeft:"10px"},inputContainer:{paddingTop:"10px"},root:{"&":{width:"100%"}},grayText:{color:"gray"}})),FunctionalityStep=({handleOnValidate:e})=>{var t=useStyles$1()["classes"];const a=useDispatch();var s=useSelector(selectAppUrl),i=useSelector(preferredLanguageSelector);const n=AIWareFormatMessage(i),o=useForm({mode:"onChange",defaultValues:{url:s}});react.exports.useEffect(()=>{e&&e(!0)}),react.exports.useEffect(()=>{null!=e&&e(o.formState.isValid)},[o.formState.isValid]);i=e=>{var{name:e,value:t}=e.target;a(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},o,{children:jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,rowSpacing:5,columnSpacing:6,className:t.container,"data-test":"os-app-center-new-functionality-step-container"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.application-type-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-type-title-formattedMessage",defaultMessage:"Application Type",description:"Application Type title"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption","data-test":"os-app-center-new.application-type-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-type-description-formattedMessage",defaultMessage:"Please select the application type from the list below:",description:"Application Type description"})})),jsxRuntime.exports.jsx("div",Object.assign({className:t.inputContainer},{children:jsxRuntime.exports.jsxs(InputSelect,Object.assign({className:t.root,onChange:i,"data-test":"os-app-center-new.app-type-input",fullWidth:!0,value:"web",name:"app-type"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({value:"web"},{children:[jsxRuntime.exports.jsx("b",{children:"Web Application"})," ",jsxRuntime.exports.jsx("span",Object.assign({className:t.grayText},{children:"(Accessible via Browser)"}))]})),jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:!0},{children:[jsxRuntime.exports.jsx("b",{children:"Docker Application"})," (Run on aiWARE)"," ",jsxRuntime.exports.jsx(Chip,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]})),jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:!0},{children:[jsxRuntime.exports.jsx("b",{children:"Kubernetes"})," ",jsxRuntime.exports.jsx(Chip,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]}))]}))}))]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.application-url-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-url-title-formattedMessage",defaultMessage:"Application URL",description:"Application url title"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption","data-test":"os-app-center-new.application-url-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.integration-description-formattedMessage",defaultMessage:"Provide the url to access your application. Include http or https.",description:"Application url description"})})),jsxRuntime.exports.jsx("div",Object.assign({className:t.inputContainer},{children:jsxRuntime.exports.jsx(InputText,{required:!0,type:"url","data-test":"os-app-center-new.url-input",rules:{required:!0,validate:{unique:e=>(e=>!!/https?:\/\/[a-z0-9].+/.test(e)||n({id:"os-app-center-new.invalid-url-error",defaultMessage:[{type:0,value:"Must be a valid URL including protocol."}]}))(e)}},onChange:i,placeholder:"URL",name:"url",fullWidth:!0})}))]}))]}))}))},AppOnboardingFlow=()=>{const t=useDispatch(),a=useSelector(selectApp),s=useSelector(selectIsEditForm)["isEditForm"],[e,i]=react.exports.useState(!1);var n=e=>i(e);var o=({handleOnValidate:e,children:t})=>(react.exports.useEffect(()=>{e(!0)},[]),t),o=[jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"basic-info"},{children:"Basic Info"}))})),jsxRuntime.exports.jsx(FunctionalityStep,{handleOnValidate:n}),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"headerbar"},{children:"Headerbar"}))})),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"authentication"},{children:"Authentication"}))})),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"automate"},{children:"Automate"}))})),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"app-events"},{children:"App Events"}))})),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"app-package"},{children:"App Package"}))})),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"review"},{children:"Review"}))}))],n=[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"app-new-submit-app-button",variant:"contained",color:"primary",onClick:()=>{var[e=!1]=[];s?t(actions.appFormState.updateAppStart({app:a,openBuildPanel:e})):t(actions.appFormState.createAppStart({app:a,openBuildPanel:e}))}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.{idPrefix}-app-button",defaultMessage:"{verb}",description:"{verb} app button text",values:{idPrefix:s?"update":"submit",verb:s?"Update":"Submit"}})}),"submit-app-button")];return jsxRuntime.exports.jsx(ProgressStepper,{steps:["Basic Info","Functionality","Headerbar","Authentication","Automate","App Events","App Package","Review"],stepContent:o,customFinalStepButtons:n,nextButtonDisabled:!e,idPrefix:"app-center-new-aob"})},appBarHeight=55,headerHeight=64,borderBottom=5,useStyles=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight}px - ${headerHeight}px - ${borderBottom}px)`}})),MainLayout=({appId:e})=>{var t=useStyles()["classes"];const a=useDispatch();var s=useSelector(selectIsLoadingExistingAppData)["isLoadingExistingAppData"];return react.exports.useEffect(()=>{e?a(actions.appFormState.editApp(e)):a(actions.appFormState.createNewApp())},[]),jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-new-widget",className:t.ecnPanel},{children:s?jsxRuntime.exports.jsx(Box,Object.assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(CircularProgress,{})})):jsxRuntime.exports.jsx(AppOnboardingFlow,{})}))},AppCenterNew=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))}))})}))});export{AppCenterNew};
+import{ce as createSvgIcon,j as jsxRuntime,m as makeStyles,a0 as createSlice,cm as combineReducers,cw as unmountPanel,bO as AIWareCacheProvider,cp as AIWareThemeProvider,a3 as DynamicModuleLoader,A as AIWareIntlProvider,cn as createSelector,o as useSelector,n as useDispatch,cC as userSelector,dK as selectApiConfigs,r as react,E as classNames,cA as mountPanel,B as Box,aO as CircularProgress,T as Typography,aq as Tooltip,K as IconButton,c9 as Hide,U as Button,V as Divider,f6 as img$a,al as all,G as Grid,F as FormattedMessage,fS as ArrowDown,fT as ArrowUp,au as takeLatest$1,fU as useInterval,fV as Iam,fo as CheckCircle,D as TextField,S as Switch,ax as select,a4 as preferredLanguageSelector,az as call,aw as put,cb as showMessage,cc as MessageSeverity,f1 as Popover,f2 as MenuList,Q as MenuItem,aQ as Dialog,b6 as DialogTitle,b7 as DialogContent,cB as DialogContentText,b8 as DialogActions,bX as Icon,cG as Upload,c3 as FormHelperText$2,bj as AIWareFormatMessage,v as lodash,cN as baseGraphQLApiWithError}from"./js-core.esm.js";import{S as Stepper,a as Step,b as StepLabel,d as default_1}from"./js-core.esm33.js";import{n as navSectionStyles,t as tableStyles,c as contextMenuStyles}from"./js-core.esm44.js";import{C as ContentCopy}from"./js-core.esm42.js";import{M as MoreVert}from"./js-core.esm48.js";var Public=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"}),"Public"),useStyles$1=makeStyles()(e=>({root:{width:"560px",height:"auto"},configurationContainer:{minHeight:"650px"},spacer:{minHeight:e.spacing(2)},header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,backgroundColor:"#FAFAFA !important",display:"flex",height:64,padding:e.spacing(2)},headerTitle:{paddingLeft:e.spacing(4)},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)},stepsContent:{overflowY:"scroll","&::-webkit-scrollbar":{width:"0"},height:"calc(100vh - 280px)"},stepper:{width:"80%",height:"75px",paddingLeft:"30px"},step:{".MuiStepIcon-root.Mui-active":{fill:e.palette.secondary.main},".MuiStepIcon-root.Mui-completed":{fill:e.palette.secondary.main}},sectionsButton:{paddingBottom:e.spacing(3)},sections:{paddingTop:e.spacing(3),paddingBottom:e.spacing(2.8)},container:{paddingTop:e.spacing(3),paddingLeft:e.spacing(3),paddingRight:e.spacing(3)},clientDivider:{paddingBottom:e.spacing(3)},previewButtonContainer:{marginTop:e.spacing(3),padding:e.spacing(3),background:"#FAFAFA"},previewButtonImage:{width:"30px",height:"30px",objectFit:"contain",marginRight:e.spacing(2)},previewButton:{height:"55px",marginBottom:e.spacing(4),textTransform:"none"},designContainer:{display:"flex",width:"100%",marginTop:e.spacing(3)},colorBlocksContainer:{display:"flex",flexDirection:"row",justifyContent:"space-between",width:"100%"},colorBlock:{width:"30px",height:"30px",borderRadius:"4px"},colorValuesContainer:{display:"flex",justifyContent:"space-between",width:"100%"},buttonDesignErrorContainer:{marginTop:"10px",display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"center",color:"#E53935"},buttonDesignContainer:{display:"flex",flexDirection:"column",height:"137px",width:"100%",justifyContent:"space-between"},buttonPreviewLabel:{position:"absolute",fontSize:"12px",fontWeight:300,width:"75px",backgroundColor:"#fff",transform:"translate(2px, 0px) scale(.98)",color:"#5C6269",textAlign:"center",top:"-8px",left:"5px"},logo:{width:"100%",objectFit:"fill",borderRadius:"4px"},logoContainer:{height:"138px",width:"138px",position:"relative",borderRadius:"4px",marginRight:e.spacing(2)},buttonGroup:{position:"fixed",bottom:"20px",right:"80px",display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"flex-end",marginTop:e.spacing(3),marginRight:e.spacing(3)},button:{marginRight:e.spacing(1)},instructions:{marginTop:e.spacing(1),marginBottom:e.spacing(1)},textField:{width:"100%"},textFieldButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:"100%"},textFieldHexButtonDesign:{marginLeft:0,marginRight:0,marginTop:0,width:"48%"},inputBase:{fontWeight:400,fontSize:"14px"},inputContainer:{position:"relative"},fileInput:{position:"absolute",height:1,width:1,overflow:"hidden",clip:"rect(1px, 1px, 1px, 1px)"},imageWrapper:{position:"relative",alignItems:"center",borderRadius:4,border:"1px solid #ccc",boxSizing:"border-box",cursor:"pointer",display:"flex",width:137,height:137,justifyContent:"center",overflow:"hidden"},inputLogo:{position:"relative",height:138,width:138,objectFit:"contain"},removeBtn:{backgroundColor:"rgba(255, 255, 255, .7)",color:"#000",borderRadius:"25px",padding:8,position:"absolute",right:4,top:92},loadingCreate:{marginTop:"50px",display:"flex",width:"100%",height:"400px",justifyContent:"space-around",alignItems:"center",flexDirection:"column"},errorImage:{width:"235px",height:"235px"},retryButton:{marginTop:"10px"},isGlobalContainer:{borderRadius:4,backgroundColor:"#FAFAFA",padding:"10px",display:"flex",flexDirection:"row"},isGlobalTitle:{marginBottom:"5px"},isGlobalDescription:{width:"90%"}}));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;const SHARED_TEXT={panelHeaderTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.ciRSCG",defaultMessage:"Login Connector",description:"Login Connector"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),loginStepsProviderConfiguration:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.6+P+4t",defaultMessage:"Provider Configuration",description:"Provider Configuration"}),loginStepsButtonDesign:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.pgJQ+P",defaultMessage:"Button Design",description:"Button Design"}),loginStepsNextButton:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.6V6DQY",defaultMessage:"Next",description:"Next Button"}),loginStepsBackButton:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.nsJ82A",defaultMessage:"Back",description:"Back Button"}),loginStepsCreateButton:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.DOAMwO",defaultMessage:"Create",description:"Create Button"}),loginStepsUpdateButton:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.aW7Qtx",defaultMessage:"Update",description:"Button that allows users to update their open id provider"}),loginStepsCloseButton:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.q5zf7S",defaultMessage:"Close",description:"Create Button"}),loginStepsErrorRequired:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.vjutlG",defaultMessage:"This field is required.",description:"required field"}),loginStepsErrorIssuerUrl:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.2VJeNw",defaultMessage:"This field is required. OpenID connect metaData document",description:"OPenId Metadata Document Required"}),loginStepsErrorBtnText:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.JuCywi",defaultMessage:"This field is required",description:"Button Text Required"}),loginStepsErrorBtnColor:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.lQChal",defaultMessage:'Needs Valid Six Digit Hex color ie.. "#FFFFFF"',description:"Valid Button Text Color Required"}),loginStepsErrorBtnLogo:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.8vQBmc",defaultMessage:"Please use a valid JPEG, PNG or SVG file smaller than 300KB",description:"Valid Button Logo Type File Size"}),providerInstructions:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.rpVpIA",defaultMessage:"Configure your new authentication option for users of this organization. This will be displayed on login.",description:"Provider Instructions"}),providerUpdateInstructions:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.i1Yvqc",defaultMessage:"Update your authentication options for users of this organization. This will be displayed on login. You will need to re-enter your Client Secret and Issuer URL for this connector",description:"Text to describe Instructions for this step of Login Connector Updating"}),providerSectionBasic:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.3nxOek",defaultMessage:"Basic Info",description:"Basic Info"}),providerInputName:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.+fYwFL",defaultMessage:"Name",description:"Name"}),providerInputDescription:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.3T09+Q",defaultMessage:"Description",description:"Description"}),providerInputWebsiteUrl:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.pnHn3q",defaultMessage:"Website URL",description:"Website URL"}),providerSectionClient:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.EcoPxV",defaultMessage:"Client Info",description:"Client Info"}),providerInputClientId:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.uWdwr0",defaultMessage:"Client ID",description:"Client ID"}),providerInputClientSecret:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.6OgfIg",defaultMessage:"Client Secret",description:"Client Secret "}),providerInputIssuerUrl:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.mXH+F+",defaultMessage:"Issuer URL",description:"Issuer URL"}),providerGlobalTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.+k+hp1",defaultMessage:"Global Authentication",description:"Global Authentication"}),providerGlobalDescription:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.fxc8x4",defaultMessage:"When enabled, this login provider will be available for all organizations within this environment. Please use with caution!",description:"Global description"}),buttonInstructions:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.gQIG1D",defaultMessage:"Set the look and feel of your login button for your users.",description:"Button Instructions"}),buttonPreview:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.dtsZya",defaultMessage:"Button Preview",description:"Button Preview"}),buttonLogo:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.XtAWcG",defaultMessage:"Button Logo",description:"Button Logo"}),buttonText:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.w2NwY1",defaultMessage:"Button Text Label",description:"Button Text"}),buttonColor:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.J2U6tX",defaultMessage:"Button Color",description:"Button Color"}),buttonTextColor:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.3GdHqA",defaultMessage:"Button Text Color",description:"Button Text Color"}),providerCreationCreated:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.q+GZ9g",defaultMessage:"Your Login Connector is being created!",description:"connector being created"}),providerCreationFailed:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.DVnePp",defaultMessage:"There was an error while creating your Open ID connector:",description:"connector creation failed"}),providerCreationRetryButton:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.muMXB+",defaultMessage:"Retry",description:"retry button"}),getProviderFailed:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-open-id.Iuo8e2",defaultMessage:"There was an error retrieving your existing Open ID connector",description:"Message to let user know that we could not retrieve thier Login Connector"})},Header=({onPanelClose:e})=>{var t=useStyles$1()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:t.header,"data-test":"admin-center-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:t.headerTitle,variant:"h1",color:"secondary","data-test":"admin-center-title"},{children:SHARED_TEXT.panelHeaderTitle()})),jsxRuntime.exports.jsxs("div",Object.assign({className:t.headerActionContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"admin-center-close-panel"},{children:SHARED_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"admin-center-close-panel","data-test":"admin-center-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},SLICE_NAME$1="adminCenterOpenIdDetail",LoginPrefix="Log in with ";function isImage(e){e=e.type;return["image/jpeg","image/png","image/svg+xml"].includes(e)}const ImageInput=({logoUrl:e,onChangeFormItem:t})=>{var s=useStyles$1()["classes"];const r=react.exports.useRef(null),[n,i]=react.exports.useState(e),[a,o]=react.exports.useState(!1);react.exports.useEffect(()=>{t("btnLogo",n)},[n,t]);return jsxRuntime.exports.jsxs("div",Object.assign({className:s.inputContainer},{children:[jsxRuntime.exports.jsx("input",{ref:r,id:"logo-input",name:"logo-input",type:"file",accept:"image/*",onChange:e=>{e=lodash.exports.get(e,"target.files[0]",null);if(null!==r.current&&(r.current.value=""),isImage(e)&&e.size<=3e5){var t=e=>{"string"==typeof e&&i(e),o(!1)};const s=new FileReader;s.readAsDataURL(e),s.onload=function(){t(s.result)},s.onerror=function(e){o(!0),console.log("Error: ",e)}}else o(!0)},className:s.fileInput,"aria-label":"Upload Logo"}),jsxRuntime.exports.jsx("div",Object.assign({className:s.imageWrapper,role:"button"},{children:n?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("img",{"data-test":"admin-center-image-loaded",src:n,alt:"logo",className:s.inputLogo}),jsxRuntime.exports.jsx(Icon,{"data-test":"admin-center-remove-image","aria-label":"Remove Image",fontSize:"large",className:s.removeBtn,onClick:()=>{o(!1),i("")},component:default_1})]}):jsxRuntime.exports.jsx(Icon,{onClick:()=>{null!==r.current&&r.current.click()},"data-test":"upload-icon",fontSize:"large",component:Upload})})),jsxRuntime.exports.jsx(FormHelperText$2,Object.assign({"data-test":"admin-center-logo-upload-error",error:a},{children:a?SHARED_TEXT.loginStepsErrorBtnLogo():""}))]}))},ButtonDesign=({formData:e,errorForm:t,onChangeFormItem:s,handleChangeForm:r})=>{const n=useStyles$1()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:n.configurationContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:n.container},{children:jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"admin-center-button-instructions",variant:"body2",color:"textPrimary"},{children:SHARED_TEXT.buttonInstructions()}))})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.previewButtonContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:n.sectionsButton,variant:"h6",color:"textPrimary"},{children:SHARED_TEXT.buttonPreview()})),jsxRuntime.exports.jsxs(Button,Object.assign({style:{color:""+e.btnTextColor,backgroundColor:""+e.btnColor},"data-test":"admin-center-input-previewButton",variant:"outlined",color:"primary",fullWidth:!0,className:n.previewButton},{children:[e.btnLogo?jsxRuntime.exports.jsx("img",{"data-test":"admin-center-preview-logo",alt:"previewLogo",className:n.previewButtonImage,src:e.btnLogo}):null,null!=e&&e.btnText?""+LoginPrefix+(null==e?void 0:e.btnText):LoginPrefix+"<open id connect name>"]}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.container},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:n.designContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"admin-center-button-logo",className:n.logoContainer},{children:[jsxRuntime.exports.jsx(ImageInput,{onChangeFormItem:s,logoUrl:null!=e&&e.btnLogo?null==e?void 0:e.btnLogo:""}),jsxRuntime.exports.jsx("div",Object.assign({className:n.buttonPreviewLabel},{children:SHARED_TEXT.buttonLogo()}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.buttonDesignContainer},{children:[jsxRuntime.exports.jsx(TextField,{required:!0,id:"btnText","data-test":"admin-center-input-btnText",autoComplete:"off",label:SHARED_TEXT.buttonText(),variant:"outlined",className:n.textFieldButtonDesign,value:null==e?void 0:e.btnText,onChange:r("btnText"),error:""!==t.btnText}),jsxRuntime.exports.jsx("div",Object.assign({className:n.colorBlocksContainer},{children:["#FB8C00","#FFB300","#00897B","#43A047","#039BE5","#1E88E5","#ADB8C2","#E53935","#D81B60","#8E24AA"].map(e=>jsxRuntime.exports.jsx("div",{className:n.colorBlock,style:{backgroundColor:e},onClick:()=>s("btnColor",""+e)},e))})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.colorValuesContainer},{children:[jsxRuntime.exports.jsx(TextField,{required:!0,id:"btnColor","data-test":"admin-center-input-btnColor",autoComplete:"off",label:SHARED_TEXT.buttonColor(),variant:"outlined",className:n.textFieldHexButtonDesign,value:null==e?void 0:e.btnColor,onChange:r("btnColor"),error:""!==t.btnColor,InputProps:{classes:{input:n.inputBase}},size:"small"}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"btnTextColor","data-test":"admin-center-input-btnTextColor",autoComplete:"off",label:SHARED_TEXT.buttonTextColor(),variant:"outlined",className:n.textFieldHexButtonDesign,value:null==e?void 0:e.btnTextColor,onChange:r("btnTextColor"),error:""!==t.btnTextColor,InputProps:{classes:{input:n.inputBase}},size:"small"})]}))]}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.buttonDesignErrorContainer},{children:[t.btnText?jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"admin-center-button-text-error"},{children:[SHARED_TEXT.buttonText(),": ",t.btnText]})):null,t.btnColor?jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"admin-center-button-color-error"},{children:[SHARED_TEXT.buttonColor(),": ",t.btnColor]})):null,t.btnTextColor?jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"admin-center-button-text-color-error"},{children:[SHARED_TEXT.buttonTextColor(),": ",t.btnTextColor]})):null]}))]}))]}))};function roleHelper(e){var t={isSuperAdmin:!1,isAdmin:!1};return e&&(0<=e.indexOf("superadmin")&&(t.isSuperAdmin=!0),0<=e.indexOf("admin"))&&(t.isAdmin=!0),t}const SLICE_NAME="adminCenterIam",namespace$1="uiState",initialState$1={status:"pending",openIdProvider:{name:"",description:"",websiteUrl:"",clientId:"",clientSecret:"",issuerUrl:"",btnText:"",btnLogo:"",btnColor:"#FFFFFF",btnTextColor:"#000000",isGlobal:!1},appId:{id:""},existingOpenIdProvider:{id:""},newProvider:{status:"idle",errorMessage:""}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState$1,reducers:{init(e,{payload:t}){e.status="pending",e.existingOpenIdProvider.id=t.connectorId,e.appId.id=t.appId},initDone(e){e.status="idle"},initFailed(e){e.status="failure"},updateAppId(e,{payload:t}){e.appId=t},updateOpenIdConnector(e,{payload:t}){e.openIdProvider=t},startCreateNewProvider(e){e.newProvider.status="pending"},createNewProviderSuccess(e){e.newProvider.status="idle",e.openIdProvider=initialState$1.openIdProvider},createNewProviderFailed(e,{payload:t}){e.newProvider={status:t.status,errorMessage:t.errorMessage}}}}),actions$2=slice.actions;var uiState$1=slice.reducer;const namespace=SLICE_NAME$1,actions$1={[namespace$1]:actions$2},rootReducer=combineReducers({[namespace$1]:uiState$1}),selectUIStateStatus=e=>e[namespace].uiState.status,selectAppId=e=>e[namespace].uiState.appId,selectOpenIdProvider=e=>e[namespace].uiState.openIdProvider,selectCreateNewProvider=e=>e[namespace].uiState.newProvider,selectExistingProvider=e=>e[namespace].uiState.existingOpenIdProvider;var uiState=Object.freeze({__proto__:null,selectUIStateStatus:selectUIStateStatus,selectAppId:selectAppId,selectOpenIdProvider:selectOpenIdProvider,selectCreateNewProvider:selectCreateNewProvider,selectExistingProvider:selectExistingProvider});const ProviderConfiguration=({formData:e,errorForm:t,handleChangeForm:s})=>{var r=useStyles$1()["classes"],n=useSelector(userSelector),i=roleHelper(n.roles||null),a=useSelector(selectExistingProvider),n=null==(n=null==n?void 0:n.organization)?void 0:n.organizationId;return jsxRuntime.exports.jsx("div",Object.assign({className:r.configurationContainer},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:r.container},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"admin-center-provider-instructions",variant:"body2",color:"textPrimary"},{children:a.id?SHARED_TEXT.providerUpdateInstructions():SHARED_TEXT.providerInstructions()})),jsxRuntime.exports.jsx(Typography,Object.assign({className:r.sections,variant:"h6",color:"textPrimary"},{children:SHARED_TEXT.providerSectionBasic()})),jsxRuntime.exports.jsx(TextField,{required:!0,id:"name","data-test":"admin-center-input-name",autoComplete:"off",label:SHARED_TEXT.providerInputName(),variant:"outlined",className:r.textField,value:null==e?void 0:e.name,onChange:s("name"),error:""!==t.name,helperText:t.name}),jsxRuntime.exports.jsx("div",{className:r.spacer}),jsxRuntime.exports.jsx(TextField,{id:"description","data-test":"admin-center-input-description",autoComplete:"off",label:SHARED_TEXT.providerInputDescription(),variant:"outlined",multiline:!0,rows:3,className:r.textField,value:null==e?void 0:e.description,onChange:s("description"),error:""!==t.description,helperText:t.description,inputProps:{maxLength:100}}),jsxRuntime.exports.jsx("div",{className:r.spacer}),jsxRuntime.exports.jsx(TextField,{id:"websiteUrl","data-test":"admin-center-input-websiteUrl",autoComplete:"off",label:SHARED_TEXT.providerInputWebsiteUrl(),variant:"outlined",className:r.textField,value:null==e?void 0:e.websiteUrl,onChange:s("websiteUrl"),error:""!==t.websiteUrl,helperText:t.websiteUrl}),jsxRuntime.exports.jsx(Divider,{variant:"fullWidth"}),jsxRuntime.exports.jsx(Typography,Object.assign({className:r.sections,variant:"h6",color:"textPrimary"},{children:SHARED_TEXT.providerSectionClient()})),!a.id&&jsxRuntime.exports.jsx(TextField,{required:!0,id:"clientId","data-test":"admin-center-input-clientId",autoComplete:"off",label:SHARED_TEXT.providerInputClientId(),variant:"outlined",className:r.textField,value:null==e?void 0:e.clientId,onChange:s("clientId"),error:""!==t.clientId,helperText:t.clientId}),jsxRuntime.exports.jsx("div",{className:r.spacer}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"clientSecret","data-test":"admin-center-input-clientSecret",autoComplete:"off",label:SHARED_TEXT.providerInputClientSecret(),variant:"outlined",className:r.textField,value:null==e?void 0:e.clientSecret,onChange:s("clientSecret"),error:""!==t.clientSecret,helperText:t.clientSecret}),jsxRuntime.exports.jsx("div",{className:r.spacer}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"issuerUrl","data-test":"admin-center-input-issuerUrl",autoComplete:"off",label:SHARED_TEXT.providerInputIssuerUrl(),variant:"outlined",className:r.textField,value:null==e?void 0:e.issuerUrl,onChange:s("issuerUrl"),error:""!==t.issuerUrl,helperText:t.issuerUrl}),jsxRuntime.exports.jsx("div",{className:r.spacer}),!a.id&&i.isSuperAdmin&&7682===n&&jsxRuntime.exports.jsxs("div",Object.assign({className:r.isGlobalContainer},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:r.isGlobalTitle,variant:"h6"},{children:SHARED_TEXT.providerGlobalTitle()})),jsxRuntime.exports.jsx(Typography,Object.assign({className:r.isGlobalDescription,variant:"body2"},{children:SHARED_TEXT.providerGlobalDescription()}))]}),jsxRuntime.exports.jsx(Switch,{"data-test":"admin-center-isglobal-switch",value:e.isGlobal,onChange:s("isGlobal")})]}))]}))}))},ProviderCreation=({handlePanelClose:e})=>{const t=useStyles$1()["classes"],s=useDispatch(),r=useSelector(selectCreateNewProvider),n=react.exports.useRef(!1);react.exports.useEffect(()=>{n.current&&"idle"===r.status&&e(),n.current=!0},[r,e]);return jsxRuntime.exports.jsxs("div",Object.assign({className:t.configurationContainer},{children:[jsxRuntime.exports.jsx(Divider,{variant:"fullWidth"}),"idle"===r.status?null:"pending"===r.status?jsxRuntime.exports.jsxs("div",Object.assign({className:t.loadingCreate},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:SHARED_TEXT.providerCreationCreated()})),jsxRuntime.exports.jsx(CircularProgress,{"data-test":"admin-center-provider-creation-loader"})]})):"failure"===r.status?jsxRuntime.exports.jsxs("div",Object.assign({className:t.loadingCreate},{children:[jsxRuntime.exports.jsx("img",{"data-test":"admin-center-error-image",alt:"error",className:t.errorImage,src:img$a}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:SHARED_TEXT.providerCreationFailed()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:r.errorMessage})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>s(actions$1.uiState.startCreateNewProvider()),className:t.retryButton,variant:"outlined",color:"primary","data-test":"admin-center-retry-button"},{children:SHARED_TEXT.providerCreationRetryButton()}))]})):void 0]}))},LoginConnectorSteps=({handlePanelClose:e})=>{const s=useStyles$1()["classes"],t=useDispatch(),r=useSelector(selectExistingProvider);var n=useSelector(selectOpenIdProvider);const[i,a]=react.exports.useState(0),[o,l]=react.exports.useState(n),[d,c]=react.exports.useState({name:"",description:"",websiteUrl:"",clientId:"",clientSecret:"",issuerUrl:"",btnText:"",btnLogo:"",btnColor:"",btnTextColor:"",isGlobal:!1});react.exports.useEffect(()=>{t(actions$1.uiState.updateOpenIdConnector(o))},[o,t]);const p=[SHARED_TEXT.loginStepsProviderConfiguration(),SHARED_TEXT.loginStepsButtonDesign()];var n=()=>{0===i&&!(()=>{let e=!0;var t={};return o.name||(t.name=SHARED_TEXT.loginStepsErrorRequired(),e=!1),o.clientId||r.id||(t.clientId=SHARED_TEXT.loginStepsErrorRequired(),e=!1),o.clientSecret||(t.clientSecret=SHARED_TEXT.loginStepsErrorRequired(),e=!1),o.issuerUrl||(t.issuerUrl=SHARED_TEXT.loginStepsErrorIssuerUrl(),e=!1),c(Object.assign(Object.assign({},d),t)),e})()||1===i&&!(()=>{let e=!0;var t={},s="^#[A-Fa-f0-9]{6}$";return o.btnText||(t.btnText=SHARED_TEXT.loginStepsErrorBtnText(),e=!1),o.btnColor&&o.btnColor.match(s)||(t.btnColor=SHARED_TEXT.loginStepsErrorBtnColor(),e=!1),o.btnTextColor&&o.btnTextColor.match(s)||(t.btnTextColor=SHARED_TEXT.loginStepsErrorBtnColor(),e=!1),c(Object.assign(Object.assign({},d),t)),e})()||(a(e=>e+1),i!==p.length-1)||t(actions$1.uiState.startCreateNewProvider())},u=()=>{a(e=>e-1)};const x=react.exports.useCallback((t,s)=>{l(e=>Object.assign(Object.assign({},e),{[t]:s})),c(e=>Object.assign(Object.assign({},e),{[t]:""}))},[l,c]),m=t=>e=>{e="isGlobal"===t?e.target.checked:e.target.value;x(t,e)};return jsxRuntime.exports.jsxs("div",Object.assign({className:s.root},{children:[jsxRuntime.exports.jsx(Stepper,Object.assign({className:s.stepper,activeStep:i},{children:p.map((e,t)=>{return jsxRuntime.exports.jsx(Step,Object.assign({className:s.step},{},{children:jsxRuntime.exports.jsx(StepLabel,Object.assign({},{},{children:e}))}),t)})})),jsxRuntime.exports.jsxs("div",{children:[i===p.length&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(ProviderCreation,{handlePanelClose:e}),jsxRuntime.exports.jsxs("div",Object.assign({className:s.buttonGroup},{children:[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"admin-center-steps-btn-back",disabled:0===i,onClick:u,className:s.button},{children:SHARED_TEXT.loginStepsBackButton()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:e,className:s.button,"data-test":"admin-center-steps-btn-close"},{children:SHARED_TEXT.loginStepsCloseButton()}))]}))]}),i!==p.length&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx("div",Object.assign({className:s.stepsContent},{children:function(e){switch(e){case 0:return jsxRuntime.exports.jsx(ProviderConfiguration,{errorForm:d,formData:o,handleChangeForm:m});case 1:return jsxRuntime.exports.jsx(ButtonDesign,{errorForm:d,formData:o,handleChangeForm:m,onChangeFormItem:x});default:return}}(i)})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.buttonGroup},{children:[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"admin-center-steps-btn-back",disabled:0===i,onClick:u,className:s.button},{children:SHARED_TEXT.loginStepsBackButton()})),i===p.length-1?jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:n,className:s.button,"data-test":"admin-center-steps-btn-create"},{children:r.id?SHARED_TEXT.loginStepsUpdateButton():SHARED_TEXT.loginStepsCreateButton()})):jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:n,className:s.button,"data-test":"admin-center-steps-btn-next"},{children:SHARED_TEXT.loginStepsNextButton()}))]}))]})]})]}))},ConnectorError=()=>{var e=useStyles$1()["classes"];const t=useDispatch(),s=useSelector(selectExistingProvider),r=useSelector(selectAppId);return jsxRuntime.exports.jsxs("div",Object.assign({className:e.loadingCreate},{children:[jsxRuntime.exports.jsx("img",{"data-test":"admin-center-error-image",alt:"error",className:e.errorImage,src:img$a}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:SHARED_TEXT.getProviderFailed()})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>t(actions$1.uiState.init({connectorId:s.id,appId:r.id})),className:e.retryButton,variant:"outlined",color:"primary","data-test":"admin-center-retry-button"},{children:SHARED_TEXT.providerCreationRetryButton()}))]}))},MainLayout=({dataId:e,appId:t,connectorId:s,panelRendered:r})=>{var n=useStyles$1()["classes"];const i=useSelector(selectUIStateStatus),a=useDispatch(),o=useSelector(userSelector),{apiRoot:l,graphQLEndpoint:d,token:c}=useSelector(selectApiConfigs);react.exports.useEffect(()=>{"pending"===i&&l&&d&&c&&o&&a(actions$1.uiState.init({connectorId:s,appId:t}))},[i,l,d,c,t,s,o,a]);var p=react.exports.useCallback(()=>{a(unmountPanel(e))},[a,e]);return!(l&&d&&c&&r&&o&&null!==o&&void 0!==o&&o.roles&&roleHelper(o.roles).isAdmin&&"pending"!==i)?null:jsxRuntime.exports.jsxs("div",Object.assign({id:e,role:"presentation","data-test":"admin-center-widget",className:classNames(n.root)},{children:[jsxRuntime.exports.jsx(Header,{onPanelClose:p}),"failure"===i&&jsxRuntime.exports.jsx(ConnectorError,{}),"idle"===i&&jsxRuntime.exports.jsx(LoginConnectorSteps,{handlePanelClose:p})]}))},OPEN_ID_PANEL="ADMIN_CENTER_OPEN_ID",initialState={status:"idle",providers:[],selectedProviderId:null},iamSlice=createSlice({name:SLICE_NAME,initialState:initialState,reducers:{fetchProvidersStart(e){e.status="pending"},fetchProvidersSuccess(e,t){e.status="success",e.providers=t.payload},fetchProvidersFailure(e){e.status="failure"},setCreatePanelSelected(e){e.selectedProviderId=""},openProviderDetailPanel(e,t){e.selectedProviderId=t.payload},closeProviderDetailPanel(e){e.selectedProviderId=null},deleteProviderStart(e,t){e.status="pending"},deleteProviderSuccess(e){e.status="success"},deleteProviderFailure(e){e.status="failure"}},extraReducers:e=>{e.addCase(unmountPanel,(e,t)=>(t.payload===OPEN_ID_PANEL&&(e.selectedProviderId=null),e))}}),actions=iamSlice.actions;var _path,_path2,_path3,_path4,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13,_path14,_path15,_path16,_path17,_path18,_path19,_path20,_path21,_path22,_path23,_path24,_g,_path25,_path26,_path27,_defs,iamRootReducer=iamSlice.reducer;function __awaiter(e,a,o,l){return new(o=o||Promise)(function(s,t){function r(e){try{i(l.next(e))}catch(e){t(e)}}function n(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?s(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(r,n)}i((l=l.apply(e,a||[])).next())})}function createOpenIdProvider(t,s){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
+    mutation createNewOpenIdProvider($input: CreateOpenIdProvider!){
+      createOpenIdProvider(input: $input){
+        name
+        id
+  }
+}
+  `,operationName:"createNewOpenIdProvider",variables:{input:s}},t));return Object.assign({},e.createOpenIdProvider)})}function getOpenIdProvider(t,s){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
+    query getOpenIdProvider($id: ID!){
+      openIdProvider(id: $id){
+        name,
+        description,
+        websiteUrl,
+        loginUrl
+        loginButtonStyle{
+          btnText,
+          btnTextColor,
+          btnColor,
+          btnLogo
+        },
+    isGlobal
+  }
+}
+  `,operationName:"getOpenIdProvider",variables:s},t));return Object.assign({},e.openIdProvider)})}function updateOpenIdProvider(t,s){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
+    mutation updateExistingOpenIdProvider($input: UpdateOpenIdProvider!){
+      updateOpenIdProvider(input: $input){
+        name
+        id
+  }
+}
+  `,operationName:"updateExistingOpenIdProvider",variables:{input:s}},t));return Object.assign({},e.updateOpenIdProvider)})}function getOpenIdProviderList(s,r){return __awaiter(this,void 0,void 0,function*(){var e="getOpenIdProviderList",t="openIdProviders",e=yield baseGraphQLApiWithError(Object.assign({query:"\n    query getOpenIdProviderList($orgId: ID){\n      openIdProviders(orgId: $orgId) {\n        records {\n          id\n          name\n          description\n          websiteUrl\n          loginUrl\n          isGlobal\n          loginButtonStyle {\n            btnText\n            btnTextColor\n            btnLogo\n            btnColor\n          }\n        }\n  }\n}\n  ",operationName:e,variables:{orgId:r}},s));return Object.assign({},e[t])})}function deleteOpenIdProvider(s,r){return __awaiter(this,void 0,void 0,function*(){var e="deleteOpenIdProvider",t="deleteOpenIdProvider",e=yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation deleteOpenIdProvider($id: ID!) {\n      deleteOpenIdProvider(id: $id) {\n        message\n        id\n      }\n    }\n  ",operationName:e,variables:{id:r}},s));return Object.assign({},e[t])})}const safeFormatMessage=e=>e=>e.defaultMessage;function*fetchProvidersSaga(){yield select(preferredLanguageSelector);var t=safeFormatMessage(),e=yield select(selectApiConfigs),s=yield select(userSelector),s=(null==(s=null==(s=null==s?void 0:s.organization)?void 0:s.organizationId)?void 0:s.toString())||"";try{var r=yield call(getOpenIdProviderList,e,s);yield put(actions.fetchProvidersSuccess(r.records))}catch(e){console.log(e),yield put(actions.fetchProvidersFailure()),yield put(showMessage({content:t({id:"os-admin-center-panel.iam.fetch-providers-error",defaultMessage:[{type:0,value:"IAM Providers could not loaded"}]}),severity:MessageSeverity.Error}))}}function*deleteProviderSaga(e){yield select(preferredLanguageSelector);var t=safeFormatMessage(),s=yield select(selectApiConfigs);try{yield call(deleteOpenIdProvider,s,e.payload),yield put(actions.deleteProviderSuccess()),yield put(actions.fetchProvidersStart())}catch(e){yield put(showMessage({content:t({id:"os-admin-center-panel.iam.delete-provider-error",defaultMessage:[{type:0,value:"Operation deleteOpenIdProvider has failed. Please try again later."}]}),severity:MessageSeverity.Error})),yield put(actions.deleteProviderFailure())}}function*watchFetchProviders(){yield takeLatest$1(actions.fetchProvidersStart.type,fetchProvidersSaga)}function*watchDeleteProvider(){yield takeLatest$1(actions.deleteProviderStart.type,deleteProviderSaga)}function*rootSaga$1(){yield all([watchFetchProviders(),watchDeleteProvider()])}function*initAdminCenter(){var e,t,s,r,n,i=yield select(selectUIStateStatus),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if("pending"===i){i=yield select(selectExistingProvider);if(i.id){var o=yield select(selectApiConfigs);try{var l=yield call(getOpenIdProvider,o,i),d={name:(null==l?void 0:l.name)||"",description:(null==l?void 0:l.description)||"",websiteUrl:(null==l?void 0:l.websiteUrl)||"",clientId:(null==l?void 0:l.clientId)||"",clientSecret:(null==l?void 0:l.clientSecret)||"",issuerUrl:(null==l?void 0:l.issuerUrl)||"",btnText:(null==(t=null==(e=null==l?void 0:l.loginButtonStyle)?void 0:e.btnText)?void 0:t.replace(LoginPrefix,""))||"",btnLogo:(null==(s=null==l?void 0:l.loginButtonStyle)?void 0:s.btnLogo)||"",btnColor:(null==(r=null==l?void 0:l.loginButtonStyle)?void 0:r.btnColor)||"#FFFFFF",btnTextColor:(null==(n=null==l?void 0:l.loginButtonStyle)?void 0:n.btnTextColor)||"#000000",isGlobal:(null==l?void 0:l.isGlobal)||!1};yield put(actions$1.uiState.updateOpenIdConnector(d)),yield put(actions$1.uiState.initDone())}catch(e){yield put(showMessage({content:a({id:"os-admin-center.snackbar.loginConnectorError",defaultMessage:[{type:0,value:"Login Connector could not Found"}]}),severity:MessageSeverity.Error})),yield put(actions$1.uiState.initFailed())}}else yield put(actions$1.uiState.initDone())}}function*newProviderCreateOrUpdate(){var t=uiState["selectOpenIdProvider"],s=yield select(selectExistingProvider),r=yield select(selectApiConfigs),t=yield select(t),n=yield select(preferredLanguageSelector),n=AIWareFormatMessage(n),i=LoginPrefix+t.btnText,t=Object.assign(Object.assign({},t),{btnText:i});try{let e=n({id:"os-admin-center.snackbar.loginConnectorCreated",defaultMessage:[{type:0,value:"Login Connector Created"}]});s.id?(delete(a=Object.assign(Object.assign({},t),s)).clientId,delete a.isGlobal,yield call(updateOpenIdProvider,r,a),e=n({id:"os-admin-center.snackbar.loginConnectorUpdated",defaultMessage:[{type:0,value:"Login Connector Updated"}]})):yield call(createOpenIdProvider,r,t),yield put(showMessage({content:e,severity:MessageSeverity.Success})),yield put(actions$1.uiState.createNewProviderSuccess())}catch(e){i=e.message||"",yield put(actions$1.uiState.createNewProviderFailed({status:"failure",errorMessage:i}));var a=s.id?n({id:"os-admin-center.snackbar.loginConnectorNotUpdated",defaultMessage:[{type:0,value:"Login Connector could not be Updated"}]}):n({id:"os-admin-center.snackbar.loginConnectorNotCreated",defaultMessage:[{type:0,value:"Login Connector could not be created"}]});yield put(showMessage({content:a,severity:MessageSeverity.Error}))}}function*watchAdminCenterInit(){yield takeLatest$1(actions$1.uiState.init.type,initAdminCenter)}function*watchCreateNewProvider(){yield takeLatest$1(actions$1.uiState.startCreateNewProvider.type,newProviderCreateOrUpdate)}function*rootSaga(){yield all([watchAdminCenterInit(),watchCreateNewProvider()])}function getAdminCenterOpenIdModule(){return{id:SLICE_NAME$1,reducerMap:{[SLICE_NAME$1]:rootReducer},sagas:[rootSaga],initialActions:[]}}function getAdminCenterIamModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:iamRootReducer},sagas:[rootSaga$1],initialActions:[]}}const AdminCenterOpenId=e=>jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAdminCenterOpenIdModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}))})}),selectLoadingStatus=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e.status},selectProviders=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e.providers},selectProviderId=(e,t)=>t,selectProviderByIdMemoize=createSelector([selectProviders,selectProviderId],(e,t)=>e.find(({id:e})=>e===t)),selectProviderById=t=>e=>selectProviderByIdMemoize(e,t),selectSelectedProviderId=e=>{return null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e.selectedProviderId},ContextMenu=({anchorEl:e,open:t,onClose:s,onEditClick:r,onDeleteClick:n})=>{const[i,a]=react.exports.useState(!1);var o=contextMenuStyles({width:24})["classes"],l=()=>{a(!1),s()};return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Popover,Object.assign({anchorEl:e,open:t,onClose:s,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},{children:jsxRuntime.exports.jsxs(MenuList,Object.assign({role:"menu",className:o.menuList},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:r,className:o.menuItem},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.provider-edit-button",defaultMessage:"Edit",description:"IAM Provider row context menu Edit button"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:()=>{a(!0)},className:o.menuItem},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.provider-delete-button",defaultMessage:"Delete",description:"IAM Provider row context menu Delete button"})}))]}))})),jsxRuntime.exports.jsxs(Dialog,Object.assign({open:i,onClose:l,maxWidth:"xs","aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"alert-dialog-title"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-browse.engine-list-row.delete-confirmation-title",defaultMessage:"Confirm Delete",description:"Title of the delete engine confirmation modal"})}))})),jsxRuntime.exports.jsx(DialogContent,{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"alert-dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.delete-confirmation-message",defaultMessage:"Are you sure you want to delete this provider? This action can not be undone.",description:"This message is show when prompting the user to confirm the delete of an IAM Provider"})}))}),jsxRuntime.exports.jsxs(DialogActions,{children:[jsxRuntime.exports.jsx(Button,Object.assign({color:"secondary",onClick:l},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.cancel-delete-button",defaultMessage:"Cancel",description:"Cancel button on the IAM Provider delete confirmation dialog"})})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:()=>{a(!1),n()},autoFocus:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.confirm-delete-button",defaultMessage:"Delete",description:"Confirm button on the IAM Provider delete confirmation dialog"})}))]})]}))]})},useStyles=makeStyles()(()=>({row:{padding:"16px"},cell:{fontWeight:400},button:{fontSize:12},icon:{width:12},logo:{width:"14px",height:"14px",marginRight:"16px",objectFit:"contain",verticalAlign:"middle",color:"#0C53B0"},global:{marginLeft:"16px",verticalAlign:"middle"},truncate:{paddingRight:"12px","& p":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"calc(100% - 36px)"}}})),GlobalIndicator=()=>{var e=useStyles()["classes"];return jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.global-provider-tooltip",defaultMessage:"Global",description:"Tooltip for the global icon of an IAM Provider"})},{children:jsxRuntime.exports.jsx(Public,{fontSize:"small",className:e.global})}))},IamRow=({id:e})=>{var t;const s=useSelector(selectProviderById(e)),[r,n]=react.exports.useState(null),[i,a]=react.exports.useState(!1);e=useStyles().classes;const o=useDispatch();useInterval(()=>{a(!1)},i?1200:null);const l=()=>{n(null)};return jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",item:!0,container:!0,xs:12,className:e.row},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,item:!0,xs:8,className:e.truncate},{children:[jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s.name},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2",className:e.cell},{children:[null!=(t=s.loginButtonStyle)&&t.btnLogo?jsxRuntime.exports.jsx("img",{alt:"Provider logo",src:s.loginButtonStyle.btnLogo,className:e.logo}):jsxRuntime.exports.jsx(Iam,{className:e.logo}),s.name]}))})),s.isGlobal?jsxRuntime.exports.jsx(GlobalIndicator,{}):null]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,container:!0,flexGrow:0,flexShrink:2,xs:3},{children:jsxRuntime.exports.jsx(Button,Object.assign({variant:"outlined",size:"small",startIcon:i?jsxRuntime.exports.jsx(CheckCircle,{className:e.icon}):jsxRuntime.exports.jsx(ContentCopy,{className:e.icon}),className:e.button,onClick:e=>{i||(a(!0),e.preventDefault(),e.stopPropagation(),s.loginUrl&&navigator.clipboard.writeText(s.loginUrl))}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam-table.copy-callback-uri-button",defaultMessage:"Copy Callback URI",description:"Title for the copy callback uri button on the Admin Center IAM table"})}))})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,container:!0,xs:1,textAlign:"end"},{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e=>{n(e.currentTarget)}},{children:jsxRuntime.exports.jsx(MoreVert,{fontSize:"small"})})),jsxRuntime.exports.jsx(ContextMenu,{anchorEl:r,open:!!r,onClose:l,onEditClick:()=>{l(),s.id&&o(actions.openProviderDetailPanel(s.id))},onDeleteClick:()=>{l(),s.id&&o(actions.deleteProviderStart(s.id))}})]}))]})),jsxRuntime.exports.jsx(Divider,{})]})},sortComparator=r=>(e,t)=>{var s="desc"===r?1:-1;return e.name>t.name?s:-s},IamTable=()=>{const e=useSelector(selectProviders),[t,s]=react.exports.useState([]),[r,n]=react.exports.useState("desc");navSectionStyles(),react.exports.useEffect(()=>{e&&s([...e].sort(sortComparator(r)))},[e,r]);return t.length?jsxRuntime.exports.jsxs(Box,Object.assign({sx:{minHeight:200}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",item:!0,container:!0,xs:12,sx:{px:"16px"}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({xs:8,item:!0,container:!0,alignItems:"center",onClick:()=>{n(e=>"desc"===e?"asc":"desc")},sx:{cursor:"pointer"}},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam-table-header.name",defaultMessage:"Name",description:"IAM table Name column header"})})),"desc"===r?jsxRuntime.exports.jsx(ArrowDown,{}):jsxRuntime.exports.jsx(ArrowUp,{})]})),jsxRuntime.exports.jsx(Grid,{xs:4})]})),jsxRuntime.exports.jsx(Divider,{}),t.map(e=>jsxRuntime.exports.jsx(IamRow,{id:null==e?void 0:e.id},null==e?void 0:e.id))]})):null},IamHeader=({onAddNew:e})=>{var t=navSectionStyles()["classes"];return jsxRuntime.exports.jsxs("header",Object.assign({className:t.header},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:t.toolbar},{children:jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.header",defaultMessage:"Identity and Access Management",description:"The title of the IAM tab in the admin center"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.description",defaultMessage:"Create and manage authentication and authorization options for users of this Organization.",description:"The subtitle of the IAM tab in the admin center"})}))]})})),jsxRuntime.exports.jsx("div",Object.assign({className:t.toolbar},{children:jsxRuntime.exports.jsx(Button,Object.assign({color:"primary",variant:"contained",onClick:e},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.header-add-new-button",defaultMessage:"Add New",description:"The button in the IAM header for adding a new provider"})}))}))]}))};function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s,r=arguments[t];for(s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e}).apply(this,arguments)}var SvgNullState=function(e){return react.exports.createElement("svg",_extends({width:120,height:102,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_path=_path||react.exports.createElement("path",{d:"M60.068 102c28.041 0 50.773-22.834 50.773-51S88.109 0 60.068 0C32.028 0 9.296 22.834 9.296 51s22.731 51 50.772 51ZM11.1 21.126a2.568 2.568 0 0 0 1.64-3.233 2.552 2.552 0 0 0-3.218-1.647 2.568 2.568 0 0 0-1.64 3.233 2.551 2.551 0 0 0 3.219 1.647ZM16.676 12.755a1.746 1.746 0 0 0 1.115-2.198 1.735 1.735 0 0 0-2.188-1.12 1.746 1.746 0 0 0-1.115 2.199 1.735 1.735 0 0 0 2.188 1.12ZM117.134 38.216a3.91 3.91 0 0 0 .247-5.509 3.87 3.87 0 0 0-5.484-.248 3.912 3.912 0 0 0-.247 5.51 3.87 3.87 0 0 0 5.484.247ZM117.497 20.81c.666-.61.713-1.65.104-2.319a1.63 1.63 0 0 0-2.31-.104 1.647 1.647 0 0 0-.104 2.32 1.63 1.63 0 0 0 2.31.104Z",fill:"#EAEEF9"}),_path2=_path2||react.exports.createElement("path",{d:"M6.538 71.523a2.048 2.048 0 0 0 2.043-2.052 2.048 2.048 0 0 0-2.043-2.052 2.048 2.048 0 0 0-2.043 2.052c0 1.134.915 2.052 2.043 2.052Z",fill:"url(#nullState_svg__a)"}),_path3=_path3||react.exports.createElement("path",{d:"M99.4 5.542c.902 0 1.634-.736 1.634-1.642 0-.907-.732-1.642-1.635-1.642s-1.634.735-1.634 1.642c0 .906.731 1.642 1.634 1.642Z",fill:"url(#nullState_svg__b)"}),_path4=_path4||react.exports.createElement("path",{d:"M1.328 40.636c.734 0 1.328-.598 1.328-1.334 0-.737-.594-1.334-1.328-1.334-.733 0-1.328.597-1.328 1.334 0 .736.595 1.334 1.328 1.334Z",fill:"url(#nullState_svg__c)"}),_path5=_path5||react.exports.createElement("path",{d:"M104.711 79.732H15.426V22.986c0-1.847 1.43-3.284 3.269-3.284h82.747c1.839 0 3.269 1.437 3.269 3.284v56.746Z",fill:"#1C3754"}),_path6=_path6||react.exports.createElement("path",{d:"M82.44 82.709H18.185V22.986h83.361V82.71h-9.808",fill:"#fff"}),_path7=_path7||react.exports.createElement("path",{d:"M109.819 79.732v2.566c0 2.36-2.043 2.976-4.495 2.976h-90.51c-2.453 0-4.496-.513-4.496-2.976v-2.566h40.966c.306.924 1.328 1.642 2.451 1.642h12.668c1.124 0 2.043-.718 2.452-1.642h40.964Z",fill:"#1C3754"}),_path8=_path8||react.exports.createElement("path",{d:"M109.819 79.732c0 2.36-2.043 2.874-4.495 2.874h-90.51c-2.453 0-4.496-.513-4.496-2.874h40.966c.306.924 1.328 1.642 2.451 1.642h12.668c1.124 0 2.043-.718 2.452-1.642h40.964Z",fill:"#2D5887"}),_path9=_path9||react.exports.createElement("path",{d:"M21.35 26.988c.565 0 1.022-.46 1.022-1.026 0-.567-.457-1.026-1.021-1.026-.564 0-1.022.459-1.022 1.026 0 .566.457 1.026 1.022 1.026Z",fill:"url(#nullState_svg__d)"}),_path10=_path10||react.exports.createElement("path",{opacity:.6,d:"M24.11 26.988c.564 0 1.021-.46 1.021-1.026 0-.567-.457-1.026-1.021-1.026-.565 0-1.022.459-1.022 1.026 0 .566.457 1.026 1.021 1.026Z",fill:"#CED7E2"}),_path11=_path11||react.exports.createElement("path",{d:"M26.766 26.988c.564 0 1.021-.46 1.021-1.026 0-.567-.457-1.026-1.021-1.026-.564 0-1.022.459-1.022 1.026 0 .566.457 1.026 1.022 1.026Z",fill:"url(#nullState_svg__e)"}),_path12=_path12||react.exports.createElement("path",{d:"M95.007 42.79H68.242c-.511 0-.92-.41-.92-.923v-9.543c0-.513.409-.924.92-.924h26.765c.51 0 .92.41.92.924v9.543c.102.513-.307.924-.92.924ZM96.029 56.541a.918.918 0 0 1-.92.924H68.242c-.511 0-.92-.411-.92-.924v-9.543c0-.513.409-.924.92-.924h26.765c.51 0 .92.41.92.924v9.543h.102Z",fill:"#E6ECF5"}),_path13=_path13||react.exports.createElement("path",{d:"M90.614 35.607h-17.98c-.307 0-.511-.205-.511-.513 0-.308.204-.513.51-.513h17.98c.307 0 .511.205.511.513-.102.308-.306.513-.51.513Z",fill:"url(#nullState_svg__f)"}),_path14=_path14||react.exports.createElement("path",{d:"M84.28 39.404H72.634c-.307 0-.511-.205-.511-.513 0-.308.204-.513.51-.513h11.749c.306 0 .51.205.51.513-.102.205-.306.513-.612.513Z",fill:"url(#nullState_svg__g)"}),_path15=_path15||react.exports.createElement("path",{d:"M90.614 50.282h-17.98c-.307 0-.511-.205-.511-.513 0-.308.204-.513.51-.513h17.98c.307 0 .511.205.511.513-.102.308-.306.513-.51.513Z",fill:"url(#nullState_svg__h)"}),_path16=_path16||react.exports.createElement("path",{d:"M84.28 54.079H72.634c-.307 0-.511-.205-.511-.513 0-.308.204-.513.51-.513h11.749c.306 0 .51.205.51.513-.102.308-.306.513-.612.513Z",fill:"url(#nullState_svg__i)"}),_path17=_path17||react.exports.createElement("path",{d:"M96.029 71.318a.918.918 0 0 1-.92.924H68.242c-.511 0-.92-.41-.92-.924v-9.543c0-.513.409-.923.92-.923h26.765c.51 0 .92.41.92.923v9.543h.102Z",fill:"#E6ECF5"}),_path18=_path18||react.exports.createElement("path",{d:"M90.614 65.16h-17.98c-.307 0-.511-.204-.511-.512 0-.308.204-.513.51-.513h17.98c.307 0 .511.205.511.513-.102.308-.306.513-.51.513Z",fill:"url(#nullState_svg__j)"}),_path19=_path19||react.exports.createElement("path",{d:"M84.28 68.958H72.634c-.307 0-.511-.206-.511-.513 0-.308.204-.513.51-.513h11.749c.306 0 .51.205.51.513-.102.205-.306.513-.612.513Z",fill:"url(#nullState_svg__k)"}),_path20=_path20||react.exports.createElement("path",{d:"M59.864 59.722H23.803c-.92 0-1.635-.718-1.635-1.642V33.145c0-.924.715-1.642 1.634-1.642h36.164c.92 0 1.635.718 1.635 1.642V58.08c-.102.924-.817 1.642-1.737 1.642Z",fill:"#E6ECF5"}),_path21=_path21||react.exports.createElement("path",{d:"M42.6 53.565H29.523l6.538-7.388 6.538 7.388Z",fill:"#CED7E2"}),_path22=_path22||react.exports.createElement("path",{d:"M53.326 53.566H34.53l9.399-10.672 9.398 10.672Z",fill:"#fff"}),_path23=_path23||react.exports.createElement("path",{d:"M34.427 43.51a2.457 2.457 0 0 0 2.452-2.463 2.457 2.457 0 0 0-2.452-2.463 2.457 2.457 0 0 0-2.451 2.463 2.457 2.457 0 0 0 2.451 2.463Z",fill:"#CED7E2"}),_path24=_path24||react.exports.createElement("path",{d:"M60.886 69.573H22.883a.7.7 0 0 1-.715-.718.7.7 0 0 1 .715-.718h38.003a.7.7 0 0 1 .715.718c-.102.41-.409.718-.715.718ZM60.886 65.264H22.883a.7.7 0 0 1-.715-.718.7.7 0 0 1 .715-.719h38.003a.7.7 0 0 1 .715.719c-.102.41-.409.718-.715.718ZM35.653 73.78h-12.77a.7.7 0 0 1-.715-.718.7.7 0 0 1 .715-.718h12.77a.7.7 0 0 1 .715.718c-.102.41-.409.718-.715.718Z",fill:"#E6ECF5"}),_g=_g||react.exports.createElement("g",{filter:"url(#nullState_svg__l)"},react.exports.createElement("path",{d:"M80.091 15.7c-1.021 0-3.473-.923-4.29-1.231-4.291-1.95-11.34-7.697-15.222-7.697-3.882 0-10.93 5.644-15.221 7.697-.715.308-3.27 1.231-4.29 1.231-1.636.103-2.861 1.54-2.657 3.079.409 3.796 1.43 10.569 4.086 19.291 3.474 10.775 13.076 17.24 16.754 19.395a2.85 2.85 0 0 0 2.86 0c3.678-2.155 13.281-8.62 16.55-19.395 2.656-8.722 3.678-15.495 4.086-19.291.205-1.54-1.021-2.976-2.656-3.079Z",fill:"url(#nullState_svg__m)"})),_path25=_path25||react.exports.createElement("path",{d:"M78.763 19.497a106.823 106.823 0 0 1-3.065 14.879c-.204.82-.51 1.745-.817 2.565-2.758 8.928-10.522 14.572-14.302 16.83-.409-.206-.817-.514-1.226-.822-3.984-2.668-10.522-8.004-12.974-16.008a116.697 116.697 0 0 1-3.882-17.444c1.839-.41 4.086-1.232 4.495-1.437 1.737-.82 3.678-1.95 5.72-3.284 2.248-1.436 6.437-4.002 7.867-4.002 1.43 0 5.619 2.668 7.866 4.002 2.043 1.232 3.984 2.463 5.72 3.284.512.103 2.76 1.026 4.598 1.437Z",fill:"url(#nullState_svg__n)"}),_path26=_path26||react.exports.createElement("path",{d:"M75.699 34.274c-.205.82-.511 1.744-.817 2.565-2.759 8.928-10.523 14.572-14.303 16.829-.408-.205-.817-.513-1.226-.82l-7.56-21.345 3.576-.616 4.495 3.284 9.705-6.978 3.065-1.026c0 .103 1.328 3.694 3.065 8.107Z",fill:"url(#nullState_svg__o)"}),_path27=_path27||react.exports.createElement("path",{d:"m58.331 38.584-6.129-6.157c-.409-.41-.409-1.232 0-1.642l2.452-2.463c.408-.41 1.226-.41 1.634 0l2.86 2.873c.41.41 1.022.41 1.329 0l7.661-7.696c.41-.41 1.226-.41 1.635 0l2.452 2.463c.409.41.409 1.231 0 1.642l-10.829 10.98c-.92.82-2.247.82-3.065 0Z",fill:"url(#nullState_svg__p)"}),_defs=_defs||react.exports.createElement("defs",null,react.exports.createElement("linearGradient",{id:"nullState_svg__a",x1:5.904,y1:67.844,x2:6.751,y2:70.98,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#FC5A8A"}),react.exports.createElement("stop",{offset:1,stopColor:"#D43060"})),react.exports.createElement("linearGradient",{id:"nullState_svg__b",x1:98.892,y1:2.598,x2:99.569,y2:5.106,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#FC5A8A"}),react.exports.createElement("stop",{offset:1,stopColor:"#D43060"})),react.exports.createElement("linearGradient",{id:"nullState_svg__c",x1:.916,y1:38.244,x2:1.466,y2:40.282,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#FC5A8A"}),react.exports.createElement("stop",{offset:1,stopColor:"#D43060"})),react.exports.createElement("linearGradient",{id:"nullState_svg__d",x1:20.373,y1:25.985,x2:22.323,y2:25.985,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#FF66A9"}),react.exports.createElement("stop",{offset:1,stopColor:"#F53689"})),react.exports.createElement("linearGradient",{id:"nullState_svg__e",x1:25.832,y1:25.985,x2:27.782,y2:25.985,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#83A6FF"}),react.exports.createElement("stop",{offset:1,stopColor:"#5A78FF"})),react.exports.createElement("linearGradient",{id:"nullState_svg__f",x1:72.102,y1:35.122,x2:91.062,y2:35.122,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#CED7E2"}),react.exports.createElement("stop",{offset:1,stopColor:"#E6ECF5"})),react.exports.createElement("linearGradient",{id:"nullState_svg__g",x1:72.102,y1:38.867,x2:84.823,y2:38.867,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#CED7E2"}),react.exports.createElement("stop",{offset:1,stopColor:"#E6ECF5"})),react.exports.createElement("linearGradient",{id:"nullState_svg__h",x1:72.102,y1:49.813,x2:91.062,y2:49.813,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#CED7E2"}),react.exports.createElement("stop",{offset:1,stopColor:"#E6ECF5"})),react.exports.createElement("linearGradient",{id:"nullState_svg__i",x1:72.102,y1:53.559,x2:84.823,y2:53.559,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#CED7E2"}),react.exports.createElement("stop",{offset:1,stopColor:"#E6ECF5"})),react.exports.createElement("linearGradient",{id:"nullState_svg__j",x1:72.102,y1:64.659,x2:91.062,y2:64.659,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#CED7E2"}),react.exports.createElement("stop",{offset:1,stopColor:"#E6ECF5"})),react.exports.createElement("linearGradient",{id:"nullState_svg__k",x1:72.102,y1:68.405,x2:84.823,y2:68.405,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#CED7E2"}),react.exports.createElement("stop",{offset:1,stopColor:"#E6ECF5"})),react.exports.createElement("linearGradient",{id:"nullState_svg__m",x1:58.031,y1:22.464,x2:72.472,y2:42.713,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#51B6F0"}),react.exports.createElement("stop",{offset:1,stopColor:"#3B90E7"})),react.exports.createElement("linearGradient",{id:"nullState_svg__n",x1:73.697,y1:43.767,x2:51.916,y2:16.082,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#52B8F0"}),react.exports.createElement("stop",{offset:1,stopColor:"#3A8FE6"})),react.exports.createElement("linearGradient",{id:"nullState_svg__o",x1:59.758,y1:35.34,x2:68.739,y2:43.081,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{stopColor:"#2271AC"}),react.exports.createElement("stop",{offset:1,stopColor:"#657EFF",stopOpacity:0})),react.exports.createElement("linearGradient",{id:"nullState_svg__p",x1:66.081,y1:33.216,x2:59.924,y2:26.562,gradientUnits:"userSpaceOnUse"},react.exports.createElement("stop",{offset:.011,stopColor:"#C2D1FF"}),react.exports.createElement("stop",{offset:1,stopColor:"#fff"})),react.exports.createElement("filter",{id:"nullState_svg__l",x:30.389,y:3.772,width:60.381,height:67.077,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},react.exports.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),react.exports.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),react.exports.createElement("feOffset",{dy:5}),react.exports.createElement("feGaussianBlur",{stdDeviation:4}),react.exports.createElement("feColorMatrix",{values:"0 0 0 0 0.1125 0 0 0 0 0.295916 0 0 0 0 1 0 0 0 0.22 0"}),react.exports.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_57315_57088"}),react.exports.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_57315_57088",result:"shape"}))))};const NullState=()=>{var e=tableStyles()["classes"];return jsxRuntime.exports.jsxs(Box,Object.assign({className:e.nullState},{children:[jsxRuntime.exports.jsx(SvgNullState,{}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",className:e.nullStateTitle},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.null-state-title",defaultMessage:"No Access Management Integrations",description:"Title of the null state on the admin center IAM tab"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.null-state-description",defaultMessage:"Add access management options for users of your Organization using OIDC.",description:"Explanation of the null state on the admin center IAM tab"})})),jsxRuntime.exports.jsx(Button,Object.assign({size:"small",color:"primary",variant:"outlined",onClick:()=>{window.open("https://docs.veritone.com/#/tutorials/pages/")},className:e.nullStateButton},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.iam.null-state--button",defaultMessage:"Learn More",description:"The information button in the IAM tab null state"})}))]}))},microFrontend=e=>({name:OPEN_ID_PANEL,config:{appId:"",connectorId:e}}),panelConfig=e=>({type:"APP_BAR_PANEL_TEMPLATE",marginTop:e?0:55,marginStart:e?0:80,size:"medium",zIndex:e?1011:1002,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent",borderBottom:!0}),Content=({isPanelFullScreen:e})=>{var t=useSelector(selectLoadingStatus),s=useSelector(selectProviders);const r=useSelector(selectSelectedProviderId),n=useDispatch();var i=navSectionStyles()["classes"],a=tableStyles()["classes"];react.exports.useEffect(()=>{n(actions.fetchProvidersStart())},[n]),react.exports.useEffect(()=>{r?n(mountPanel({panelId:OPEN_ID_PANEL,microFrontend:microFrontend(r),panelConfig:panelConfig(e)})):null===r&&n(actions.fetchProvidersStart())},[r]);return jsxRuntime.exports.jsxs("section",Object.assign({className:i.root},{children:[jsxRuntime.exports.jsx(IamHeader,{onAddNew:()=>{n(mountPanel({panelId:OPEN_ID_PANEL,microFrontend:microFrontend(""),panelConfig:panelConfig(e)})),n(actions.setCreatePanelSelected())}}),jsxRuntime.exports.jsxs(Box,Object.assign({className:i.tableWrapper,maxWidth:e?"100%":"840px"},{children:["pending"===t&&jsxRuntime.exports.jsx(Box,Object.assign({className:a.loadingState},{children:jsxRuntime.exports.jsx(CircularProgress,{})})),"success"===t&&!(null!=s&&s.length)&&jsxRuntime.exports.jsx(NullState,{}),"success"===t&&(null==s?void 0:s.length)&&jsxRuntime.exports.jsx(IamTable,{})]}))]}))},IamTab=({isPanelFullScreen:e})=>jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAdminCenterIamModule()]},{children:jsxRuntime.exports.jsx(Content,{isPanelFullScreen:e})}));export{AdminCenterOpenId,IamTab};

package/js-core.esm48.js

@@ -0,0 +1 @@
+import{ce as createSvgIcon,j as jsxRuntime}from"./js-core.esm.js";var MoreVert=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreVert");export{MoreVert as M};

package/js-core.esm49.js

@@ -0,0 +1 @@
+import{m as makeStyles,a0 as createSlice,cm as combineReducers,j as jsxRuntime,F as FormattedMessage,fW as Users,fH as Lock,fX as SecurityGroup,fF as Group,cp as AIWareThemeProvider,a3 as DynamicModuleLoader,fY as getOrganizationPanelModule,A as AIWareIntlProvider,o as useSelector,dK as selectApiConfigs,n as useDispatch,fI as useOrganizationPermissions,f4 as EAuthResourceType,r as react,al as all,dL as panelsSelector,aq as Tooltip,K as IconButton,fb as Hamburger,T as Typography,cs as FullscreenExit,ct as Fullscreen,c9 as Hide,dI as takeEvery$1,eW as betaFeaturesSelector,fi as gqlIntrospection,fZ as Lock2,fV as Iam,be as Tabs,E as classNames,bf as Tab,ae as Portal,ax as select,az as call,aw as put,cN as baseGraphQLApiWithError}from"./js-core.esm.js";import{GroupsPanel,getAdminCenterGroupsModule}from"./js-core.esm43.js";import{PermissionSets,AccessControl,getAdminCenterPermissionsModule}from"./js-core.esm39.js";import{getAdminCenterApplicationsModule}from"./js-core.esm50.js";import{UsersPanel,getAdminCenterUsersModule}from"./js-core.esm51.js";import{ApiTokensTab}from"./js-core.esm52.js";import{IamTab}from"./js-core.esm47.js";import"./js-core.esm9.js";import"./js-core.esm30.js";import"./js-core.esm20.js";import"./js-core.esm33.js";import"./js-core.esm35.js";import"./js-core.esm32.js";import"./js-core.esm44.js";import"./js-core.esm23.js";import"./js-core.esm6.js";import"./js-core.esm53.js";import"./js-core.esm48.js";import"./js-core.esm31.js";import"./js-core.esm42.js";const useStyles$2=makeStyles()((e,{height:t})=>({header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",height:t,padding:e.spacing(2),position:"relative"},title:{minWidth:"126px"},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)}})),Header=({hidePanel:e,isNavExpanded:t,onLeftNavigationToggle:s,onFullScreenToggle:a,isFullScreen:i,height:n})=>{n=useStyles$2({height:n}).classes;return jsxRuntime.exports.jsxs("header",Object.assign({className:n.header,"data-test":"ac-header"},{children:[jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.navigation.menu",defaultMessage:"Toggle Navigation Menu",description:"Toggle Navigation Menu"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({sx:{mr:1},onClick:s,"aria-expanded":t,"aria-labelledby":"ac-header-toggle-nav","data-test":"ac-header-toggle-nav",size:"large"},{children:jsxRuntime.exports.jsx(Hamburger,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",className:n.title,"data-test":"ac-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.header.title",defaultMessage:"Admin Center",description:"Panel header of the admin center"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.headerActionContainer},{children:[jsxRuntime.exports.jsx("div",{className:n.verticalDivider}),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:i?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.close.full.screen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.open.full.screen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:a,"aria-labelledby":"ac-toggle-fullscreen","data-test":"ac-fullscreen-toggle",size:"large"},{children:i?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.close.panel",defaultMessage:"Close Panel",description:"Close Panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"ac-close-panel","data-test-id":"ac-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))};function __rest(e,t){var s={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(s[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(s[i[a]]=e[i[a]]);return s}function __awaiter(e,r,o,l){return new(o=o||Promise)(function(s,t){function a(e){try{n(l.next(e))}catch(e){t(e)}}function i(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?s(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(a,i)}n((l=l.apply(e,r||[])).next())})}var AdminCenterView;!function(e){e[e.users=0]="users",e[e.permissionSets=1]="permissionSets",e[e.accessControl=2]="accessControl",e[e.groups=3]="groups",e[e.apiTokens=4]="apiTokens",e[e.iam=5]="iam"}(AdminCenterView=AdminCenterView||{});const SLICE_NAME="browse",namespace="browseDetail",initialState={status:"idle",olpFeature:"disabled"},browseSlice=createSlice({name:SLICE_NAME+"/"+namespace,initialState:initialState,reducers:{fetchOlpAvailabilityStart(e){e.status="loading"},fetchOlpAvailabilitySuccess(e,t){e.status="success",e.olpFeature=t.payload},fetchOlpAvailabilityFailure(e){e.status="failure"}}}),actions=browseSlice.actions;var browse_state=browseSlice.reducer;const rootReducer=combineReducers({[namespace]:browse_state});function checkOlpAvailability(t){return __awaiter(this,void 0,void 0,function*(){var e="checkOlpAvailability";return(yield baseGraphQLApiWithError(Object.assign({query:"\n      query checkOlpAvailability {\n        me {\n            organization {      \n                jsondata \n              }    \n        }\n      }\n    ",operationName:e},t))).me.organization.jsondata.features.enableRBACFeature})}function*fetchOlpAvailabilitySaga(e){try{var t=yield select(selectApiConfigs),s=yield call(checkOlpAvailability,t);yield put(actions.fetchOlpAvailabilitySuccess(s||"disabled"))}catch(e){yield put(actions.fetchOlpAvailabilityFailure()),console.log(e)}}function*fetchOlpAvailabilityWatcher(){yield takeEvery$1(actions.fetchOlpAvailabilityStart.type,fetchOlpAvailabilitySaga)}function*rootSaga(){yield all([fetchOlpAvailabilityWatcher()])}const selectOlpAvailability=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace])?void 0:e.olpFeature};function getAdminCenterBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const tabWidth=197,useStyles$1=makeStyles()((e,{height:t},s)=>({root:{display:"flex",flexGrow:1,height:t,position:"relative"},tabs:{borderRight:".5px solid "+e.palette.divider,transition:".2s ease",width:e.spacing(14),minWidth:e.spacing(14),padding:e.spacing(1.6)+" "+e.spacing(2.5),boxSizing:"border-box"},tabsContainer:{alignItems:"center"},tabIndicator:{background:"transparent"},tabRoot:{opacity:1,borderRadius:4,fontSize:"14px",marginBottom:e.spacing(1),minHeight:e.spacing(9),minWidth:e.spacing(9),paddingTop:e.spacing(1),paddingBottom:e.spacing(1),width:"100%","&:hover":{background:"#F2F5F9"}},tabsExpanded:{width:tabWidth,minWidth:tabWidth,paddingRight:e.spacing(2),paddingLeft:e.spacing(2),["& "+s.tabRoot]:{width:`calc(${tabWidth}px - ${e.spacing(3)})`,flexDirection:"row",textTransform:"capitalize","& svg":{marginRight:e.spacing(2),marginBottom:"0"}}},tabExpandedWrapper:{flexDirection:"row",display:"flex",justifyContent:"flex-start","& svg":{marginBottom:"0 !important",marginRight:e.spacing(2)}},tabSelected:{background:"#F2F5F9",color:e.palette.primary.main,"& svg":{marginBottom:"0 !important",marginRight:"0",color:e.palette.primary.main}},contentPanel:{flexGrow:1},tabExpandedSelected:{background:"#F2F5F9",color:e.palette.primary.main,"& svg":{marginBottom:"0 !important",marginRight:e.spacing(2),color:e.palette.primary.main}},tabWrapper:{flexDirection:"row",display:"flex",justifyContent:"center","& svg":{marginBottom:"0 !important",marginRight:"0"}}})),navListTop=[{id:AdminCenterView.users,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.users.view",defaultMessage:"Users",description:"The label of users tab button."}),testLabel:"ac-users-view",icon:jsxRuntime.exports.jsx(Users,{}),content:e=>jsxRuntime.exports.jsx(UsersPanel,{isPanelFullScreen:e})}],olpNavList=[{id:AdminCenterView.permissionSets,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.permission-sets.view",defaultMessage:"Permission Sets",description:"The label for Permission Sets view"}),testLabel:"ac-permission-sets-view",icon:jsxRuntime.exports.jsx(Lock,{}),content:e=>jsxRuntime.exports.jsx(PermissionSets,{isPanelFullScreen:e})},{id:AdminCenterView.accessControl,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.system-access.view",defaultMessage:"System Access",description:"The label of access control tab button."}),testLabel:"ac-access-control-view",icon:jsxRuntime.exports.jsx(SecurityGroup,{style:{transform:"translate(4px, 0px)"}}),content:e=>jsxRuntime.exports.jsx(AccessControl,{isPanelFullScreen:e})},{id:AdminCenterView.groups,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.groups.view",defaultMessage:"Groups",description:"The label of groups tab button."}),testLabel:"ac-groups-view",icon:jsxRuntime.exports.jsx(Group,{style:{transform:"translate(2px, 0px)"}}),content:e=>jsxRuntime.exports.jsx(GroupsPanel,{isPanelFullScreen:e})}],MainTabPanel=({isNavExpanded:t,isFullScreen:s,height:e})=>{const a=useStyles$1({height:e})["classes"],[i,n]=react.exports.useState(AdminCenterView.users),[r,o]=react.exports.useState(navListTop),l=useSelector(selectOlpAvailability),c=useSelector(betaFeaturesSelector);return react.exports.useEffect(()=>{var e=gqlIntrospection.getQueries().find(e=>"apiTokens"===e.name),t={id:AdminCenterView.apiTokens,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.api-tokens.view",defaultMessage:"API Tokens",description:"The label for API Tokens view"}),testLabel:"ac-api-tokens-view",icon:jsxRuntime.exports.jsx(Lock2,{style:{transform:"translate(4px, 0px)"}}),content:e=>jsxRuntime.exports.jsx(ApiTokensTab,{})};const s=[];e&&c&&s.push(t),c&&s.push({id:AdminCenterView.iam,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-browse.iam.view",defaultMessage:"IAM",description:"The label for the IAM view"}),testLabel:"ac-iam-view",icon:jsxRuntime.exports.jsx(Iam,{style:{transform:"translate(4px, 0px)"}}),content:e=>jsxRuntime.exports.jsx(IamTab,{isPanelFullScreen:e})}),o(e=>"enabled"===l?[...navListTop,...olpNavList,...s]:"disabled"===l?[...navListTop,...s.map(e=>Object.assign(Object.assign({},e),{id:e.id-olpNavList.length}))]:e)},[l,c]),jsxRuntime.exports.jsxs("div",Object.assign({className:a.root},{children:[jsxRuntime.exports.jsx(Tabs,Object.assign({id:"adminCenterViewTabs",orientation:"vertical",value:i,onChange:(e,t)=>{n(t)},className:classNames(a.tabs,{[a.tabsExpanded]:t}),classes:{flexContainer:a.tabsContainer,indicator:a.tabIndicator},"aria-label":"admin center tabs","data-test":"ac-nav-tabs-container"},{children:r.map(e=>jsxRuntime.exports.jsx(Tooltip,Object.assign({placement:"right",title:t?"":e.label,"data-test":"ac-nav-tab-"+e.testLabel},{children:jsxRuntime.exports.jsx(Tab,Object.assign({wrapped:!0},a11yProps(e.id),{label:t?e.label:"",icon:e.icon,classes:{root:a.tabRoot,wrapped:t?a.tabExpandedWrapper:a.tabWrapper,selected:t?a.tabExpandedSelected:a.tabSelected}}))}),e.id))})),r.map(e=>jsxRuntime.exports.jsx(TabPanel,Object.assign({value:i,index:e.id,className:a.contentPanel},{children:e.content(s)}),e.id))]}))};function TabPanel(e){var{children:t,value:s,index:a}=e,e=__rest(e,["children","value","index"]);return jsxRuntime.exports.jsx("div",Object.assign({role:"tabpanel",hidden:s!==a,id:"admin-center-tabpanel-"+a,"aria-labelledby":"admin-center-tab-"+a},e,{children:s===a&&t}))}function a11yProps(e){return{id:"admin-center-tab-"+e,"aria-controls":"admin-center-tabpanel-"+e}}const Container=({fullScreen:e,classes:t,dimmed:s,children:a})=>e?jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsxs("div",Object.assign({role:"presentation","data-test":"ac-widget",className:classNames(t.panel,t.fullScreen)},{children:[s&&jsxRuntime.exports.jsx("div",{className:t.overlay}),a]}))}):jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"ac-widget",className:classNames(t.root,t.panel)},{children:a})),appBarHeight=55,headerHeight=64,borderBottom=5,useStyles=makeStyles()(e=>({root:{width:1020,position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%"},fullScreen:{position:"fixed",width:"100%",height:"100vh",top:0,left:0,right:0,bottom:0,zIndex:1004},overlay:{backgroundColor:e.palette.grey[50],opacity:"0.5 !important",height:"100%",position:"absolute",top:0,width:"100%",zIndex:1001}})),MainLayout=({hidePanel:e})=>{const[t,s]=react.exports.useState(!0),[a,i]=react.exports.useState(!1);var n=useStyles()["classes"],r=(useSelector(panelsSelector)||[]).find(e=>"ADMIN_CENTER_BROWSE"===e.panelId)||{panelConfig:{dimmed:0}},r=0<(null==(r=null===r?void 0:r.panelConfig)?void 0:r.dimmed),o=`calc(100vh - ${a?25:appBarHeight+borderBottom}px - ${headerHeight}px)`;return jsxRuntime.exports.jsxs(Container,Object.assign({dimmed:r,fullScreen:a,classes:n},{children:[jsxRuntime.exports.jsx(Header,{height:headerHeight,hidePanel:e,isNavExpanded:t,onLeftNavigationToggle:()=>{s(!t)},isFullScreen:a,onFullScreenToggle:()=>{i(!a)}}),jsxRuntime.exports.jsx(MainTabPanel,{height:o,isNavExpanded:t,isFullScreen:a})]}))},Content=e=>{var{apiRoot:t,graphQLEndpoint:s,token:a}=useSelector(selectApiConfigs);const i=useDispatch();return useOrganizationPermissions(EAuthResourceType.Job),react.exports.useEffect(()=>{i(actions.fetchOlpAvailabilityStart())},[i]),t&&s&&a?jsxRuntime.exports.jsx(MainLayout,Object.assign({},e)):null},AdminCenterBrowse=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAdminCenterUsersModule(),getAdminCenterGroupsModule(),getAdminCenterPermissionsModule(),getAdminCenterApplicationsModule(),getAdminCenterBrowseModule(),getOrganizationPanelModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})}))});export{AdminCenterBrowse};

package/js-core.esm5.js

@@ -1 +1 @@
-import{g as generateUtilityClass,a as generateUtilityClasses,b as styled,B as ButtonBase,_ as _extends,r as react,e as _objectWithoutPropertiesLoose,n as useControlled,o as useFormControl,j as jsxRuntime,f as clsx,d as capitalize,h as composeClasses}from"./js-core.esm.js";function getSwitchBaseUtilityClass(e){return generateUtilityClass("PrivateSwitchBase",e)}generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const _excluded=["autoFocus","checked","checkedIcon","className","defaultChecked","disabled","disableFocusRipple","edge","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"],useUtilityClasses=e=>{var{classes:e,checked:t,disabled:s,edge:a}=e,t={root:["root",t&&"checked",s&&"disabled",a&&"edge"+capitalize(a)],input:["input"]};return composeClasses(t,getSwitchBaseUtilityClass,e)},SwitchBaseRoot=styled(ButtonBase)(({ownerState:e})=>_extends({padding:9,borderRadius:"50%"},"start"===e.edge&&{marginLeft:"small"===e.size?-3:-12},"end"===e.edge&&{marginRight:"small"===e.size?-3:-12})),SwitchBaseInput=styled("input")({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),SwitchBase=react.exports.forwardRef(function(e,t){const{autoFocus:s,checked:a,checkedIcon:o,className:i,defaultChecked:d,disabled:n,disableFocusRipple:c=!1,edge:l=!1,icon:r,id:u,inputProps:p,inputRef:h,name:g,onBlur:x,onChange:m,onFocus:B,readOnly:b,required:C,tabIndex:f,type:w,value:y}=e,S=_objectWithoutPropertiesLoose(e,_excluded),[k,v]=useControlled({controlled:a,default:Boolean(d),name:"SwitchBase",state:"checked"}),R=useFormControl();let F=n;R&&void 0===F&&(F=R.disabled);var j="checkbox"===w||"radio"===w,e=_extends({},e,{checked:k,disabled:F,disableFocusRipple:c,edge:l}),_=useUtilityClasses(e);return jsxRuntime.exports.jsxs(SwitchBaseRoot,_extends({component:"span",className:clsx(_.root,i),centerRipple:!0,focusRipple:!c,disabled:F,tabIndex:null,role:void 0,onFocus:e=>{B&&B(e),R&&R.onFocus&&R.onFocus(e)},onBlur:e=>{x&&x(e),R&&R.onBlur&&R.onBlur(e)},ownerState:e,ref:t},S,{children:[jsxRuntime.exports.jsx(SwitchBaseInput,_extends({autoFocus:s,checked:a,defaultChecked:d,className:_.input,disabled:F,id:j&&u,name:g,onChange:e=>{var t;e.nativeEvent.defaultPrevented||(t=e.target.checked,v(t),m&&m(e,t))},readOnly:b,ref:h,required:C,ownerState:e,tabIndex:f,type:w},"checkbox"===w&&void 0===y?{}:{value:y},p)),k?o:r]}))});var SwitchBase$1=SwitchBase;export{SwitchBase$1 as S};
+import{i as createSvgIcon,k as interopRequireDefault,j as jsxRuntime}from"./js-core.esm.js";var VisibilityOff={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(VisibilityOff,"__esModule",{value:!0}),VisibilityOff.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"}),"VisibilityOff"),default_1=VisibilityOff.default=_default;export{default_1 as d};