aiware-js 2.21.0 → 2.22.0

package/js-core.esm43.js

@@ -1 +1 @@
-import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,H as createSlice,cc as combineReducers,m as makeStyles,cf as AIWareThemeProvider,A as AIWareIntlProvider,s as store,k as useSelector,i as useDispatch,T as Typography$1,at as Button$1,a8 as Tooltip,a9 as IconButton,fq as Settings,ci as FullscreenExit,cj as Fullscreen,bU as Hide,r as react,x as classnames,bD as CircularProgress$1,Y as Portal,a2 as all,F as FormattedMessage,aM as Fade,ea as Slide,a7 as Divider,d4 as takeEvery$1,ai as select,M as preferredLanguageSelector,ah as put,bV as showMessage,bW as MessageSeverity,b4 as AIWareFormatMessage}from"./js-core.esm.js";var EntityType,LoadingStatus,MimeType,Save={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(Save,"__esModule",{value:!0}),Save.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"}),"Save"),default_1=Save.default=_default;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const SLICE_NAME="dataLabeler",initialAnnotationSettings=(!function(e){e.Annotation="annotation",e.Publish="publish",e.DatasetAssets="datasetAssets"}(EntityType=EntityType||{}),!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),LoadingStatus.Idle,!function(e){e.VideoMp4="video/mp4",e.AudioMp4="audio/mp4"}(MimeType=MimeType||{}),{isOpen:!1}),initialPublishAnnotationSettings={isOpen:!1},namespace$2="uiState",initialState$1={status:LoadingStatus.Pending,isFullScreen:!1,isFluffy:!1,isInfoOpen:!1,annotationToolSettings:initialAnnotationSettings,publishAnnotationSettings:initialPublishAnnotationSettings},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{init(e){e.status=LoadingStatus.Pending},initDone(e){e.status=LoadingStatus.Idle},initFailed(e){e.status=LoadingStatus.Failed},toggleFullScreen(e){e.isFullScreen=!e.isFullScreen},togglePublishAnnotationSettings(e,{payload:t}){t?(e.publishAnnotationSettings.isOpen=!0,e.publishAnnotationSettings.entityType=t):(e.publishAnnotationSettings.isOpen=!1,delete e.publishAnnotationSettings.entityType)},toggleAnnotationSettings(e,{payload:t}){t?(e.annotationToolSettings.isOpen=!0,e.annotationToolSettings.entityType=t):(e.annotationToolSettings.isOpen=!1,delete e.annotationToolSettings.entityType)}}}),actions$2=slice$1.actions;var uiState=slice$1.reducer;const namespace$1="panelPublishAnnotations",initialState={ids:[]},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{submitPublishAnnotations(e,{payload:t}){e.ids=t.ids}}}),actions$1=slice.actions;var panelPublishAnnotations=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$2]:uiState,[namespace$1]:panelPublishAnnotations}),selectIsFullScreen=e=>e[namespace].uiState.isFullScreen,selectPublishAnnotationSettings=e=>e[namespace].uiState.publishAnnotationSettings,selectAnnotationSettings=e=>e[namespace].uiState.annotationToolSettings,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 DATA_LABELER_TEXT={publishAnnotation:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.y9CGIM",defaultMessage:"Publish Annotation",description:"Publish Annotation"}),publishAnnotationSubtitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.r0ufb8",defaultMessage:"Published annotations will be available as Ground Truth within your dataset and used for comparison metrics.",description:"Published annotations will be available as Ground Truth within your dataset and used for comparison metrics."}),annotationSettings:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.XONoJU",defaultMessage:"Annotation Settings",description:"Annotation Settings"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),exitFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.awe7uYc",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}),enterFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.stiZt+b",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"}),toggleFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.TUGpHT",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"}),submit:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.lOLf4e",defaultMessage:"Submit",description:"Submit"}),show:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.HTVdQU",defaultMessage:"Show",description:"Show"}),hide:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.sX3mXR",defaultMessage:"Hide",description:"Hide"})},useStyles$2=makeStyles()((e,t,s)=>({root:{flexGrow:1},gridText:{minHeight:0,minWidth:0},divider:{opacity:.9},name:{fontWeight:400,maxWidth:"100%"},type:{paddingLeft:e.spacing(1),maxWidth:e.spacing(12)},padding:{paddingRight:e.spacing(1)},thumbnailContainer:{paddingLeft:e.spacing(3),maxWidth:"60px"},tableHeaderTitle:{paddingLeft:e.spacing(3),maxWidth:"120px"},thumbnail:{width:32,height:32,borderRadius:4,border:".5px solid "+e.palette.divider,objectFit:"cover",verticalAlign:"middle"},header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",height:64,padding: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)},folderMoreIcon:{},row:{cursor:"pointer","&:hover":{borderRadius:4,backgroundColor:"#EEF3F9",["& "+s.folderMoreIcon]:{visibility:"visible",width:"100%",display:"flex",justifyContent:"flex-end"},"& #engineIconContainer":{background:"#fff"}},["& "+s.folderMoreIcon]:{visibility:"hidden"}},publishRoot:{height:"calc(100vh - 260px)",width:"100%"},dRoot:{height:"calc(100vh - 120px)",width:"100%"},dNavBar:{height:"100%",overflow:"hidden",background:"#F4F4F4"},dTitle:{color:"#2A323C",fontWeight:600,fontSize:"18px",lineHeight:"24px",padding:e.spacing(3.2)},dContent:{height:"100%",width:"100%",position:"relative"},dMenu:{overflowY:"auto",height:"calc(100% - 52px)"},loadingContainer:{position:"absolute",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"white"}})),Header=({isFullScreen:e,onPanelClose:t,onFullScreenToggle:s,disableSetting:a})=>{var n=useStyles$2()["classes"];const i=useDispatch();return jsxRuntime.exports.jsxs("header",Object.assign({className:n.header,"data-test":"data-labeler-header"},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h1","data-test":"data-labeler-title",style:{marginLeft:30}},{children:"Data Labeler"})),jsxRuntime.exports.jsx("div",Object.assign({style:{alignItems:"center",border:"1px solid #E1E6ED",borderRadius:4,display:"none",flexGrow:1,height:44,padding:20}},{children:"[PLACEHOLDER FOR SEARCH COMPONENT]"})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",color:"primary",size:"large","data-test":"data-labeler-open-publish-annotations",style:{marginRight:10},startIcon:jsxRuntime.exports.jsx(default_1,{style:{color:"#FFF"}}),onClick:()=>i(actions.uiState.togglePublishAnnotationSettings(EntityType.Publish))},{children:DATA_LABELER_TEXT.publishAnnotation()})),jsxRuntime.exports.jsx("div",{className:n.verticalDivider}),jsxRuntime.exports.jsx(Typography$1,Object.assign({style:visuallyHidden$1,id:"data-labeler-toolbar-open-annotation-settings"},{children:DATA_LABELER_TEXT.annotationSettings()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.annotationSettings()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disabled:a,onClick:()=>i(actions.uiState.toggleAnnotationSettings(EntityType.Annotation)),"data-test":"data-labeler-open-annotation-settings","aria-labelledby":"data-labeler-toolbar-open-annotation-settings",size:"large"},{children:jsxRuntime.exports.jsx(Settings,{})}))})),jsxRuntime.exports.jsx(Typography$1,Object.assign({style:visuallyHidden$1,id:"data-labeler-toggle-fullscreen"},{children:DATA_LABELER_TEXT.toggleFullScreen()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:e?DATA_LABELER_TEXT.exitFullScreen():DATA_LABELER_TEXT.enterFullScreen()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"data-labeler-toggle-fullscreen","data-test":"data-labeler-fullscreen-toggle",size:"large"},{children:e?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))})),jsxRuntime.exports.jsx(Typography$1,Object.assign({style:visuallyHidden$1,id:"data-labeler-close-panel"},{children:DATA_LABELER_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"data-labeler-close-panel","data-test":"data-labeler-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},LabelerIframe=({path:e,fullScreen:t=!1,onClosePanel:s,onSavePublishAnnotation:a})=>{var n=useStyles$2()["classes"];const[i,l]=react.exports.useState(!0),o=react.exports.useRef(null);react.exports.useEffect(()=>{const e=t=>{t=t.data;if(t){let e;try{e=JSON.parse(t)}finally{e&&"closePanel"===e.action&&s&&s(),e&&"savePublishAnnotation"===e.action&&a&&a()}}};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)}),react.exports.useEffect(()=>{o&&o.current&&o.current.focus()},[o]);t=`calc(100vh - ${t?"64":"120"}px)`;return jsxRuntime.exports.jsxs("div",Object.assign({className:classnames(n.dRoot,"hide-in-percy"),style:{height:t}},{children:[i&&jsxRuntime.exports.jsx("div",Object.assign({className:n.loadingContainer},{children:jsxRuntime.exports.jsx(CircularProgress$1,{})})),jsxRuntime.exports.jsx("iframe",{"data-test":"data-labeler-iframe",title:"Data Labeler Iframe",ref:o,style:{width:"100%",height:"100%",overflow:"auto"},src:e,frameBorder:"0",onLoad:function(){setTimeout(()=>{l(!1)},1e3)}})]}))},useStyles$1=makeStyles()(e=>({panelRoot:{position:"absolute",right:0,top:0,display:"flex","&$fullScreen":{height:"100vh"}},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1,padding:e.spacing(1)},divider:{marginBottom:e.spacing(2)},panelOverlay:{backgroundColor:e.palette.grey[50],opacity:"0.5 !important",height:"100%",position:"absolute",top:0,width:"100%"},EmptyAssetContainer:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",paddingTop:e.spacing(18),width:"100%"},emptyImage:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),SubPanel=({isOpen:e,panelTitle:t,className:s="",onClose:a,children:n,setIsActive:i,width:l=400})=>{var o=useStyles$1()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Fade,Object.assign({in:e,mountOnEnter:!0,unmountOnExit:!0},{children:jsxRuntime.exports.jsx("div",{className:o.panelOverlay})})),jsxRuntime.exports.jsx(Slide,Object.assign({direction:"left",in:e,mountOnEnter:!0,unmountOnExit:!0,onEntered:()=>{i(!0)},onExited:()=>i(!1)},{children:jsxRuntime.exports.jsx("div",Object.assign({className:classnames(s,o.panelRoot),style:{width:l},"data-test":"data-labeler-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:o.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classnames(o.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({"data-test":"data-labeler-action-panel-title",variant:"h1"},{children:t})),jsxRuntime.exports.jsx(Typography$1,Object.assign({style:visuallyHidden$1,id:"data-labeler-close-action-panel"},{children:DATA_LABELER_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:a,"aria-labelledby":"data-labeler-close-action-panel","data-test":"data-labeler-close-action-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]})),jsxRuntime.exports.jsx(Divider,{className:o.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:o.panelBody},{children:n}))]}))}))}))]})},AnnotationSettings=e=>{var[t,s]=react.exports.useState(!1);const a=useDispatch();var{isOpen:n,entityType:i}=useSelector(selectAnnotationSettings),l=()=>{a(actions.uiState.toggleAnnotationSettings(null))};return jsxRuntime.exports.jsx(SubPanel,Object.assign({isOpen:!(!n||!i),panelTitle:DATA_LABELER_TEXT.annotationSettings(),onClose:l,setIsActive:s,width:1020},e,{children:t&&jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:e.fullScreen,path:e.blueEyeConfig.settingUri,onClosePanel:l})}))},PublishAnnotations=t=>{var[e,s]=react.exports.useState(!1);const a=useDispatch();var{isOpen:n,entityType:i}=useSelector(selectPublishAnnotationSettings),l=()=>{a(actions.uiState.togglePublishAnnotationSettings(null))};return jsxRuntime.exports.jsx(SubPanel,Object.assign({isOpen:!(!n||!i),panelTitle:DATA_LABELER_TEXT.publishAnnotation(),onClose:l,setIsActive:s,width:400},t,{children:e&&jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:t.fullScreen,path:t.blueEyeConfig.publishUri,onClosePanel:l,onSavePublishAnnotation:()=>{const e=t["publishCallback"];e()}})}))},useStyles=makeStyles()(e=>({root:{width:"100%",position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%",overflow:"hidden"},fullScreen:{position:"fixed",width:"100%",height:"100vh",top:0,left:0,right:0,bottom:0,zIndex:1200}})),Container=({isFullScreen:e,classes:t,children:s})=>e?jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"data-labeler-widget",className:classnames(t.root,t.panel,t.fullScreen)},{children:s}))}):jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"data-labeler-widget",className:classnames(t.root,t.panel)},{children:s})),MainLayout=({hidePanel:e,blueEyeConfig:t,datasetAssets:s,publishCallback:a,disableSetting:n})=>{var i=useStyles()["classes"],l=useSelector(selectIsFullScreen);const o=useDispatch();return jsxRuntime.exports.jsxs(Container,Object.assign({isFullScreen:l,classes:i},{children:[jsxRuntime.exports.jsx(Header,{isFullScreen:l,onFullScreenToggle:()=>{o(actions.uiState.toggleFullScreen())},onPanelClose:()=>{e&&e()},disableSetting:n}),jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:l,path:t.annotateUri}),jsxRuntime.exports.jsx(AnnotationSettings,{className:i.panel,fullScreen:l,blueEyeConfig:t}),jsxRuntime.exports.jsx(PublishAnnotations,{className:i.panel,fullScreen:l,blueEyeConfig:t,datasetAssets:s,publishCallback:a})]}))},DataLabelerPanel=e=>e.panelRendered?jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}):null;function*submitPublishAnnotationns(e){var e=e.payload,t=e.ids;const s=e.callback;s(t);e=yield select(preferredLanguageSelector);const a=AIWareFormatMessage(e);yield put(showMessage({content:a({id:"os-data-labeler.snackbar.submitPublishSuccess",defaultMessage:[{type:0,value:"Submit publish annotations successfully."}]}),severity:MessageSeverity.Info}))}function*watchSubmitPublishAnnotations(){yield takeEvery$1(actions.panelPublishAnnotations.submitPublishAnnotations.type,submitPublishAnnotationns)}function*rootSaga(){yield all([watchSubmitPublishAnnotations()])}function getDataLabelerBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}store.addModules([getDataLabelerBrowseModule()]);export{DataLabelerPanel};
+import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,H as createSlice,cc as combineReducers,m as makeStyles,cf as AIWareThemeProvider,A as AIWareIntlProvider,s as store,k as useSelector,i as useDispatch,T as Typography,at as Button,a8 as Tooltip,a9 as IconButton,fp as Settings,ci as FullscreenExit,cj as Fullscreen,bU as Hide,r as react,x as classNames,bD as CircularProgress$1,Y as Portal,a2 as all,F as FormattedMessage,aM as Fade,ea as Slide,a7 as Divider,d4 as takeEvery$1,ai as select,M as preferredLanguageSelector,ah as put,bV as showMessage,bW as MessageSeverity,b4 as AIWareFormatMessage}from"./js-core.esm.js";var EntityType,LoadingStatus,MimeType,Save={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(Save,"__esModule",{value:!0}),Save.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"}),"Save"),default_1=Save.default=_default;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const SLICE_NAME="dataLabeler",initialAnnotationSettings=(!function(e){e.Annotation="annotation",e.Publish="publish",e.DatasetAssets="datasetAssets"}(EntityType=EntityType||{}),!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),LoadingStatus.Idle,!function(e){e.VideoMp4="video/mp4",e.AudioMp4="audio/mp4"}(MimeType=MimeType||{}),{isOpen:!1}),initialPublishAnnotationSettings={isOpen:!1},namespace$2="uiState",initialState$1={status:LoadingStatus.Pending,isFullScreen:!1,isFluffy:!1,isInfoOpen:!1,annotationToolSettings:initialAnnotationSettings,publishAnnotationSettings:initialPublishAnnotationSettings},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{init(e){e.status=LoadingStatus.Pending},initDone(e){e.status=LoadingStatus.Idle},initFailed(e){e.status=LoadingStatus.Failed},toggleFullScreen(e){e.isFullScreen=!e.isFullScreen},togglePublishAnnotationSettings(e,{payload:t}){t?(e.publishAnnotationSettings.isOpen=!0,e.publishAnnotationSettings.entityType=t):(e.publishAnnotationSettings.isOpen=!1,delete e.publishAnnotationSettings.entityType)},toggleAnnotationSettings(e,{payload:t}){t?(e.annotationToolSettings.isOpen=!0,e.annotationToolSettings.entityType=t):(e.annotationToolSettings.isOpen=!1,delete e.annotationToolSettings.entityType)}}}),actions$2=slice$1.actions;var uiState=slice$1.reducer;const namespace$1="panelPublishAnnotations",initialState={ids:[]},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{submitPublishAnnotations(e,{payload:t}){e.ids=t.ids}}}),actions$1=slice.actions;var panelPublishAnnotations=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$2]:uiState,[namespace$1]:panelPublishAnnotations}),selectIsFullScreen=e=>e[namespace].uiState.isFullScreen,selectPublishAnnotationSettings=e=>e[namespace].uiState.publishAnnotationSettings,selectAnnotationSettings=e=>e[namespace].uiState.annotationToolSettings,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 DATA_LABELER_TEXT={publishAnnotation:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.y9CGIM",defaultMessage:"Publish Annotation",description:"Publish Annotation"}),publishAnnotationSubtitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.r0ufb8",defaultMessage:"Published annotations will be available as Ground Truth within your dataset and used for comparison metrics.",description:"Published annotations will be available as Ground Truth within your dataset and used for comparison metrics."}),annotationSettings:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.XONoJU",defaultMessage:"Annotation Settings",description:"Annotation Settings"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),exitFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.awe7uYc",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}),enterFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.stiZt+b",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"}),toggleFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.TUGpHT",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"}),submit:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.lOLf4e",defaultMessage:"Submit",description:"Submit"}),show:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.HTVdQU",defaultMessage:"Show",description:"Show"}),hide:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.sX3mXR",defaultMessage:"Hide",description:"Hide"})},useStyles$2=makeStyles()((e,t,s)=>({root:{flexGrow:1},gridText:{minHeight:0,minWidth:0},divider:{opacity:.9},name:{fontWeight:400,maxWidth:"100%"},type:{paddingLeft:e.spacing(1),maxWidth:e.spacing(12)},padding:{paddingRight:e.spacing(1)},thumbnailContainer:{paddingLeft:e.spacing(3),maxWidth:"60px"},tableHeaderTitle:{paddingLeft:e.spacing(3),maxWidth:"120px"},thumbnail:{width:32,height:32,borderRadius:4,border:".5px solid "+e.palette.divider,objectFit:"cover",verticalAlign:"middle"},header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",height:64,padding: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)},folderMoreIcon:{},row:{cursor:"pointer","&:hover":{borderRadius:4,backgroundColor:"#EEF3F9",["& "+s.folderMoreIcon]:{visibility:"visible",width:"100%",display:"flex",justifyContent:"flex-end"},"& #engineIconContainer":{background:"#fff"}},["& "+s.folderMoreIcon]:{visibility:"hidden"}},publishRoot:{height:"calc(100vh - 260px)",width:"100%"},dRoot:{height:"calc(100vh - 120px)",width:"100%"},dNavBar:{height:"100%",overflow:"hidden",background:"#F4F4F4"},dTitle:{color:"#2A323C",fontWeight:600,fontSize:"18px",lineHeight:"24px",padding:e.spacing(3.2)},dContent:{height:"100%",width:"100%",position:"relative"},dMenu:{overflowY:"auto",height:"calc(100% - 52px)"},loadingContainer:{position:"absolute",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"white"}})),Header=({isFullScreen:e,onPanelClose:t,onFullScreenToggle:s,disableSetting:a})=>{var n=useStyles$2()["classes"];const i=useDispatch();return jsxRuntime.exports.jsxs("header",Object.assign({className:n.header,"data-test":"data-labeler-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-test":"data-labeler-title",style:{marginLeft:30}},{children:"Data Labeler"})),jsxRuntime.exports.jsx("div",Object.assign({style:{alignItems:"center",border:"1px solid #E1E6ED",borderRadius:4,display:"none",flexGrow:1,height:44,padding:20}},{children:"[PLACEHOLDER FOR SEARCH COMPONENT]"})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",size:"large","data-test":"data-labeler-open-publish-annotations",style:{marginRight:10},startIcon:jsxRuntime.exports.jsx(default_1,{style:{color:"#FFF"}}),onClick:()=>i(actions.uiState.togglePublishAnnotationSettings(EntityType.Publish))},{children:DATA_LABELER_TEXT.publishAnnotation()})),jsxRuntime.exports.jsx("div",{className:n.verticalDivider}),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-toolbar-open-annotation-settings"},{children:DATA_LABELER_TEXT.annotationSettings()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.annotationSettings()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disabled:a,onClick:()=>i(actions.uiState.toggleAnnotationSettings(EntityType.Annotation)),"data-test":"data-labeler-open-annotation-settings","aria-labelledby":"data-labeler-toolbar-open-annotation-settings",size:"large"},{children:jsxRuntime.exports.jsx(Settings,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-toggle-fullscreen"},{children:DATA_LABELER_TEXT.toggleFullScreen()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:e?DATA_LABELER_TEXT.exitFullScreen():DATA_LABELER_TEXT.enterFullScreen()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"data-labeler-toggle-fullscreen","data-test":"data-labeler-fullscreen-toggle",size:"large"},{children:e?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-close-panel"},{children:DATA_LABELER_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"data-labeler-close-panel","data-test":"data-labeler-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},LabelerIframe=({path:e,fullScreen:t=!1,onClosePanel:s,onSavePublishAnnotation:a})=>{var n=useStyles$2()["classes"];const[i,l]=react.exports.useState(!0),o=react.exports.useRef(null);react.exports.useEffect(()=>{const e=t=>{t=t.data;if(t){let e;try{e=JSON.parse(t)}finally{e&&"closePanel"===e.action&&s&&s(),e&&"savePublishAnnotation"===e.action&&a&&a()}}};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)}),react.exports.useEffect(()=>{o&&o.current&&o.current.focus()},[o]);t=`calc(100vh - ${t?"64":"120"}px)`;return jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(n.dRoot,"hide-in-percy"),style:{height:t}},{children:[i&&jsxRuntime.exports.jsx("div",Object.assign({className:n.loadingContainer},{children:jsxRuntime.exports.jsx(CircularProgress$1,{})})),jsxRuntime.exports.jsx("iframe",{"data-test":"data-labeler-iframe",title:"Data Labeler Iframe",ref:o,style:{width:"100%",height:"100%",overflow:"auto"},src:e,frameBorder:"0",onLoad:function(){setTimeout(()=>{l(!1)},1e3)}})]}))},useStyles$1=makeStyles()(e=>({panelRoot:{position:"absolute",right:0,top:0,display:"flex","&$fullScreen":{height:"100vh"}},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1,padding:e.spacing(1)},divider:{marginBottom:e.spacing(2)},panelOverlay:{backgroundColor:e.palette.grey[50],opacity:"0.5 !important",height:"100%",position:"absolute",top:0,width:"100%"},EmptyAssetContainer:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",paddingTop:e.spacing(18),width:"100%"},emptyImage:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),SubPanel=({isOpen:e,panelTitle:t,className:s="",onClose:a,children:n,setIsActive:i,width:l=400})=>{var o=useStyles$1()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Fade,Object.assign({in:e,mountOnEnter:!0,unmountOnExit:!0},{children:jsxRuntime.exports.jsx("div",{className:o.panelOverlay})})),jsxRuntime.exports.jsx(Slide,Object.assign({direction:"left",in:e,mountOnEnter:!0,unmountOnExit:!0,onEntered:()=>{i(!0)},onExited:()=>i(!1)},{children:jsxRuntime.exports.jsx("div",Object.assign({className:classNames(s,o.panelRoot),style:{width:l},"data-test":"data-labeler-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:o.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(o.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"data-labeler-action-panel-title",variant:"h1"},{children:t})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-close-action-panel"},{children:DATA_LABELER_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:a,"aria-labelledby":"data-labeler-close-action-panel","data-test":"data-labeler-close-action-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]})),jsxRuntime.exports.jsx(Divider,{className:o.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:o.panelBody},{children:n}))]}))}))}))]})},AnnotationSettings=e=>{var[t,s]=react.exports.useState(!1);const a=useDispatch();var{isOpen:n,entityType:i}=useSelector(selectAnnotationSettings),l=()=>{a(actions.uiState.toggleAnnotationSettings(null))};return jsxRuntime.exports.jsx(SubPanel,Object.assign({isOpen:!(!n||!i),panelTitle:DATA_LABELER_TEXT.annotationSettings(),onClose:l,setIsActive:s,width:1020},e,{children:t&&jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:e.fullScreen,path:e.blueEyeConfig.settingUri,onClosePanel:l})}))},PublishAnnotations=t=>{var[e,s]=react.exports.useState(!1);const a=useDispatch();var{isOpen:n,entityType:i}=useSelector(selectPublishAnnotationSettings),l=()=>{a(actions.uiState.togglePublishAnnotationSettings(null))};return jsxRuntime.exports.jsx(SubPanel,Object.assign({isOpen:!(!n||!i),panelTitle:DATA_LABELER_TEXT.publishAnnotation(),onClose:l,setIsActive:s,width:400},t,{children:e&&jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:t.fullScreen,path:t.blueEyeConfig.publishUri,onClosePanel:l,onSavePublishAnnotation:()=>{const e=t["publishCallback"];e()}})}))},useStyles=makeStyles()(e=>({root:{width:"100%",position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%",overflow:"hidden"},fullScreen:{position:"fixed",width:"100%",height:"100vh",top:0,left:0,right:0,bottom:0,zIndex:1200}})),Container=({isFullScreen:e,classes:t,children:s})=>e?jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"data-labeler-widget",className:classNames(t.root,t.panel,t.fullScreen)},{children:s}))}):jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"data-labeler-widget",className:classNames(t.root,t.panel)},{children:s})),MainLayout=({hidePanel:e,blueEyeConfig:t,datasetAssets:s,publishCallback:a,disableSetting:n})=>{var i=useStyles()["classes"],l=useSelector(selectIsFullScreen);const o=useDispatch();return jsxRuntime.exports.jsxs(Container,Object.assign({isFullScreen:l,classes:i},{children:[jsxRuntime.exports.jsx(Header,{isFullScreen:l,onFullScreenToggle:()=>{o(actions.uiState.toggleFullScreen())},onPanelClose:()=>{e&&e()},disableSetting:n}),jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:l,path:t.annotateUri}),jsxRuntime.exports.jsx(AnnotationSettings,{className:i.panel,fullScreen:l,blueEyeConfig:t}),jsxRuntime.exports.jsx(PublishAnnotations,{className:i.panel,fullScreen:l,blueEyeConfig:t,datasetAssets:s,publishCallback:a})]}))},DataLabelerPanel=e=>e.panelRendered?jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}):null;function*submitPublishAnnotationns(e){var e=e.payload,t=e.ids;const s=e.callback;s(t);e=yield select(preferredLanguageSelector);const a=AIWareFormatMessage(e);yield put(showMessage({content:a({id:"os-data-labeler.snackbar.submitPublishSuccess",defaultMessage:[{type:0,value:"Submit publish annotations successfully."}]}),severity:MessageSeverity.Info}))}function*watchSubmitPublishAnnotations(){yield takeEvery$1(actions.panelPublishAnnotations.submitPublishAnnotations.type,submitPublishAnnotationns)}function*rootSaga(){yield all([watchSubmitPublishAnnotations()])}function getDataLabelerBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}store.addModules([getDataLabelerBrowseModule()]);export{DataLabelerPanel};

package/js-core.esm44.js

@@ -1,4 +1,4 @@
-import{m as makeStyles,H as createSlice,cc as combineReducers,cd as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,j as jsxRuntime,bw as CacheProvider,bx as muiCache,cf as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,k as useSelector,i as useDispatch,ey as userSelector,r as react,cn as unmountPanel,x as classnames,T as Typography$1,a8 as Tooltip,a9 as IconButton,bU as Hide,at as Button$1,a7 as Divider,fn as img$6,a2 as all,F as FormattedMessage,af as takeLatest$1,w as TextField,S as Switch,bD as CircularProgress$1,ai as select,M as preferredLanguageSelector,ak as call,ah as put,bV as showMessage,bW as MessageSeverity,bH as Icon,cv as Upload,bO as FormHelperText$2,b4 as AIWareFormatMessage,p as lodash,cB as baseGraphQLApiWithError}from"./js-core.esm.js";import{d as default_1}from"./js-core.esm42.js";import{S as Stepper,a as Step,b as StepLabel}from"./js-core.esm40.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}}();var useStyles=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:"100vh - 195px"},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:"5px",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 LoadingStatus,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()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:t.header,"data-test":"admin-center-header"},{children:[jsxRuntime.exports.jsx(Typography$1,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$1,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="adminCenter",LoginPrefix="Log in with ";function isImage(e){e=e.type;return["image/jpeg","image/png","image/svg+xml"].includes(e)}!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{});const ImageInput=({logoUrl:e,onChangeFormItem:t})=>{var i=useStyles()["classes"];const n=react.exports.useRef(null),[s,o]=react.exports.useState(e),[r,a]=react.exports.useState(!1);react.exports.useEffect(()=>{t("btnLogo",s)},[s,t]);return jsxRuntime.exports.jsxs("div",Object.assign({className:i.inputContainer},{children:[jsxRuntime.exports.jsx("input",{ref:n,id:"logo-input",name:"logo-input",type:"file",accept:"image/*",onChange:e=>{e=lodash.exports.get(e,"target.files[0]",null);if(null!==n.current&&(n.current.value=""),isImage(e)&&e.size<=3e5){var t=e=>{"string"==typeof e&&o(e),a(!1)};const i=new FileReader;i.readAsDataURL(e),i.onload=function(){t(i.result)},i.onerror=function(e){a(!0),console.log("Error: ",e)}}else a(!0)},className:i.fileInput,"aria-label":"Upload Logo"}),jsxRuntime.exports.jsx("div",Object.assign({className:i.imageWrapper,role:"button"},{children:s?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("img",{"data-test":"admin-center-image-loaded",src:s,alt:"logo",className:i.inputLogo}),jsxRuntime.exports.jsx(Icon,{"data-test":"admin-center-remove-image","aria-label":"Remove Image",fontSize:"large",className:i.removeBtn,onClick:()=>{a(!1),o("")},component:default_1})]}):jsxRuntime.exports.jsx(Icon,{onClick:()=>{null!==n.current&&n.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:r},{children:r?SHARED_TEXT.loginStepsErrorBtnLogo():""}))]}))},ButtonDesign=({formData:e,errorForm:t,onChangeFormItem:i,handleChangeForm:n})=>{const s=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:s.configurationContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.container},{children:jsxRuntime.exports.jsx(Typography$1,Object.assign({"data-test":"admin-center-button-instructions",variant:"body2",color:"textPrimary"},{children:SHARED_TEXT.buttonInstructions()}))})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.previewButtonContainer},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({className:s.sectionsButton,variant:"h6",color:"textPrimary"},{children:SHARED_TEXT.buttonPreview()})),jsxRuntime.exports.jsxs(Button$1,Object.assign({style:{color:""+e.btnTextColor,backgroundColor:""+e.btnColor},"data-test":"admin-center-input-previewButton",variant:"outlined",color:"primary",fullWidth:!0,className:s.previewButton},{children:[e.btnLogo?jsxRuntime.exports.jsx("img",{"data-test":"admin-center-preview-logo",alt:"previewLogo",className:s.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:s.container},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:s.designContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"admin-center-button-logo",className:s.logoContainer},{children:[jsxRuntime.exports.jsx(ImageInput,{onChangeFormItem:i,logoUrl:null!=e&&e.btnLogo?null==e?void 0:e.btnLogo:""}),jsxRuntime.exports.jsx("div",Object.assign({className:s.buttonPreviewLabel},{children:SHARED_TEXT.buttonLogo()}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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:s.textFieldButtonDesign,value:null==e?void 0:e.btnText,onChange:n("btnText"),error:""!==t.btnText}),jsxRuntime.exports.jsx("div",Object.assign({className:s.colorBlocksContainer},{children:["#FB8C00","#FFB300","#00897B","#43A047","#039BE5","#1E88E5","#ADB8C2","#E53935","#D81B60","#8E24AA"].map(e=>jsxRuntime.exports.jsx("div",{className:s.colorBlock,style:{backgroundColor:e},onClick:()=>i("btnColor",""+e)},e))})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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:s.textFieldHexButtonDesign,value:null==e?void 0:e.btnColor,onChange:n("btnColor"),error:""!==t.btnColor,InputProps:{classes:{input:s.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:s.textFieldHexButtonDesign,value:null==e?void 0:e.btnTextColor,onChange:n("btnTextColor"),error:""!==t.btnTextColor,InputProps:{classes:{input:s.inputBase}},size:"small"})]}))]}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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){const t={isSuperAdmin:!1,isAdmin:!1};return e&&(0<=e.indexOf("superadmin")&&(t.isSuperAdmin=!0),0<=e.indexOf("admin")&&(t.isAdmin=!0)),t}const namespace$1="uiState",initialState={status:LoadingStatus.Pending,openIdProvider:{name:"",description:"",websiteUrl:"",clientId:"",clientSecret:"",issuerUrl:"",btnText:"",btnLogo:"",btnColor:"#FFFFFF",btnTextColor:"#000000",isGlobal:!1},appId:{id:""},existingOpenIdProvider:{id:""},newProvider:{status:LoadingStatus.Idle,errorMessage:""}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{init(e,{payload:t}){e.status=LoadingStatus.Pending,e.existingOpenIdProvider.id=t.connectorId,e.appId.id=t.appId},initDone(e){e.status=LoadingStatus.Idle},initFailed(e){e.status=LoadingStatus.Failed},updateAppId(e,{payload:t}){e.appId=t},updateOpenIdConnector(e,{payload:t}){e.openIdProvider=t},startCreateNewProvider(e){e.newProvider.status=LoadingStatus.Pending},createNewProviderSuccess(e){e.newProvider.status=LoadingStatus.Idle,e.openIdProvider=initialState.openIdProvider},createNewProviderFailed(e,{payload:t}){e.newProvider={status:t.status,errorMessage:t.errorMessage}}}}),actions$1=slice.actions;var uiState$1=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$1]:actions$1},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:i})=>{var n=useStyles()["classes"],s=useSelector(userSelector),o=roleHelper(s.roles||null),r=useSelector(selectExistingProvider),s=null==(s=null==s?void 0:s.organization)?void 0:s.organizationId;return jsxRuntime.exports.jsx("div",Object.assign({className:n.configurationContainer},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:n.container},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({"data-test":"admin-center-provider-instructions",variant:"body2",color:"textPrimary"},{children:r.id?SHARED_TEXT.providerUpdateInstructions():SHARED_TEXT.providerInstructions()})),jsxRuntime.exports.jsx(Typography$1,Object.assign({className:n.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:n.textField,value:null==e?void 0:e.name,onChange:i("name"),error:""!==t.name,helperText:t.name}),jsxRuntime.exports.jsx("div",{className:n.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:n.textField,value:null==e?void 0:e.description,onChange:i("description"),error:""!==t.description,helperText:t.description,inputProps:{maxLength:100}}),jsxRuntime.exports.jsx("div",{className:n.spacer}),jsxRuntime.exports.jsx(TextField,{id:"websiteUrl","data-test":"admin-center-input-websiteUrl",autoComplete:"off",label:SHARED_TEXT.providerInputWebsiteUrl(),variant:"outlined",className:n.textField,value:null==e?void 0:e.websiteUrl,onChange:i("websiteUrl"),error:""!==t.websiteUrl,helperText:t.websiteUrl}),jsxRuntime.exports.jsx(Divider,{variant:"fullWidth"}),jsxRuntime.exports.jsx(Typography$1,Object.assign({className:n.sections,variant:"h6",color:"textPrimary"},{children:SHARED_TEXT.providerSectionClient()})),!r.id&&jsxRuntime.exports.jsx(TextField,{required:!0,id:"clientId","data-test":"admin-center-input-clientId",autoComplete:"off",label:SHARED_TEXT.providerInputClientId(),variant:"outlined",className:n.textField,value:null==e?void 0:e.clientId,onChange:i("clientId"),error:""!==t.clientId,helperText:t.clientId}),jsxRuntime.exports.jsx("div",{className:n.spacer}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"clientSecret","data-test":"admin-center-input-clientSecret",autoComplete:"off",label:SHARED_TEXT.providerInputClientSecret(),variant:"outlined",className:n.textField,value:null==e?void 0:e.clientSecret,onChange:i("clientSecret"),error:""!==t.clientSecret,helperText:t.clientSecret}),jsxRuntime.exports.jsx("div",{className:n.spacer}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"issuerUrl","data-test":"admin-center-input-issuerUrl",autoComplete:"off",label:SHARED_TEXT.providerInputIssuerUrl(),variant:"outlined",className:n.textField,value:null==e?void 0:e.issuerUrl,onChange:i("issuerUrl"),error:""!==t.issuerUrl,helperText:t.issuerUrl}),jsxRuntime.exports.jsx("div",{className:n.spacer}),!r.id&&o.isSuperAdmin&&7682===s&&jsxRuntime.exports.jsxs("div",Object.assign({className:n.isGlobalContainer},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({className:n.isGlobalTitle,variant:"h6"},{children:SHARED_TEXT.providerGlobalTitle()})),jsxRuntime.exports.jsx(Typography$1,Object.assign({className:n.isGlobalDescription,variant:"body2"},{children:SHARED_TEXT.providerGlobalDescription()}))]}),jsxRuntime.exports.jsx(Switch,{"data-test":"admin-center-isglobal-switch",value:e.isGlobal,onChange:i("isGlobal")})]}))]}))}))},ProviderCreation=({handlePanelClose:e})=>{const t=useStyles()["classes"],i=useDispatch(),n=useSelector(selectCreateNewProvider),s=react.exports.useRef(!1);react.exports.useEffect(()=>{s.current&&n.status===LoadingStatus.Idle&&e(),s.current=!0},[n,e]);return jsxRuntime.exports.jsxs("div",Object.assign({className:t.configurationContainer},{children:[jsxRuntime.exports.jsx(Divider,{variant:"fullWidth"}),n.status===LoadingStatus.Idle?null:n.status===LoadingStatus.Pending?jsxRuntime.exports.jsxs("div",Object.assign({className:t.loadingCreate},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h2"},{children:SHARED_TEXT.providerCreationCreated()})),jsxRuntime.exports.jsx(CircularProgress$1,{"data-test":"admin-center-provider-creation-loader"})]})):n.status===LoadingStatus.Failed?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$6}),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:SHARED_TEXT.providerCreationFailed()})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:n.errorMessage})),jsxRuntime.exports.jsx(Button$1,Object.assign({onClick:()=>i(actions.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 i=useStyles()["classes"],t=useDispatch(),n=useSelector(selectExistingProvider);var s=useSelector(selectOpenIdProvider);const[o,r]=react.exports.useState(0),[a,d]=react.exports.useState(s),[l,c]=react.exports.useState({name:"",description:"",websiteUrl:"",clientId:"",clientSecret:"",issuerUrl:"",btnText:"",btnLogo:"",btnColor:"",btnTextColor:"",isGlobal:!1});react.exports.useEffect(()=>{t(actions.uiState.updateOpenIdConnector(a))},[a,t]);const p=[SHARED_TEXT.loginStepsProviderConfiguration(),SHARED_TEXT.loginStepsButtonDesign()];var s=()=>{0===o&&!(()=>{let e=!0;const t={};return a.name||(t.name=SHARED_TEXT.loginStepsErrorRequired(),e=!1),a.clientId||n.id||(t.clientId=SHARED_TEXT.loginStepsErrorRequired(),e=!1),a.clientSecret||(t.clientSecret=SHARED_TEXT.loginStepsErrorRequired(),e=!1),a.issuerUrl||(t.issuerUrl=SHARED_TEXT.loginStepsErrorIssuerUrl(),e=!1),c(Object.assign(Object.assign({},l),t)),e})()||1===o&&!(()=>{let e=!0;const t={};var i="^#[A-Fa-f0-9]{6}$";return a.btnText||(t.btnText=SHARED_TEXT.loginStepsErrorBtnText(),e=!1),a.btnColor&&a.btnColor.match(i)||(t.btnColor=SHARED_TEXT.loginStepsErrorBtnColor(),e=!1),a.btnTextColor&&a.btnTextColor.match(i)||(t.btnTextColor=SHARED_TEXT.loginStepsErrorBtnColor(),e=!1),c(Object.assign(Object.assign({},l),t)),e})()||(r(e=>e+1),o===p.length-1&&t(actions.uiState.startCreateNewProvider()))},u=()=>{r(e=>e-1)};const x=react.exports.useCallback((t,i)=>{d(e=>Object.assign(Object.assign({},e),{[t]:i})),c(e=>Object.assign(Object.assign({},e),{[t]:""}))},[d,c]),g=t=>e=>{e="isGlobal"===t?e.target.checked:e.target.value;x(t,e)};return jsxRuntime.exports.jsxs("div",Object.assign({className:i.root},{children:[jsxRuntime.exports.jsx(Stepper,Object.assign({className:i.stepper,activeStep:o},{children:p.map((e,t)=>{return jsxRuntime.exports.jsx(Step,Object.assign({className:i.step},{},{children:jsxRuntime.exports.jsx(StepLabel,Object.assign({},{},{children:e}))}),t)})})),jsxRuntime.exports.jsxs("div",{children:[o===p.length&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(ProviderCreation,{handlePanelClose:e}),jsxRuntime.exports.jsxs("div",Object.assign({className:i.buttonGroup},{children:[jsxRuntime.exports.jsx(Button$1,Object.assign({"data-test":"admin-center-steps-btn-back",disabled:0===o,onClick:u,className:i.button},{children:SHARED_TEXT.loginStepsBackButton()})),jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",color:"primary",onClick:e,className:i.button,"data-test":"admin-center-steps-btn-close"},{children:SHARED_TEXT.loginStepsCloseButton()}))]}))]}),o!==p.length&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx("div",Object.assign({className:i.stepsContent},{children:function(e){switch(e){case 0:return jsxRuntime.exports.jsx(ProviderConfiguration,{errorForm:l,formData:a,handleChangeForm:g});case 1:return jsxRuntime.exports.jsx(ButtonDesign,{errorForm:l,formData:a,handleChangeForm:g,onChangeFormItem:x});default:return}}(o)})),jsxRuntime.exports.jsxs("div",Object.assign({className:i.buttonGroup},{children:[jsxRuntime.exports.jsx(Button$1,Object.assign({"data-test":"admin-center-steps-btn-back",disabled:0===o,onClick:u,className:i.button},{children:SHARED_TEXT.loginStepsBackButton()})),o===p.length-1?jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",color:"primary",onClick:s,className:i.button,"data-test":"admin-center-steps-btn-create"},{children:n.id?SHARED_TEXT.loginStepsUpdateButton():SHARED_TEXT.loginStepsCreateButton()})):jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",color:"primary",onClick:s,className:i.button,"data-test":"admin-center-steps-btn-next"},{children:SHARED_TEXT.loginStepsNextButton()}))]}))]})]})]}))},ConnectorError=()=>{var e=useStyles()["classes"];const t=useDispatch(),i=useSelector(selectExistingProvider),n=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$6}),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:SHARED_TEXT.getProviderFailed()})),jsxRuntime.exports.jsx(Button$1,Object.assign({onClick:()=>t(actions.uiState.init({connectorId:i.id,appId:n.id})),className:e.retryButton,variant:"outlined",color:"primary","data-test":"admin-center-retry-button"},{children:SHARED_TEXT.providerCreationRetryButton()}))]}))},selectApiConfigs$1=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,i)=>({apiRoot:e,graphQLEndpoint:t,token:i}));var selectors=Object.freeze({__proto__:null,selectApiConfigs:selectApiConfigs$1,uiState:uiState});const MainLayout=({dataId:e,appId:t,connectorId:i,panelRendered:n})=>{var s=useStyles()["classes"];const o=useSelector(selectUIStateStatus),r=useDispatch(),a=useSelector(userSelector),{apiRoot:d,graphQLEndpoint:l,token:c}=useSelector(selectApiConfigs$1);react.exports.useEffect(()=>{o===LoadingStatus.Pending&&d&&l&&c&&a&&r(actions.uiState.init({connectorId:i,appId:t}))},[o,d,l,c,t,i,a,r]);var p=react.exports.useCallback(()=>{r(unmountPanel(e))},[r,e]);return!(d&&l&&c&&n&&a&&null!==a&&void 0!==a&&a.roles&&roleHelper(a.roles).isAdmin&&o!==LoadingStatus.Pending)?null:jsxRuntime.exports.jsxs("div",Object.assign({id:e,role:"presentation","data-test":"admin-center-widget",className:classnames(s.root)},{children:[jsxRuntime.exports.jsx(Header,{onPanelClose:p}),o===LoadingStatus.Failed&&jsxRuntime.exports.jsx(ConnectorError,{}),o===LoadingStatus.Idle&&jsxRuntime.exports.jsx(LoginConnectorSteps,{handlePanelClose:p})]}))};function __awaiter(e,r,a,d){return new(a=a||Promise)(function(i,t){function n(e){try{o(d.next(e))}catch(e){t(e)}}function s(e){try{o(d.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?i(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(n,s)}o((d=d.apply(e,r||[])).next())})}function createOpenIdProvider(t,i){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
+import{m as makeStyles,H as createSlice,cc as combineReducers,cd as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,j as jsxRuntime,bw as CacheProvider,bx as muiCache,cf as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,k as useSelector,i as useDispatch,ez as userSelector,r as react,cn as unmountPanel,x as classNames,T as Typography,a8 as Tooltip,a9 as IconButton,bU as Hide,at as Button,a7 as Divider,fm as img$6,a2 as all,F as FormattedMessage,af as takeLatest$1,w as TextField,S as Switch,bD as CircularProgress$1,ai as select,M as preferredLanguageSelector,ak as call,ah as put,bV as showMessage,bW as MessageSeverity,bH as Icon,cv as Upload,bO as FormHelperText$2,b4 as AIWareFormatMessage,p as lodash,cB as baseGraphQLApiWithError}from"./js-core.esm.js";import{d as default_1}from"./js-core.esm42.js";import{S as Stepper,a as Step,b as StepLabel}from"./js-core.esm40.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}}();var useStyles=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:"100vh - 195px"},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:"5px",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 LoadingStatus,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()["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="adminCenter",LoginPrefix="Log in with ";function isImage(e){e=e.type;return["image/jpeg","image/png","image/svg+xml"].includes(e)}!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{});const ImageInput=({logoUrl:e,onChangeFormItem:t})=>{var i=useStyles()["classes"];const n=react.exports.useRef(null),[s,o]=react.exports.useState(e),[r,a]=react.exports.useState(!1);react.exports.useEffect(()=>{t("btnLogo",s)},[s,t]);return jsxRuntime.exports.jsxs("div",Object.assign({className:i.inputContainer},{children:[jsxRuntime.exports.jsx("input",{ref:n,id:"logo-input",name:"logo-input",type:"file",accept:"image/*",onChange:e=>{e=lodash.exports.get(e,"target.files[0]",null);if(null!==n.current&&(n.current.value=""),isImage(e)&&e.size<=3e5){var t=e=>{"string"==typeof e&&o(e),a(!1)};const i=new FileReader;i.readAsDataURL(e),i.onload=function(){t(i.result)},i.onerror=function(e){a(!0),console.log("Error: ",e)}}else a(!0)},className:i.fileInput,"aria-label":"Upload Logo"}),jsxRuntime.exports.jsx("div",Object.assign({className:i.imageWrapper,role:"button"},{children:s?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("img",{"data-test":"admin-center-image-loaded",src:s,alt:"logo",className:i.inputLogo}),jsxRuntime.exports.jsx(Icon,{"data-test":"admin-center-remove-image","aria-label":"Remove Image",fontSize:"large",className:i.removeBtn,onClick:()=>{a(!1),o("")},component:default_1})]}):jsxRuntime.exports.jsx(Icon,{onClick:()=>{null!==n.current&&n.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:r},{children:r?SHARED_TEXT.loginStepsErrorBtnLogo():""}))]}))},ButtonDesign=({formData:e,errorForm:t,onChangeFormItem:i,handleChangeForm:n})=>{const s=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:s.configurationContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.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:s.previewButtonContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:s.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:s.previewButton},{children:[e.btnLogo?jsxRuntime.exports.jsx("img",{"data-test":"admin-center-preview-logo",alt:"previewLogo",className:s.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:s.container},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:s.designContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"admin-center-button-logo",className:s.logoContainer},{children:[jsxRuntime.exports.jsx(ImageInput,{onChangeFormItem:i,logoUrl:null!=e&&e.btnLogo?null==e?void 0:e.btnLogo:""}),jsxRuntime.exports.jsx("div",Object.assign({className:s.buttonPreviewLabel},{children:SHARED_TEXT.buttonLogo()}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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:s.textFieldButtonDesign,value:null==e?void 0:e.btnText,onChange:n("btnText"),error:""!==t.btnText}),jsxRuntime.exports.jsx("div",Object.assign({className:s.colorBlocksContainer},{children:["#FB8C00","#FFB300","#00897B","#43A047","#039BE5","#1E88E5","#ADB8C2","#E53935","#D81B60","#8E24AA"].map(e=>jsxRuntime.exports.jsx("div",{className:s.colorBlock,style:{backgroundColor:e},onClick:()=>i("btnColor",""+e)},e))})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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:s.textFieldHexButtonDesign,value:null==e?void 0:e.btnColor,onChange:n("btnColor"),error:""!==t.btnColor,InputProps:{classes:{input:s.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:s.textFieldHexButtonDesign,value:null==e?void 0:e.btnTextColor,onChange:n("btnTextColor"),error:""!==t.btnTextColor,InputProps:{classes:{input:s.inputBase}},size:"small"})]}))]}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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){const t={isSuperAdmin:!1,isAdmin:!1};return e&&(0<=e.indexOf("superadmin")&&(t.isSuperAdmin=!0),0<=e.indexOf("admin")&&(t.isAdmin=!0)),t}const namespace$1="uiState",initialState={status:LoadingStatus.Pending,openIdProvider:{name:"",description:"",websiteUrl:"",clientId:"",clientSecret:"",issuerUrl:"",btnText:"",btnLogo:"",btnColor:"#FFFFFF",btnTextColor:"#000000",isGlobal:!1},appId:{id:""},existingOpenIdProvider:{id:""},newProvider:{status:LoadingStatus.Idle,errorMessage:""}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{init(e,{payload:t}){e.status=LoadingStatus.Pending,e.existingOpenIdProvider.id=t.connectorId,e.appId.id=t.appId},initDone(e){e.status=LoadingStatus.Idle},initFailed(e){e.status=LoadingStatus.Failed},updateAppId(e,{payload:t}){e.appId=t},updateOpenIdConnector(e,{payload:t}){e.openIdProvider=t},startCreateNewProvider(e){e.newProvider.status=LoadingStatus.Pending},createNewProviderSuccess(e){e.newProvider.status=LoadingStatus.Idle,e.openIdProvider=initialState.openIdProvider},createNewProviderFailed(e,{payload:t}){e.newProvider={status:t.status,errorMessage:t.errorMessage}}}}),actions$1=slice.actions;var uiState$1=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$1]:actions$1},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:i})=>{var n=useStyles()["classes"],s=useSelector(userSelector),o=roleHelper(s.roles||null),r=useSelector(selectExistingProvider),s=null==(s=null==s?void 0:s.organization)?void 0:s.organizationId;return jsxRuntime.exports.jsx("div",Object.assign({className:n.configurationContainer},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:n.container},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"admin-center-provider-instructions",variant:"body2",color:"textPrimary"},{children:r.id?SHARED_TEXT.providerUpdateInstructions():SHARED_TEXT.providerInstructions()})),jsxRuntime.exports.jsx(Typography,Object.assign({className:n.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:n.textField,value:null==e?void 0:e.name,onChange:i("name"),error:""!==t.name,helperText:t.name}),jsxRuntime.exports.jsx("div",{className:n.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:n.textField,value:null==e?void 0:e.description,onChange:i("description"),error:""!==t.description,helperText:t.description,inputProps:{maxLength:100}}),jsxRuntime.exports.jsx("div",{className:n.spacer}),jsxRuntime.exports.jsx(TextField,{id:"websiteUrl","data-test":"admin-center-input-websiteUrl",autoComplete:"off",label:SHARED_TEXT.providerInputWebsiteUrl(),variant:"outlined",className:n.textField,value:null==e?void 0:e.websiteUrl,onChange:i("websiteUrl"),error:""!==t.websiteUrl,helperText:t.websiteUrl}),jsxRuntime.exports.jsx(Divider,{variant:"fullWidth"}),jsxRuntime.exports.jsx(Typography,Object.assign({className:n.sections,variant:"h6",color:"textPrimary"},{children:SHARED_TEXT.providerSectionClient()})),!r.id&&jsxRuntime.exports.jsx(TextField,{required:!0,id:"clientId","data-test":"admin-center-input-clientId",autoComplete:"off",label:SHARED_TEXT.providerInputClientId(),variant:"outlined",className:n.textField,value:null==e?void 0:e.clientId,onChange:i("clientId"),error:""!==t.clientId,helperText:t.clientId}),jsxRuntime.exports.jsx("div",{className:n.spacer}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"clientSecret","data-test":"admin-center-input-clientSecret",autoComplete:"off",label:SHARED_TEXT.providerInputClientSecret(),variant:"outlined",className:n.textField,value:null==e?void 0:e.clientSecret,onChange:i("clientSecret"),error:""!==t.clientSecret,helperText:t.clientSecret}),jsxRuntime.exports.jsx("div",{className:n.spacer}),jsxRuntime.exports.jsx(TextField,{required:!0,id:"issuerUrl","data-test":"admin-center-input-issuerUrl",autoComplete:"off",label:SHARED_TEXT.providerInputIssuerUrl(),variant:"outlined",className:n.textField,value:null==e?void 0:e.issuerUrl,onChange:i("issuerUrl"),error:""!==t.issuerUrl,helperText:t.issuerUrl}),jsxRuntime.exports.jsx("div",{className:n.spacer}),!r.id&&o.isSuperAdmin&&7682===s&&jsxRuntime.exports.jsxs("div",Object.assign({className:n.isGlobalContainer},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:n.isGlobalTitle,variant:"h6"},{children:SHARED_TEXT.providerGlobalTitle()})),jsxRuntime.exports.jsx(Typography,Object.assign({className:n.isGlobalDescription,variant:"body2"},{children:SHARED_TEXT.providerGlobalDescription()}))]}),jsxRuntime.exports.jsx(Switch,{"data-test":"admin-center-isglobal-switch",value:e.isGlobal,onChange:i("isGlobal")})]}))]}))}))},ProviderCreation=({handlePanelClose:e})=>{const t=useStyles()["classes"],i=useDispatch(),n=useSelector(selectCreateNewProvider),s=react.exports.useRef(!1);react.exports.useEffect(()=>{s.current&&n.status===LoadingStatus.Idle&&e(),s.current=!0},[n,e]);return jsxRuntime.exports.jsxs("div",Object.assign({className:t.configurationContainer},{children:[jsxRuntime.exports.jsx(Divider,{variant:"fullWidth"}),n.status===LoadingStatus.Idle?null:n.status===LoadingStatus.Pending?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$1,{"data-test":"admin-center-provider-creation-loader"})]})):n.status===LoadingStatus.Failed?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$6}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:SHARED_TEXT.providerCreationFailed()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:n.errorMessage})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>i(actions.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 i=useStyles()["classes"],t=useDispatch(),n=useSelector(selectExistingProvider);var s=useSelector(selectOpenIdProvider);const[o,r]=react.exports.useState(0),[a,d]=react.exports.useState(s),[l,c]=react.exports.useState({name:"",description:"",websiteUrl:"",clientId:"",clientSecret:"",issuerUrl:"",btnText:"",btnLogo:"",btnColor:"",btnTextColor:"",isGlobal:!1});react.exports.useEffect(()=>{t(actions.uiState.updateOpenIdConnector(a))},[a,t]);const p=[SHARED_TEXT.loginStepsProviderConfiguration(),SHARED_TEXT.loginStepsButtonDesign()];var s=()=>{0===o&&!(()=>{let e=!0;const t={};return a.name||(t.name=SHARED_TEXT.loginStepsErrorRequired(),e=!1),a.clientId||n.id||(t.clientId=SHARED_TEXT.loginStepsErrorRequired(),e=!1),a.clientSecret||(t.clientSecret=SHARED_TEXT.loginStepsErrorRequired(),e=!1),a.issuerUrl||(t.issuerUrl=SHARED_TEXT.loginStepsErrorIssuerUrl(),e=!1),c(Object.assign(Object.assign({},l),t)),e})()||1===o&&!(()=>{let e=!0;const t={};var i="^#[A-Fa-f0-9]{6}$";return a.btnText||(t.btnText=SHARED_TEXT.loginStepsErrorBtnText(),e=!1),a.btnColor&&a.btnColor.match(i)||(t.btnColor=SHARED_TEXT.loginStepsErrorBtnColor(),e=!1),a.btnTextColor&&a.btnTextColor.match(i)||(t.btnTextColor=SHARED_TEXT.loginStepsErrorBtnColor(),e=!1),c(Object.assign(Object.assign({},l),t)),e})()||(r(e=>e+1),o===p.length-1&&t(actions.uiState.startCreateNewProvider()))},u=()=>{r(e=>e-1)};const x=react.exports.useCallback((t,i)=>{d(e=>Object.assign(Object.assign({},e),{[t]:i})),c(e=>Object.assign(Object.assign({},e),{[t]:""}))},[d,c]),g=t=>e=>{e="isGlobal"===t?e.target.checked:e.target.value;x(t,e)};return jsxRuntime.exports.jsxs("div",Object.assign({className:i.root},{children:[jsxRuntime.exports.jsx(Stepper,Object.assign({className:i.stepper,activeStep:o},{children:p.map((e,t)=>{return jsxRuntime.exports.jsx(Step,Object.assign({className:i.step},{},{children:jsxRuntime.exports.jsx(StepLabel,Object.assign({},{},{children:e}))}),t)})})),jsxRuntime.exports.jsxs("div",{children:[o===p.length&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(ProviderCreation,{handlePanelClose:e}),jsxRuntime.exports.jsxs("div",Object.assign({className:i.buttonGroup},{children:[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"admin-center-steps-btn-back",disabled:0===o,onClick:u,className:i.button},{children:SHARED_TEXT.loginStepsBackButton()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:e,className:i.button,"data-test":"admin-center-steps-btn-close"},{children:SHARED_TEXT.loginStepsCloseButton()}))]}))]}),o!==p.length&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx("div",Object.assign({className:i.stepsContent},{children:function(e){switch(e){case 0:return jsxRuntime.exports.jsx(ProviderConfiguration,{errorForm:l,formData:a,handleChangeForm:g});case 1:return jsxRuntime.exports.jsx(ButtonDesign,{errorForm:l,formData:a,handleChangeForm:g,onChangeFormItem:x});default:return}}(o)})),jsxRuntime.exports.jsxs("div",Object.assign({className:i.buttonGroup},{children:[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"admin-center-steps-btn-back",disabled:0===o,onClick:u,className:i.button},{children:SHARED_TEXT.loginStepsBackButton()})),o===p.length-1?jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:s,className:i.button,"data-test":"admin-center-steps-btn-create"},{children:n.id?SHARED_TEXT.loginStepsUpdateButton():SHARED_TEXT.loginStepsCreateButton()})):jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:s,className:i.button,"data-test":"admin-center-steps-btn-next"},{children:SHARED_TEXT.loginStepsNextButton()}))]}))]})]})]}))},ConnectorError=()=>{var e=useStyles()["classes"];const t=useDispatch(),i=useSelector(selectExistingProvider),n=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$6}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:SHARED_TEXT.getProviderFailed()})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>t(actions.uiState.init({connectorId:i.id,appId:n.id})),className:e.retryButton,variant:"outlined",color:"primary","data-test":"admin-center-retry-button"},{children:SHARED_TEXT.providerCreationRetryButton()}))]}))},selectApiConfigs$1=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,i)=>({apiRoot:e,graphQLEndpoint:t,token:i}));var selectors=Object.freeze({__proto__:null,selectApiConfigs:selectApiConfigs$1,uiState:uiState});const MainLayout=({dataId:e,appId:t,connectorId:i,panelRendered:n})=>{var s=useStyles()["classes"];const o=useSelector(selectUIStateStatus),r=useDispatch(),a=useSelector(userSelector),{apiRoot:d,graphQLEndpoint:l,token:c}=useSelector(selectApiConfigs$1);react.exports.useEffect(()=>{o===LoadingStatus.Pending&&d&&l&&c&&a&&r(actions.uiState.init({connectorId:i,appId:t}))},[o,d,l,c,t,i,a,r]);var p=react.exports.useCallback(()=>{r(unmountPanel(e))},[r,e]);return!(d&&l&&c&&n&&a&&null!==a&&void 0!==a&&a.roles&&roleHelper(a.roles).isAdmin&&o!==LoadingStatus.Pending)?null:jsxRuntime.exports.jsxs("div",Object.assign({id:e,role:"presentation","data-test":"admin-center-widget",className:classNames(s.root)},{children:[jsxRuntime.exports.jsx(Header,{onPanelClose:p}),o===LoadingStatus.Failed&&jsxRuntime.exports.jsx(ConnectorError,{}),o===LoadingStatus.Idle&&jsxRuntime.exports.jsx(LoginConnectorSteps,{handlePanelClose:p})]}))};function __awaiter(e,r,a,d){return new(a=a||Promise)(function(i,t){function n(e){try{o(d.next(e))}catch(e){t(e)}}function s(e){try{o(d.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?i(e.value):((t=e.value)instanceof a?t:new a(function(e){e(t)})).then(n,s)}o((d=d.apply(e,r||[])).next())})}function createOpenIdProvider(t,i){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
     mutation createNewOpenIdProvider($input: CreateOpenIdProvider!){
       createOpenIdProvider(input: $input){
         name