aiware-js 2.23.0 → 2.25.1

package/js-core.esm44.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,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,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,{})})),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};
+import{g as generateUtilityClass,a as generateUtilityClasses,b as styled,_ as _extends,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,fW as StepperContext,j as jsxRuntime,f as clsx,fX as StepContext,h as composeClasses,bZ as createSvgIcon,d3 as SvgIcon,fQ as StepConnector}from"./js-core.esm.js";function getStepUtilityClass(e){return generateUtilityClass("MuiStep",e)}generateUtilityClasses("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);const _excluded$3=["active","children","className","completed","disabled","expanded","index","last"],useUtilityClasses$3=e=>{var{classes:e,orientation:t,alternativeLabel:a,completed:o}=e;return composeClasses({root:["root",t,a&&"alternativeLabel",o&&"completed"]},getStepUtilityClass,e)},StepRoot=styled("div",{name:"MuiStep",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t[e.orientation],e.alternativeLabel&&t.alternativeLabel,e.completed&&t.completed]}})(({ownerState:e})=>_extends({},"horizontal"===e.orientation&&{paddingLeft:8,paddingRight:8},e.alternativeLabel&&{flex:1,position:"relative"})),Step=react.exports.forwardRef(function(e,t){e=useThemeProps({props:e,name:"MuiStep"});const{active:a,children:o,className:r,completed:s,disabled:n,expanded:l=!1,index:i,last:c}=e,p=_objectWithoutPropertiesLoose(e,_excluded$3);var{activeStep:d,connector:x,alternativeLabel:m,orientation:u,nonLinear:S}=react.exports.useContext(StepperContext);let[v=!1,b=!1,C=!1]=[a,s,n];d===i?v=void 0===a||a:!S&&d>i?b=void 0===s||s:!S&&d<i&&(C=void 0===n||n);S=react.exports.useMemo(()=>({index:i,last:c,expanded:l,icon:i+1,active:v,completed:b,disabled:C}),[i,c,l,v,b,C]),d=_extends({},e,{active:v,orientation:u,alternativeLabel:m,completed:b,disabled:C,expanded:l}),e=useUtilityClasses$3(d),u=jsxRuntime.exports.jsxs(StepRoot,_extends({className:clsx(e.root,r),ref:t,ownerState:d},p,{children:[x&&m&&0!==i?x:null,o]}));return jsxRuntime.exports.jsx(StepContext.Provider,{value:S,children:x&&!m&&0!==i?jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[x,u]}):u})});var Step$1=Step,CheckCircle=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"}),"CheckCircle"),Warning=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");function getStepIconUtilityClass(e){return generateUtilityClass("MuiStepIcon",e)}const stepIconClasses=generateUtilityClasses("MuiStepIcon",["root","active","completed","error","text"]);var _circle,stepIconClasses$1=stepIconClasses;const _excluded$2=["active","className","completed","error","icon"],useUtilityClasses$2=e=>{var{classes:e,active:t,completed:a,error:o}=e;return composeClasses({root:["root",t&&"active",a&&"completed",o&&"error"],text:["text"]},getStepIconUtilityClass,e)},StepIconRoot=styled(SvgIcon,{name:"MuiStepIcon",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({display:"block",transition:e.transitions.create("color",{duration:e.transitions.duration.shortest}),color:e.palette.text.disabled,["&."+stepIconClasses$1.completed]:{color:e.palette.primary.main},["&."+stepIconClasses$1.active]:{color:e.palette.primary.main},["&."+stepIconClasses$1.error]:{color:e.palette.error.main}})),StepIconText=styled("text",{name:"MuiStepIcon",slot:"Text",overridesResolver:(e,t)=>t.text})(({theme:e})=>({fill:e.palette.primary.contrastText,fontSize:e.typography.caption.fontSize,fontFamily:e.typography.fontFamily})),StepIcon=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiStepIcon"}),{active:a=!1,className:o,completed:r=!1,error:s=!1,icon:n}=e,l=_objectWithoutPropertiesLoose(e,_excluded$2),e=_extends({},e,{active:a,completed:r,error:s}),a=useUtilityClasses$2(e);return"number"==typeof n||"string"==typeof n?(o=clsx(o,a.root),s?jsxRuntime.exports.jsx(StepIconRoot,_extends({as:Warning,className:o,ref:t,ownerState:e},l)):r?jsxRuntime.exports.jsx(StepIconRoot,_extends({as:CheckCircle,className:o,ref:t,ownerState:e},l)):jsxRuntime.exports.jsxs(StepIconRoot,_extends({className:o,ref:t,ownerState:e},l,{children:[_circle=_circle||jsxRuntime.exports.jsx("circle",{cx:"12",cy:"12",r:"12"}),jsxRuntime.exports.jsx(StepIconText,{className:a.text,x:"12",y:"16",textAnchor:"middle",ownerState:e,children:n})]}))):n});var StepIcon$1=StepIcon;function getStepLabelUtilityClass(e){return generateUtilityClass("MuiStepLabel",e)}const stepLabelClasses=generateUtilityClasses("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]);var stepLabelClasses$1=stepLabelClasses;const _excluded$1=["children","className","componentsProps","error","icon","optional","StepIconComponent","StepIconProps"],useUtilityClasses$1=e=>{var{classes:e,orientation:t,active:a,completed:o,error:r,disabled:s,alternativeLabel:n}=e;return composeClasses({root:["root",t,r&&"error",s&&"disabled",n&&"alternativeLabel"],label:["label",a&&"active",o&&"completed",r&&"error",s&&"disabled",n&&"alternativeLabel"],iconContainer:["iconContainer",n&&"alternativeLabel"],labelContainer:["labelContainer"]},getStepLabelUtilityClass,e)},StepLabelRoot=styled("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t[e.orientation]]}})(({ownerState:e})=>_extends({display:"flex",alignItems:"center",["&."+stepLabelClasses$1.alternativeLabel]:{flexDirection:"column"},["&."+stepLabelClasses$1.disabled]:{cursor:"default"}},"vertical"===e.orientation&&{textAlign:"left",padding:"8px 0"})),StepLabelLabel=styled("span",{name:"MuiStepLabel",slot:"Label",overridesResolver:(e,t)=>t.label})(({theme:e})=>_extends({},e.typography.body2,{display:"block",transition:e.transitions.create("color",{duration:e.transitions.duration.shortest}),["&."+stepLabelClasses$1.active]:{color:e.palette.text.primary,fontWeight:500},["&."+stepLabelClasses$1.completed]:{color:e.palette.text.primary,fontWeight:500},["&."+stepLabelClasses$1.alternativeLabel]:{textAlign:"center",marginTop:16},["&."+stepLabelClasses$1.error]:{color:e.palette.error.main}})),StepLabelIconContainer=styled("span",{name:"MuiStepLabel",slot:"IconContainer",overridesResolver:(e,t)=>t.iconContainer})(()=>({flexShrink:0,display:"flex",paddingRight:8,["&."+stepLabelClasses$1.alternativeLabel]:{paddingRight:0}})),StepLabelLabelContainer=styled("span",{name:"MuiStepLabel",slot:"LabelContainer",overridesResolver:(e,t)=>t.labelContainer})(({theme:e})=>({width:"100%",color:e.palette.text.secondary})),StepLabel=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiStepLabel"}),{children:a,className:o,componentsProps:r={},error:s=!1,icon:n,optional:l,StepIconComponent:i,StepIconProps:c}=e,p=_objectWithoutPropertiesLoose(e,_excluded$1),{alternativeLabel:d,orientation:x}=react.exports.useContext(StepperContext),{active:m,disabled:u,completed:S,icon:v}=react.exports.useContext(StepContext),n=n||v;let b=i;n&&!b&&(b=StepIcon$1);v=_extends({},e,{active:m,alternativeLabel:d,completed:S,disabled:u,error:s,orientation:x}),i=useUtilityClasses$1(v);return jsxRuntime.exports.jsxs(StepLabelRoot,_extends({className:clsx(i.root,o),ref:t,ownerState:v},p,{children:[n||b?jsxRuntime.exports.jsx(StepLabelIconContainer,{className:i.iconContainer,ownerState:v,children:jsxRuntime.exports.jsx(b,_extends({completed:S,active:m,error:s,icon:n},c))}):null,jsxRuntime.exports.jsxs(StepLabelLabelContainer,{className:i.labelContainer,ownerState:v,children:[a?jsxRuntime.exports.jsx(StepLabelLabel,_extends({className:i.label,ownerState:v},r.label,{children:a})):null,l]})]}))});StepLabel.muiName="StepLabel";var StepLabel$1=StepLabel;function getStepperUtilityClass(e){return generateUtilityClass("MuiStepper",e)}generateUtilityClasses("MuiStepper",["root","horizontal","vertical","alternativeLabel"]);const _excluded=["activeStep","alternativeLabel","children","className","connector","nonLinear","orientation"],useUtilityClasses=e=>{var{orientation:e,alternativeLabel:t,classes:a}=e;return composeClasses({root:["root",e,t&&"alternativeLabel"]},getStepperUtilityClass,a)},StepperRoot=styled("div",{name:"MuiStepper",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t[e.orientation],e.alternativeLabel&&t.alternativeLabel]}})(({ownerState:e})=>_extends({display:"flex"},"horizontal"===e.orientation&&{flexDirection:"row",alignItems:"center"},"vertical"===e.orientation&&{flexDirection:"column"},e.alternativeLabel&&{alignItems:"flex-start"})),defaultConnector=jsxRuntime.exports.jsx(StepConnector,{}),Stepper=react.exports.forwardRef(function(e,t){e=useThemeProps({props:e,name:"MuiStepper"});const{activeStep:a=0,alternativeLabel:o=!1,children:r,className:s,connector:n=defaultConnector,nonLinear:l=!1,orientation:i="horizontal"}=e,c=_objectWithoutPropertiesLoose(e,_excluded);var e=_extends({},e,{alternativeLabel:o,orientation:i}),p=useUtilityClasses(e);const d=react.exports.Children.toArray(r).filter(Boolean);var x=d.map((e,t)=>react.exports.cloneElement(e,_extends({index:t,last:t+1===d.length},e.props))),m=react.exports.useMemo(()=>({activeStep:a,alternativeLabel:o,connector:n,nonLinear:l,orientation:i}),[a,o,n,l,i]);return jsxRuntime.exports.jsx(StepperContext.Provider,{value:m,children:jsxRuntime.exports.jsx(StepperRoot,_extends({ownerState:e,className:clsx(p.root,s),ref:t},c,{children:x}))})});var Stepper$1=Stepper;export{Stepper$1 as S,Step$1 as a,StepLabel$1 as b};

package/js-core.esm45.js

@@ -1,31 +1 @@
-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,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.esm43.js";import{S as Stepper,a as Step,b as StepLabel}from"./js-core.esm41.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,{"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
-        id
-  }
-}
-  `,operationName:"createNewOpenIdProvider",variables:{input:i}},t));return Object.assign({},e.createOpenIdProvider)})}function getOpenIdProvider(t,i){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
-    query getOpenIdProvider($id: ID!){
-      openIdProvider(id: $id){
-        name,
-        description,
-        websiteUrl,
-        loginUrl
-        loginButtonStyle{
-          btnText,
-          btnTextColor,
-          btnColor,
-          btnLogo
-        },
-    isGlobal
-  }
-}
-  `,operationName:"getOpenIdProvider",variables:i},t));return Object.assign({},e.openIdProvider)})}function updateOpenIdProvider(t,i){return __awaiter(this,void 0,void 0,function*(){var e=yield baseGraphQLApiWithError(Object.assign({query:`
-    mutation updateExistingOpenIdProvider($input: UpdateOpenIdProvider!){
-      updateOpenIdProvider(input: $input){
-        name
-        id
-  }
-}
-  `,operationName:"updateExistingOpenIdProvider",variables:{input:i}},t));return Object.assign({},e.updateOpenIdProvider)})}const selectApiConfigs=selectors["selectApiConfigs"];function*initAdminCenter(){var e,t,i,n,s=yield select(selectUIStateStatus),o=yield select(preferredLanguageSelector);const r=AIWareFormatMessage(o);if(s===LoadingStatus.Pending){o=yield select(selectExistingProvider);if(o.id){s=yield select(selectApiConfigs);try{var a=yield call(getOpenIdProvider,s,o),d={name:(null==a?void 0:a.name)||"",description:(null==a?void 0:a.description)||"",websiteUrl:(null==a?void 0:a.websiteUrl)||"",clientId:(null==a?void 0:a.clientId)||"",clientSecret:(null==a?void 0:a.clientSecret)||"",issuerUrl:(null==a?void 0:a.issuerUrl)||"",btnText:(null==(e=null==a?void 0:a.loginButtonStyle)?void 0:e.btnText.replace(LoginPrefix,""))||"",btnLogo:(null==(t=null==a?void 0:a.loginButtonStyle)?void 0:t.btnLogo)||"",btnColor:(null==(i=null==a?void 0:a.loginButtonStyle)?void 0:i.btnColor)||"#FFFFFF",btnTextColor:(null==(n=null==a?void 0:a.loginButtonStyle)?void 0:n.btnTextColor)||"#000000",isGlobal:(null==a?void 0:a.isGlobal)||!1};yield put(actions.uiState.updateOpenIdConnector(d)),yield put(actions.uiState.initDone())}catch(e){yield put(showMessage({content:r({id:"os-admin-center.snackbar.loginConnectorError",defaultMessage:[{type:0,value:"Login Connector could not Found"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.initFailed())}}else yield put(actions.uiState.initDone())}}function*newProviderCreateOrUpdate(){var t=uiState["selectOpenIdProvider"],i=yield select(selectExistingProvider),n=yield select(selectApiConfigs),t=yield select(t),s=yield select(preferredLanguageSelector);const o=AIWareFormatMessage(s);var s=LoginPrefix+t.btnText,t=Object.assign(Object.assign({},t),{btnText:s});try{let e=o({id:"os-admin-center.snackbar.loginConnectorCreated",defaultMessage:[{type:0,value:"Login Connector Created"}]});if(i.id){const r=Object.assign(Object.assign({},t),i);delete r.clientId,delete r.isGlobal,yield call(updateOpenIdProvider,n,r),e=o({id:"os-admin-center.snackbar.loginConnectorUpdated",defaultMessage:[{type:0,value:"Login Connector Updated"}]})}else yield call(createOpenIdProvider,n,t);yield put(showMessage({content:e,severity:MessageSeverity.Success})),yield put(actions.uiState.createNewProviderSuccess())}catch(e){s=(null==e?void 0:e.message)||"",yield put(actions.uiState.createNewProviderFailed({status:LoadingStatus.Failed,errorMessage:s}));n=i.id?o({id:"os-admin-center.snackbar.loginConnectorNotUpdated",defaultMessage:[{type:0,value:"Login Connector could not be Updated"}]}):o({id:"os-admin-center.snackbar.loginConnectorNotCreated",defaultMessage:[{type:0,value:"Login Connector could not be created"}]});yield put(showMessage({content:n,severity:MessageSeverity.Error}))}}function*watchAdminCenterInit(){yield takeLatest$1(actions.uiState.init.type,initAdminCenter)}function*watchCreateNewProvider(){yield takeLatest$1(actions.uiState.startCreateNewProvider.type,newProviderCreateOrUpdate)}function*rootSaga(){yield all([watchAdminCenterInit(),watchCreateNewProvider()])}function getAdminCenterOpenIdModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const AdminCenterOpenId=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAdminCenterOpenIdModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}))})}));export{AdminCenterOpenId};
+import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,H as createSlice,D as createAction,cc as combineReducers,cd as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,dh as channel,m as makeStyles,dj as VideoCamera,dk as Image,dl as Sound,dm as Description,bv as CacheProvider,bw as muiCache,cf as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,r as react,k as useSelector,M as preferredLanguageSelector,fY as initialConfigSelector,eG as authSelector,i as useDispatch,x as classNames,B as Box$1,q as Alert,T as Typography,F as FormattedMessage,a8 as Tooltip,a9 as IconButton,ch as Close,a2 as all,Z as List,G as Grid,at as Button,aR as Dialog,aS as DialogTitle,aT as DialogContent,cr as DialogContentText,aU as DialogActions,fZ as ConfirmationModal,bT as Hide,bL as Avatar,fD as FolderOpen,f_ as EnumHelpers,bU as showMessage,bV as MessageSeverity,dz as guid,cq as mountPanel,w as TextField,af as takeLatest$1,d5 as takeEvery$1,d8 as take,ah as put,dr as UnknownDocument,$ as ListItem,eL as ListItemAvatar,a1 as ListItemText,f$ as formatBytes,eQ as ListItemSecondaryAction,cu as Edit,cw as Delete,g0 as NotInterested,a7 as Divider,b4 as AIWareFormatMessage,g1 as mountPanelForResponse,s as store,ai as select,ak as call,ds as sdkEventManager,dt as SdkEvents,du as SdkError,eV as panelsSelector,ec as hidePanel,cC as baseGraphQLApiWithError}from"./js-core.esm.js";import{selectors,actions as actions$4}from"./js-core.esm37.js";import{getAdminCenterPermissionsModule,PermissionsWidget,setACLsOnResources}from"./js-core.esm39.js";import{d as default_1$4}from"./js-core.esm46.js";import{C as Card}from"./js-core.esm9.js";import{C as Chip$1}from"./js-core.esm28.js";import{L as LinearProgress}from"./js-core.esm34.js";import"./js-core.esm25.js";import"./js-core.esm38.js";import"./js-core.esm29.js";import"./js-core.esm27.js";import"./js-core.esm40.js";import"./js-core.esm41.js";import"./js-core.esm12.js";import"./js-core.esm18.js";import"./js-core.esm17.js";import"./js-core.esm42.js";import"./js-core.esm22.js";import"./js-core.esm43.js";import"./js-core.esm8.js";import"./js-core.esm44.js";import"./js-core.esm35.js";var LoadingStatus,ImporterView,FileItemTypeNames,MimeType,AddCircleOutline={},_interopRequireDefault$3=interopRequireDefault.exports,default_1$3=(Object.defineProperty(AddCircleOutline,"__esModule",{value:!0}),AddCircleOutline.default=void 0),_createSvgIcon$3=_interopRequireDefault$3(createSvgIcon),_jsxRuntime$3=jsxRuntime.exports,_default$3=(0,_createSvgIcon$3.default)((0,_jsxRuntime$3.jsx)("path",{d:"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"AddCircleOutline"),default_1$3=AddCircleOutline.default=_default$3,ErrorOutline={},_interopRequireDefault$2=interopRequireDefault.exports,default_1$2=(Object.defineProperty(ErrorOutline,"__esModule",{value:!0}),ErrorOutline.default=void 0),_createSvgIcon$2=_interopRequireDefault$2(createSvgIcon),_jsxRuntime$2=jsxRuntime.exports,_default$2=(0,_createSvgIcon$2.default)((0,_jsxRuntime$2.jsx)("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),default_1$2=ErrorOutline.default=_default$2,RefreshOutlined={},_interopRequireDefault$1=interopRequireDefault.exports,default_1$1=(Object.defineProperty(RefreshOutlined,"__esModule",{value:!0}),RefreshOutlined.default=void 0),_createSvgIcon$1=_interopRequireDefault$1(createSvgIcon),_jsxRuntime$1=jsxRuntime.exports,_default$1=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),"RefreshOutlined"),default_1$1=RefreshOutlined.default=_default$1,CloudUploadOutlined={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(CloudUploadOutlined,"__esModule",{value:!0}),CloudUploadOutlined.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"}),"CloudUploadOutlined"),default_1=CloudUploadOutlined.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="dataCenterImporter",DEFAULT_ACCEPTABLE_FILE_TYPES=(!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),!function(e){e[e.browseFiles=0]="browseFiles",e[e.filesSelected=1]="filesSelected",e[e.folders=2]="folders"}(ImporterView=ImporterView||{}),!function(e){e.Image="image",e.Video="video",e.Audio="audio",e.Text="text"}(FileItemTypeNames=FileItemTypeNames||{}),!function(e){e.ApplicationJson="application/json",e.ApplicationMsWord="application/msword",e.ApplicationPdf="application/pdf",e.ApplicationRtf="application/rtf",e.ApplicationSmil="application/smil+xml",e.ApplicationTtml="application/ttml+xml",e.ApplicationVeritoneAion="application/vnd.veritone.aion+json",e.ApplicationMsOutlook="application/vnd.ms-outlook",e.ApplicationMsPowerpoint="application/vnd.ms-powerpoint",e.ApplicationDocument="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.ApplicationSpreadsheet="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.ApplicationPresentation="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.ApplicationOasisDoc="application/vnd.oasis.opendocument.text",e.ApplicationOasisSpreadsheet="application/vnd.oasis.opendocument.spreadsheet",e.ApplicationXFlv="application/x-flv",e.ApplicationXml="application/xml",e.ApplicationFormUrlEncoded="application/x-www-form-urlencoded",e.ImageJpeg="image/jpeg",e.ImagePng="image/png",e.ImageTiff="image/tiff",e.ImageGig="image/gif",e.TextPlain="text/plain",e.TextHtml="text/html",e.TextCsv="text/csv",e.TextPlainCharset="text/plain; charset=utf-8",e.AudioAac="audio/aac",e.AudioFlac="audio/flac",e.AudioMidi="audio/midi",e.AudioMp4="audio/mp4",e.AudioMpeg="audio/mpeg",e.AudioWav="audio/wav",e.AudioXWav="audio/x-wav",e.AudioWebm="audio/webm",e.VideoMp4="video/mp4",e.VideoMpeg="video/mpeg",e.VideoOgg="video/ogg",e.VideoQuicktime="video/quicktime",e.VideoWebm="video/webm",e.VideoM4v="video/x-m4v",e.VideoMsWmv="video/x-ms-wmv",e.VideoMsvideo="video/x-msvideo",e.Message="message/rfc822"}(MimeType=MimeType||{}),[{name:"Image",type:FileItemTypeNames.Image,extensions:[MimeType.ImageJpeg,MimeType.ImagePng,MimeType.ImageTiff,MimeType.ImageGig]},{name:"Video",type:FileItemTypeNames.Video,extensions:[MimeType.VideoMp4,MimeType.VideoMpeg,MimeType.VideoOgg,MimeType.VideoQuicktime,MimeType.VideoWebm,MimeType.VideoM4v,MimeType.VideoMsWmv,MimeType.VideoMsvideo]},{name:"Audio",type:FileItemTypeNames.Audio,extensions:[MimeType.AudioAac,MimeType.AudioFlac,MimeType.AudioMidi,MimeType.AudioMp4,MimeType.AudioMpeg,MimeType.AudioWav,MimeType.AudioXWav,MimeType.AudioWebm]},{name:"Documents",type:FileItemTypeNames.Text,extensions:[MimeType.TextPlain,MimeType.TextHtml,MimeType.TextCsv,MimeType.TextPlainCharset,MimeType.ApplicationJson,MimeType.ApplicationMsWord,MimeType.ApplicationPdf,MimeType.ApplicationRtf,MimeType.ApplicationSmil,MimeType.ApplicationTtml,MimeType.ApplicationVeritoneAion,MimeType.ApplicationMsOutlook,MimeType.ApplicationMsPowerpoint,MimeType.ApplicationDocument,MimeType.ApplicationSpreadsheet,MimeType.ApplicationPresentation,MimeType.ApplicationOasisDoc,MimeType.ApplicationOasisSpreadsheet,MimeType.ApplicationXFlv,MimeType.ApplicationXml,MimeType.ApplicationFormUrlEncoded,MimeType.Message]}]),namespace$3="uiState",initialState$2={status:LoadingStatus.Idle,currentView:ImporterView.browseFiles},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{setCurrentView(e,{payload:t}){e.currentView=t},fileUploadFailed(e){e.status=LoadingStatus.Failed},fileUploadSucceed(e){e.status=LoadingStatus.Idle},fileUploadStart(e){e.status=LoadingStatus.Pending},fileUploadAbortFailed(e){e.status=LoadingStatus.Failed},tdoCreateStart(e,{payload:t}){e.status=LoadingStatus.Pending,console.log("Starting to create TDOs for: ",t.filesSelected.map(e=>e.id).join("\n"))},tdoCreateSucceed(e){e.status=LoadingStatus.Idle},tdoCreateFailed(e){e.status=LoadingStatus.Failed},retryTDOCreateForFiles(e,{payload:t}){e.status=LoadingStatus.Pending,console.log("Retrying to create TDOs for: ",t.filesSelected.map(e=>e.id).join("\n"))},fileMetaSaveSucceeded(e){e.status=LoadingStatus.Idle},fileMetaSaveFailed(e){e.status=LoadingStatus.Failed},fileMetaSaveIsProcessing(e){e.status=LoadingStatus.Pending},tdoPermissionsSucceeded(e){e.status=LoadingStatus.Idle},tdoPermissionsFailed(e){e.status=LoadingStatus.Failed}}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="filesSelectedState",initialState$1={files:[],tdoIds:[],permissions:{}},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{setFilesSelected(e,{payload:t}){e.files=[...e.files,...t.filesSelected]},deleteFileSelected(e,{payload:t}){var a=e.files.filter(e=>e.id!==t.id);e.files=a},deleteFailedFiles(e){var t=e.files.filter(e=>e.status!==LoadingStatus.Failed);e.files=t},updateFile(t,{payload:a}){const i=t.files.findIndex(e=>e.id===a.id);-1!==i&&Object.keys(a).forEach(e=>{t.files[i][e]=a[e]})},retryFileUpload(e,{payload:t}){console.log("Retrying the files:",t.filesSelected.map(e=>e.id).join("/n"))},abortFileUpload(e,t){},addMetadataAction(e,t){console.log("nothing")},addMetadataToSelectedFile(e,t){const{id:a,meta:i}=t.payload;e.files.forEach(e=>{e.id===a&&(e.meta=i)})},setUploadedFilesTdoIds(e,t){t=t.payload.tdoIds;e.tdoIds=t},setPermissionsPayload(e,t){t=t.payload;e.permissions=t}}}),actions$2=slice$1.actions;var filesSelectedState=slice$1.reducer;const namespace$1="rootFolderState",initialState={rootFolder:null,status:LoadingStatus.Idle},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{startRootFolderFetch(e){e.status=LoadingStatus.Pending},rootFolderFetchSucceed(e,{payload:t}){e.rootFolder=t.rootFolder,e.status=LoadingStatus.Idle},rootFolderFetchFailed(e){e.status=LoadingStatus.Failed},updateRootFolder(e,{payload:t}){e.rootFolder=t.activeFolder}},extraReducers:e=>{e.addCase(createAction("DATA_CENTER_FOLDERS_AND_FILES_RESPONSE"),(e,{payload:t})=>{e.rootFolder=t.folder})}}),actions$1=slice.actions;var rootFolderState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$3]:uiState,[namespace$2]:filesSelectedState,[namespace$1]:rootFolderState});function __awaiter(e,r,n,l){return new(n=n||Promise)(function(a,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function s(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?a(e.value):((t=e.value)instanceof n?t:new n(function(e){e(t)})).then(i,s)}o((l=l.apply(e,r||[])).next())})}function getSignedWritableUrls(t,a){return __awaiter(this,void 0,void 0,function*(){var e="getSignedWritableUrls";return(yield baseGraphQLApiWithError(Object.assign({query:"query getSignedWritableUrls($count: Int!) {\n    getSignedWritableUrls(number: $count) {\n      bucket,\n      expiresInSeconds,\n      getUrl,\n      key,\n      unsignedUrl,\n      url,\n    }\n  }",variables:{count:a},operationName:e},t)))[e]})}function uploadFileToS3(i,s,{onProgress:o,onError:r,onAbort:n,onUpload:l}){return __awaiter(this,void 0,void 0,function*(){const e=new XMLHttpRequest,t=(e.upload.onload=()=>{l&&l(`The upload is completed: ${e.status} `+e.response)},e.upload.onerror=()=>{r&&r("Upload failed.")},e.upload.onabort=()=>{n&&n("Upload cancelled.")},e.upload.onprogress=e=>{o&&o(e.loaded/e.total*100)},e.open("PUT",i.url,!0),e.setRequestHeader("Content-Type",s.type),yield fetch(s.fileUrl));var a=yield t.blob();return e.send(a),e})}function getOrgCmsRootFolder(a){var i;return __awaiter(this,void 0,void 0,function*(){var e="getOrgCmsRootFolder",t="createRootFolders",e=yield baseGraphQLApiWithError(Object.assign({query:"mutation getOrgCmsRootFolder{\n      createRootFolders(rootFolderType: cms) {\n        id\n        name\n        modifiedDateTime\n        treeObjectId\n        ownerId\n      }\n    }\n  ",operationName:e},a));return{orgRootFolder:null==(i=e[t])?void 0:i.find(e=>!e.ownerId),errors:e.errors||null}})}function createTDOWithAsset(s,o){var r,n,l,d,c,p;return __awaiter(this,void 0,void 0,function*(){try{var e="createTDOWithAsset",t=null!=(r=null==o?void 0:o.meta)&&r.startDateTime?null==(n=null==o?void 0:o.meta)?void 0:n.startDateTime:o.startDateTime,a={input:Object.assign(Object.assign({addToIndex:!0,contentType:o.contentType,name:o.name,uri:o.uri,parentFolderId:o.parentFolderId,startDateTime:t,stopDateTime:t,assetType:"media"},null!=(l=null==o?void 0:o.meta)&&l.thumbnailUrl?{thumbnailUrl:null==(d=null==o?void 0:o.meta)?void 0:d.thumbnailUrl}:{}),{details:{veritoneFile:{filename:null==(c=null==o?void 0:o.meta)?void 0:c.fileName,mimetype:o.contentType,size:o.size},tags:null==(p=null==o?void 0:o.meta)?void 0:p.tags}})},i=yield baseGraphQLApiWithError(Object.assign({query:'mutation ($input: CreateTDOWithAsset!) {\n        createTDOWithAsset(input: $input) {\n        id\n        name\n        details\n        modifiedDateTime\n        primaryAsset(assetType: "media") {\n          contentType\n          signedUri\n        }\n        folders{\n          folderPath{\n            name\n            id\n          }\n        }\n        sourceData {\n          source {\n            id\n            sourceTypeId\n          }\n        }\n        thumbnailUrl\n        }\n      }\n    ',variables:a},s));return{data:i[e],errors:i.errors||null}}catch(e){return{data:null,errors:e.message||"Unable to create TDO"}}})}const THUMBNAIL_ENGINE_ID="fd891cb5-ff80-48ae-b5cd-ac3c7d190d55";function createThumbnailJob(i,s){var o;return __awaiter(this,void 0,void 0,function*(){var e="createThumbailJob",t="createJob",a={input:{targetId:s,tasks:[{engineId:THUMBNAIL_ENGINE_ID}]}},a=yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation createThumbailJob($input: CreateJob) {\n      createJob(input: $input) {\n        id\n      }\n    }\n  ",variables:a,operationName:e},i));return null==(o=a[t])?void 0:o.id})}const selectUIStateStatus=e=>e[namespace].uiState.status,selectCurrentView=e=>e[namespace].uiState.currentView,rootFolderSelector=e=>e[namespace].rootFolderState.rootFolder,selectSelectedFiles=e=>e[namespace].filesSelectedState.files,selectUploadedFilesTdoIds=e=>{return null==(e=null==(e=e[namespace])?void 0:e.filesSelectedState)?void 0:e.tdoIds},selectPermissions=e=>{return null==(e=null==(e=e[namespace])?void 0:e.filesSelectedState)?void 0:e.permissions},selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,a)=>({apiRoot:e,graphQLEndpoint:t,token:a}));function*rootFolderFetch(){var e,t=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector);const i=AIWareFormatMessage(a);try{const{orgRootFolder:s,errors:o}=yield call(getOrgCmsRootFolder,t);s&&(s.isRoot=!0,yield put(actions.rootFolderState.rootFolderFetchSucceed({rootFolder:s}))),o&&(e=Array.isArray(o)?null===o||void 0===o?void 0:o.map(e=>e.message).join("\n"):i({id:"os-data-center-importer.snackbar.locationFolderFetchError",defaultMessage:[{type:0,value:"Error during the root folder fetch!"}]}),yield put(showMessage({content:e,severity:MessageSeverity.Error})),yield put(actions.rootFolderState.rootFolderFetchFailed()))}catch(e){yield put(actions.rootFolderState.rootFolderFetchFailed())}}function*watchFetchRootFolder(){yield takeLatest$1(actions.rootFolderState.startRootFolderFetch.type,rootFolderFetch)}function*createTDOs(e){var t;const o=yield select(selectApiConfigs),a=yield select(rootFolderSelector),i=e.payload.filesSelected,r=(e,t,a)=>(put(actions.filesSelectedState.updateFile(Object.assign({id:e},t))),{values:t,data:a});try{var s=i.reduce((e,t)=>(t.status===LoadingStatus.Idle&&(e[t.id]=call(createTDOWithAsset,o,{contentType:t.type,name:t.name,uri:t.unsignedUrl,parentFolderId:a.id,startDateTime:(new Date).toISOString(),size:t.size,meta:null==t?void 0:t.meta})),e),{});const c=yield all(s),p=[];var n,l=Object.keys(c).map(e=>{var t=null==(t=null==(t=c[e])?void 0:t.data)?void 0:t.id;const a=null==(i=c[e])?void 0:i.data;var i=c[e].errors;if(null!==a&&void 0!==a&&a.details&&(a.name=(null==(s=null==(s=a.details)?void 0:s.veritoneFile)?void 0:s.filename)||(null==(s=null==(s=a.details)?void 0:s.veritoneFile)?void 0:s.fileName)||a.name),!t||i)return sdkEventManager.dispatch(SdkEvents.tdoCreated,new SdkError(i||"TDO creation failed!"),{fileId:e,tdoId:t}),r(e,{tdoStatus:LoadingStatus.Failed});var s=t;try{createThumbnailJob(o,s)}catch(e){console.log("Error while launching thumbnail generation job",e)}return sdkEventManager.dispatch(SdkEvents.tdoCreated,null,{fileId:e,tdoId:t}),r(e,{tdoId:t,tdoStatus:LoadingStatus.Idle},a)}),d=yield all(l);for(let e=0;e<d.length;e++)d[e].values.tdoStatus===LoadingStatus.Idle&&(n=d[e].values.tdoId,p.push(n),yield put(actions$4.viewMyFiles.addTdoFolder({folderId:a.id,tdoId:n})),yield put(actions$4.entities.addTdoImported({file:null==(t=d[e])?void 0:t.data})));yield put(actions.filesSelectedState.setUploadedFilesTdoIds({tdoIds:p})),yield call(applyPermissionsToTDOs),yield put(actions.uiState.tdoCreateSucceed())}catch(e){console.log(e),yield put(actions.uiState.tdoCreateFailed())}}function*closeImporterPanel(){const e=yield select(panelsSelector);var t=e.find(e=>"DATA_CENTER_IMPORTER"===e.microFrontend.name);t&&t.panelId&&(t=t["panelId"],yield put(hidePanel(t)))}function*getUrlBuckets(e){var t=yield select(selectApiConfigs);return yield call(getSignedWritableUrls,t,e)}function*applyPermissionsToTDOs(){var e=yield select(selectApiConfigs),t=yield select(selectUploadedFilesTdoIds),a=yield select(selectPermissions),a=Object.assign(Object.assign({},a),{ids:t,type:"TDO"});try{yield call(setACLsOnResources,e,a),yield put(actions.uiState.tdoPermissionsSucceeded())}catch(e){yield put(actions.uiState.tdoPermissionsFailed())}}function*closeFileMetadataPanel(){const e=yield select(panelsSelector);var t=e.find(e=>"EDIT_FILE_METADATA"===e.microFrontend.name);t&&t.panelId&&(t=t["panelId"],yield put(hidePanel(t)))}function*addMetadataToFile(e){var t=yield select(preferredLanguageSelector),e=e["payload"];const{id:a,meta:i}=e,s=AIWareFormatMessage(t);try{var[o]=yield call(getUrlBuckets,1);yield put(actions.uiState.fileMetaSaveIsProcessing()),i.thumbnailImg&&(yield call(handleMetaFileS3Upload,i.thumbnailImg,o)),i.thumbnailUrl=o.unsignedUrl,i.runTime&&i.runDate&&(i.startDateTime=new Date(i.runDate+" "+i.runTime).toISOString()),yield put(actions.filesSelectedState.addMetadataToSelectedFile({id:a,meta:i})),yield put(actions.uiState.fileMetaSaveSucceeded())}catch(e){yield put(showMessage({content:s({id:"os-data-center-importer.snackbar.fileMetaError",defaultMessage:[{type:0,value:"Something went wrong while saving your changes."}]}),severity:MessageSeverity.Error}))}}function*handleMetaFileS3Upload(e,t){yield uploadFileToS3(t,Object.assign(Object.assign({},e),{getUrl:t.getUrl,expiresInSeconds:t.expiresInSeconds,key:t.key,unsignedUrl:t.unsignedUrl,url:t.url}),{})}function*watchSetFileMetadata(){yield takeLatest$1(actions.filesSelectedState.addMetadataAction.type,addMetadataToFile)}function*watchFileMetadataSuccess(){yield takeEvery$1(actions.uiState.fileMetaSaveSucceeded.type,closeFileMetadataPanel)}function*watchTDOCreateStart(){yield takeLatest$1(actions.uiState.tdoCreateStart.type,createTDOs)}function*watchRetryTDOCreation(){yield takeEvery$1(actions.uiState.retryTDOCreateForFiles.type,createTDOs)}function*watchTdoCreateSuccess(){yield takeEvery$1(actions.uiState.tdoCreateSucceed.type,closeImporterPanel)}const root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*filesSelected(t){var a=t.payload.filesSelected,i=t.payload.sdkFiles;try{yield put(actions.uiState.fileUploadStart());var s=yield call(getUrlBuckets,a.length);let e=0;for(const r of s){const n=a[e],l=(e++,yield put(actions.filesSelectedState.updateFile({id:n.id,status:LoadingStatus.Pending,percentComplete:0,expiresInSeconds:r.expiresInSeconds,getUrl:r.getUrl,key:r.key,unsignedUrl:r.unsignedUrl,url:r.url})),Object.assign(Object.assign({},i),{expiresInSeconds:r.expiresInSeconds,getUrl:r.getUrl,key:r.key,unsignedUrl:r.unsignedUrl,url:r.url})),d=e=>{fileUploadChannel.put(actions.filesSelectedState.updateFile(Object.assign({id:n.id},e)))};var o=yield uploadFileToS3(r,n,{onProgress:e=>{d({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{d({status:LoadingStatus.Idle}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),l)},onError:e=>{d({status:LoadingStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),l)},onUpload:e=>{d({status:LoadingStatus.Idle}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,l)}});root.xhrInstances[n.id]=o,yield put(actions.uiState.fileUploadSucceed())}}catch(e){t=(null==e?void 0:e.message)||"";console.error(t),yield put(actions.uiState.fileUploadFailed())}}function*abortFileUpload({payload:e}){try{var t=null==e?void 0:e.id;const a=root.xhrInstances[t];null!==a&&void 0!==a&&a.abort(),yield put(actions.filesSelectedState.deleteFileSelected({id:t}))}catch(e){yield put(actions.uiState.fileUploadAbortFailed())}}function*watchFilesSelected(){yield takeEvery$1(actions.filesSelectedState.setFilesSelected.type,filesSelected)}function*watchRetryFileUpload(){yield takeEvery$1(actions.filesSelectedState.retryFileUpload.type,filesSelected)}function*watchProgressChannel(){for(;;){var e=yield take(fileUploadChannel);yield put(e)}}function*watchFileAbort(){yield takeEvery$1(actions.filesSelectedState.abortFileUpload.type,abortFileUpload)}function*rootSaga(){yield all([watchFilesSelected(),watchProgressChannel(),watchRetryFileUpload(),watchFileAbort(),watchFetchRootFolder(),watchTDOCreateStart(),watchRetryTDOCreation(),watchTdoCreateSuccess(),watchSetFileMetadata(),watchFileMetadataSuccess()])}function getDataCenterImporterModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$a=makeStyles()(e=>({buttonContainer:{position:"relative",margin:"16px"},fileButton:{border:"1px solid #1871E8!important",borderRadius:e.shape.borderRadius,fontWeight:600,fontSize:"12px!important",background:e.palette.background.paper,color:"#1871E8!important",padding:"6px 15px!important"},hiddenFileButton:{visibility:"hidden",position:"absolute",left:0,width:"100%",height:"100%"}})),UploadButton=({id:e,labelCss:t,onUpload:a,render:i,imageOnly:s=!1,isUploadEnabled:o=!0})=>{const r=react.exports.useRef();var n=useStyles$a()["classes"];return react.exports.useEffect(()=>{o||(r.current.value=null)},[r,o]),jsxRuntime.exports.jsxs("label",Object.assign({htmlFor:"upload-file-input-"+e,className:t,onClick:e=>{o||e.preventDefault()}},{children:[i&&i({handleButtonClick:()=>{o&&r.current.click()}}),jsxRuntime.exports.jsx("input",{id:"upload-file-input-"+e,"data-test":"data-center-importer-local-upload-file-input-"+e,type:"file",multiple:!0,accept:s?"image/*":"",className:n.hiddenFileButton,onChange:a,ref:e=>r.current=e})]}))},useStyles$9=makeStyles()(e=>({progress:{width:"117px",height:"10px",borderRadius:8,backgroundColor:"#F2F7FE",display:"inline-block"},listItem:{padding:e.spacing(3,1)},avatar:{backgroundColor:"#FAFAFA",color:e.palette.secondary.main},errorIcon:{backgroundColor:"#FEF2F2","& svg:hover":{color:e.palette.error.main}},secondaryAction:{right:"0"},filename:{width:"330px",overflow:"hidden",whiteSpace:"nowrap",userSelect:"none"},caption:{userSelect:"none"}})),icons={video:jsxRuntime.exports.jsx(VideoCamera,{}),image:jsxRuntime.exports.jsx(Image,{}),audio:jsxRuntime.exports.jsx(Sound,{}),text:jsxRuntime.exports.jsx(Description,{}),application:jsxRuntime.exports.jsx(Description,{})},FileItemIcon=({filetype:e})=>{var[e]=e.split("/");return e&&icons[e]?icons[e]:jsxRuntime.exports.jsx(UnknownDocument,{})};function FileItem({item:e,onDelete:t,onRetry:a,onAbort:i,onEdit:s,showDivider:o=!0,uiStateStatus:r}){const{id:n,percentComplete:l,status:d,tdoStatus:c,size:p,type:u,meta:m}=e;let x=e["name"];m&&m.fileName&&(x=m.fileName);var g=useStyles$9()["classes"],f=[d,c].includes(LoadingStatus.Failed);return jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsxs(ListItem,Object.assign({className:g.listItem},{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:f?jsxRuntime.exports.jsx(Avatar,Object.assign({"data-test":"file-item-failed-icon",className:g.errorIcon},{children:jsxRuntime.exports.jsx(default_1$2,{color:"error"})})):jsxRuntime.exports.jsx(Avatar,Object.assign({"data-test":"file-item-avatar",className:g.avatar},{children:jsxRuntime.exports.jsx(FileItemIcon,{filetype:u})}))}),jsxRuntime.exports.jsx(ListItemText,{primary:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:30<x.length?x:"",placement:"bottom-end"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"file-item-title",className:g.filename,variant:"body1"},{children:30<x.length?x.substring(0,30)+"...":x}))})),secondary:jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"file-item-size",variant:"caption",className:g.caption},{children:formatBytes(p)}))}),jsxRuntime.exports.jsxs(ListItemSecondaryAction,Object.assign({className:g.secondaryAction},{children:[f&&jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"Retry uploading"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-retry",onClick:()=>a(e),size:"large"},{children:jsxRuntime.exports.jsx(default_1$1,{})}))})),d===LoadingStatus.Idle&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-edit",onClick:()=>s(e),size:"large"},{children:jsxRuntime.exports.jsx(Edit,{})})),([LoadingStatus.Failed,LoadingStatus.Idle].includes(d)||r===LoadingStatus.Failed)&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-delete",onClick:()=>t(n),size:"large"},{children:jsxRuntime.exports.jsx(Delete,{})})),d===LoadingStatus.Pending&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(LinearProgress,{"data-test":"file-item-progress",className:g.progress,variant:"determinate",value:l}),jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-abort",title:"Cancel Import",onClick:()=>i(e),size:"large"},{children:jsxRuntime.exports.jsx(NotInterested,{})}))]})]}))]})),o&&jsxRuntime.exports.jsx(Divider,{})]})}const useStyles$8=makeStyles()(e=>({fileItemListContainer:{paddingLeft:e.spacing(4),paddingRight:e.spacing(4),height:300,overflowY:"scroll",marginRight:5,marginTop:5,"&::-webkit-scrollbar":{width:3},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#D5DFE9",padding:5,borderRadius:50},"&::-webkit-scrollbar-thumb:hover":{background:"#919ca8"}},shadowGradient:{display:"block",position:"absolute",top:-1,left:0,width:"100%",height:28,background:"linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)",transform:"translateY(-100%)"},footerWrapper:{borderTop:"0.5px solid #D5DFE9",position:"relative",padding:"13px 30px"},viewFormatsBtn:{cursor:"pointer",color:"#6098D1",fontSize:14,"&:hover":{color:e.palette.primary.main}},retryButton:{border:"1px solid",borderColor:e.palette.secondary.main,borderRadius:e.shape.borderRadius,fontWeight:600,fontSize:"12px!important",background:e.palette.background.paper,color:e.palette.secondary.main,padding:"6px 15px!important"},refreshIcon:{marginRight:e.spacing(2),color:e.palette.secondary.main,"&:hover":{color:e.palette.secondary.main}},addFilesIcon:{marginRight:e.spacing(2),color:e.palette.primary.main,"&:hover":{color:e.palette.primary.main}},addFilesBtn:{paddingLeft:0,paddingRight:0},addFilesLabel:{alignItems:"center",display:"flex",cursor:"pointer",paddingLeft:e.spacing(2),paddingRight:e.spacing(2)},addIcon:{display:"block",marginRight:e.spacing(1)},filePickerInput:{display:"none"}})),FileItemList=({onUpload:t,fileItems:a,onDelete:i,onRetryFailedsClick:e,onRetry:s,onAbort:o,onEdit:r,uiStateStatus:n})=>{const l=useStyles$8()["classes"],d=useStyles$a()["classes"];var c=a.some(e=>e.status===LoadingStatus.Failed);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",color:"textPrimary","data-test":"data-center-file-item-list-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.eAju+6",defaultMessage:"Local Machine",description:"Title of a list of files that user is uploading from their local machine"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",color:"textSecondary","data-test":"data-center-file-item-list-subheader"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.Khv+RJ",defaultMessage:"Choose files from your computer to import into your account",description:"A short description of local machine upload"})})),jsxRuntime.exports.jsxs(Box$1,Object.assign({mt:6,borderRadius:"4px",border:"0.5px solid #D5DFE9"},{children:[jsxRuntime.exports.jsx(List,Object.assign({disablePadding:!0,className:l.fileItemListContainer,"data-test":"data-center-file-item-list-wrapper"},{children:null==a?void 0:a.map((e,t)=>jsxRuntime.exports.jsx(FileItem,{item:e,showDivider:t!==a.length-1,onDelete:i,onRetry:s,onAbort:o,onEdit:r,uiStateStatus:n},t))})),jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"flex-end",alignItems:"center",item:!0,container:!0,className:l.footerWrapper},{children:[jsxRuntime.exports.jsx("span",{className:l.shadowGradient}),c&&jsxRuntime.exports.jsxs(Button,Object.assign({"data-test":"data-center-importer-local-retry-button",variant:"outlined",className:l.retryButton,onClick:e},{children:[jsxRuntime.exports.jsx(default_1$1,{fontSize:"small",className:l.refreshIcon}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.nJrtcz",defaultMessage:"Retry Failed Items",description:"Text of the label `Retry Failed Items`"})]})),jsxRuntime.exports.jsx(UploadButton,{onUpload:e=>{e=Array.from(e.target.files);t(e)},id:"file-item-list-upload-button",render:({handleButtonClick:e})=>jsxRuntime.exports.jsxs(Button,Object.assign({id:"file-item-list-upload-button",variant:"outlined",className:d.fileButton,onClick:e},{children:[jsxRuntime.exports.jsx(default_1$3,{fontSize:"small",className:l.addFilesIcon}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.ydDseD",defaultMessage:"Add Files",description:"Text of the label `Add Files`"})]}))})]}))]}))]})},useStyles$7=makeStyles()(e=>({footer:{position:"absolute",right:e.spacing(6),bottom:e.spacing(6)},closeButton:{marginRight:e.spacing(2),color:e.palette.text.primary},dialogTitle:{padding:`${e.spacing(6)} ${e.spacing(6)} ${e.spacing(1)}px !important `},dialogContent:{padding:`${e.spacing(1)} ${e.spacing(6)} !important `},dialogTitleText:{fontWeight:600},dialogAction:{padding:e.spacing(4)+" !important"}})),Footer=({fileItems:e,onClosePanel:t,onImportFiles:a,onIgnoreAndContinue:i,onRetry:s,uiStateStatus:o})=>{const[r,n]=react.exports.useState(!1),[l,d]=react.exports.useState(!1);var c=useStyles$7()["classes"],p=e.some(e=>e.status===LoadingStatus.Pending);const u=()=>{n(!1)};react.exports.useEffect(()=>{u()},[s,i]);p=0===e.length||p||[LoadingStatus.Pending,LoadingStatus.Failed].includes(o);return jsxRuntime.exports.jsxs("div",Object.assign({className:c.footer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e.length?d(!0):t()},variant:"text",size:"large",className:c.closeButton,"data-test":"data-center-importer-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.0EGcHs",defaultMessage:"Close",description:"Close Panel"})})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e.some(e=>e.status===LoadingStatus.Failed)?n(!0):a()},disabled:p,size:"large",variant:"contained",color:"primary","data-test":"data-center-importer-import-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.pcbRZH",defaultMessage:"Import",description:"Import uploaded files"})})),jsxRuntime.exports.jsxs(Dialog,Object.assign({open:r,maxWidth:"xs",onClose:u,"aria-labelledby":"dialog-title","aria-describedby":"dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"dialog-title","data-test":"data-center-importer-dialog-title",className:c.dialogTitle},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",className:c.dialogTitleText},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.cl4DGP",defaultMessage:"Errors Detected",description:"title for Error Detected Dialog"})}))})),jsxRuntime.exports.jsx(DialogContent,Object.assign({className:c.dialogContent},{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.N9Drr+",defaultMessage:"Some of your files have errors, would you like to fix these errors or continue?",description:"description for Error Detected Dialog"})}))})),jsxRuntime.exports.jsxs(DialogActions,Object.assign({className:c.dialogAction},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:s,variant:"text",size:"large","data-test":"data-center-importer-dialog-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.7+A+C3",defaultMessage:"Retry Errors",description:"button text for retry failed files"})})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:i,size:"large",variant:"contained",color:"primary","data-test":"data-center-importer-dialog-confirm-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.E9hwYl",defaultMessage:"Ignore Errors and Continue",description:"button text for ignore failed files and kick of the importing progress"})}))]}))]})),jsxRuntime.exports.jsx(ConfirmationModal,{showConfirmationModal:l,closeConfirmationModal:()=>{d(!1)},onClosePanel:t,classes:c})]}))},useStyles$6=makeStyles()(e=>({root:{width:"720px",height:"auto"},configurationContainer:{minHeight:"650px"},mainContainer:{margin:e.spacing(6)},spacer:{marginTop:e.spacing(6)},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"},alert:{color:e.palette.error.main,userSelect:"none","& svg, & svg:hover":{color:e.palette.error.main}},permissionsContainer:{marginTop:"30px"},description:{fontWeight:400,marginBlockStart:"16px",userSelect:"none"}})),visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;const SHARED_TEXT={panelHeaderTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.UQliO+",defaultMessage:"Local Machine Importer",description:"Local Machine Importer"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),locationFolderTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.UR2j6X",defaultMessage:"Location Folder",description:"Location Folder"}),locationFolderSubheader:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.zEHvrp",defaultMessage:"Choose the Data Center folder location where this content will be stored.",description:"Choose the Data Center folder location where this content will be stored."}),locationFolderLabel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.UR2j6Z",defaultMessage:"Folder",description:"Folder"}),locationFolderReselect:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.gtjP09",defaultMessage:"Change",description:"Change"}),editFileMetadataHeader:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WUHjl4",defaultMessage:"Edit Metadata",description:"Edit Metadata"}),editFileMetadataCancelBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.6PdOcy",defaultMessage:"Cancel",description:"Cancel"}),editFileMetadataSaveBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kxBKrN",defaultMessage:"Save Changes",description:"Save file metadata changes"}),editFileMetadataAddBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.rntBSe",defaultMessage:"Add",description:"Add tags to metadata"}),editFileMetadataTagsHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.fXL811",defaultMessage:"Tags",description:"Tags heading"}),editFileMetadataTagsSubHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WFj+x5",defaultMessage:"Add searchable tags to better organize this data. Separate each tag with a comma.",description:"Tags sub heading"}),editFileMetadataDisplayTimeHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.8aqtJF",defaultMessage:"Media Display Time",description:"Media Display Time heading"}),editFileMetadataDisplayTimeSubHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.mhUvxM",defaultMessage:"The actual time the content occurred.",description:"Media Display Time sub heading"}),supportedFilesTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.1riZqU",defaultMessage:"Supported File Types",description:"The title for the container of supported files"})},Header=({onPanelClose:e})=>{var t=useStyles$6()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:t.header,"data-test":"data-center-importer-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:t.headerTitle,variant:"h1",color:"secondary","data-test":"data-center-importer-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:"data-center-importer-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":"data-center-importer-close-panel","data-test":"data-center-importer-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},useStyles$5=makeStyles()(e=>({title:{userSelect:"none"},description:{fontWeight:400,marginBlockStart:"16px",userSelect:"none"},card:{border:"0.5px solid #D5DFE9!important",boxShadow:"none!important",borderRadius:"4px!important",display:"flex",flexDirection:"column",alignItems:"center",padding:32},focusedCard:{backgroundColor:"#D5DFE9",border:"0.5px solid #D5DFE9!important",boxShadow:"none!important",borderRadius:"4px!important",display:"flex",flexDirection:"column",alignItems:"center",padding:32},uploadIcon:{fontSize:"30px","&:hover":{color:"inherit"}},iconCircle:{color:e.palette.secondary.main,backgroundColor:"#ffffff !important",fontSize:"30px !important",width:"70px !important",height:"70px !important",border:"6px solid #E8E8E8"},selectMessage:{fontWeight:600,marginBlockStart:"12px"},subtitle:{fontSize:"12px",fontWeight:400},fileFormatsButton:{color:"#6098D1",fontSize:"10px",marginTop:10}})),LocalFileUpload=({onUpload:t,onViewSupportedFiles:e})=>{const[a,i]=react.exports.useState(!1),s=react.exports.useRef();var o=useStyles$5()["classes"];const r=useStyles$a()["classes"];react.exports.useEffect(()=>{const e=e=>{e.preventDefault(),t(Array.from(e.dataTransfer.files)),i(!1)};return window.addEventListener("drop",e),()=>{window.removeEventListener("drop",e)}},[i,t]),react.exports.useEffect(()=>{const e=e=>{e.preventDefault(),i(!0)},t=e=>{e.preventDefault(),i(!1)};return s.current&&(s.current.addEventListener("dragover",e),s.current.addEventListener("dragleave",t)),()=>{try{s.current.removeEventListener("dragover",e),s.current.removeEventListener("dragleave",t)}catch(e){}}},[i]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"data-center-importer-local-upload-title",variant:"h2",className:o.title},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.ylbMu5",defaultMessage:"Local Machine",description:"Import files into the Data Center from your computer"})})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"data-center-importer-local-upload-description",variant:"body2",paragraph:!0,className:o.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.OcKW8X",defaultMessage:"Choose files from your computer to import and process within your aiWARE account.",description:"Choose files from your computer to import and process within your aiWARE account."})})),jsxRuntime.exports.jsxs(Card,Object.assign({"data-test":"data-center-importer-local-upload-card",className:a?o.focusedCard:o.card,ref:e=>s.current=e},{children:[jsxRuntime.exports.jsx(Avatar,Object.assign({className:o.iconCircle},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"inherit",className:o.uploadIcon})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",className:o.selectMessage},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.vKgOOW",defaultMessage:"Select a file from your computer",description:"Local Machine File Importer: Select a file from your computer to be uploaded into the Data Center"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:o.subtitle},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.9cCClM",defaultMessage:"or drag and drop an image here",description:"Local Machine File Importer: files can be dragged and dropped here to upload them"})})),jsxRuntime.exports.jsx(UploadButton,{id:"local-file-upload-upload-btn",onUpload:e=>{t(Array.from(e.target.files))},render:({handleButtonClick:e})=>jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"data-center-importer-local-upload-button",variant:"outlined",className:r.fileButton,style:{marginTop:"15px"},onClick:e},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.261ANF",defaultMessage:"Browse Files",description:"Local Machine File Importer: Click here to select the files to upload"})}))}),jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",className:o.fileFormatsButton,onClick:e},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.OVCv+Y",defaultMessage:"View Supported File Formats",description:"Local Machine File Importer: View a list of all the File Formats that can be uploaded"})}))]}))]})},useStyles$4=makeStyles()(e=>({title:{userSelect:"none"},subheader:{userSelect:"none"},locationFolderWrapper:{width:"100%",marginTop:e.spacing(4),padding:e.spacing(2),border:"1px solid #D5DFE9",borderRadius:4,display:"flex",alignItems:"center",position:"relative"},locationFolderWrapperDisabled:{opacity:.7,pointerEvents:"none",userSelect:"none"},spacer:{display:"block",flex:1},folderIcon:{marginRight:e.spacing(2)},folderLabel:{fontFamily:"Nunito",display:"block",color:"#5C6269",fontSize:12,position:"absolute",top:-10,left:e.spacing(1),paddingLeft:e.spacing(1),paddingRight:e.spacing(1),background:"#fff"},folderInputLabel:{fontFamily:"Nunito",cursor:"pointer",color:"#6098D1",fontSize:14,"&:hover":{color:"#1871E8"}}})),LocationFolder=({folder:e,onChangeBtnClick:t,disabled:a=!1})=>{var i=useStyles$4()["classes"];return e?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",color:"textPrimary","data-test":"data-center-location-folder-title",className:i.title},{children:SHARED_TEXT.locationFolderTitle()})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",color:"textSecondary","data-test":"data-center-location-folder-subheader",className:i.subheader},{children:SHARED_TEXT.locationFolderSubheader()})),jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"data-center-location-folder",className:classNames(i.locationFolderWrapper,a?i.locationFolderWrapperDisabled:null)},{children:[jsxRuntime.exports.jsx("span",Object.assign({className:i.folderLabel,"data-test":"data-center-location-folder-label"},{children:SHARED_TEXT.locationFolderLabel()})),jsxRuntime.exports.jsx(FolderOpen,{className:i.folderIcon}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",color:"textPrimary","data-test":"data-center-location-folder-path"},{children:null!=e&&e.isRoot?"Home":null==e?void 0:e.name})),jsxRuntime.exports.jsx("span",{className:i.spacer}),jsxRuntime.exports.jsx("span",Object.assign({className:i.folderInputLabel,onClick:t,role:"button","data-test":"data-center-location-select-btn"},{children:SHARED_TEXT.locationFolderReselect()}))]}))]}):null},validateMimeTypes=(e,t)=>{const a=new Set;return null!=e&&e.forEach(e=>{e.type?t.includes(e.type)||a.add(e.type):a.add(e.name.split(".").pop())}),Array.from(a.values())},DEFAULT_MAX_FILE_COUNT=100,MAX_VERITONE_FILE_COUNT_ALLOWED=1e3,MainLayout=({hidePanel:e,activeFolder:t,fileLimit:s=DEFAULT_MAX_FILE_COUNT})=>{var a=useStyles$6()["classes"];const[i,o]=react.exports.useState(null);var r=useSelector(preferredLanguageSelector);const n=useSelector(initialConfigSelector),l=useSelector(selectors.uiState.selectIsFullScreen),d=useSelector(selectSelectedFiles);var c=useSelector(selectUIStateStatus),p=useSelector(selectCurrentView),u=useSelector(rootFolderSelector);const m=useSelector(authSelector),x=useDispatch(),g=react.exports.useCallback(()=>{e&&e()},[e]),f=AIWareFormatMessage(r),[j,h]=react.exports.useState(!1);react.exports.useEffect(()=>{var e;m&&null!=(e=null==(e=null==(e=null===m||void 0===m?void 0:m.user)?void 0:e.organization)?void 0:e.kvp)&&e.features&&(e=m.user.organization.kvp["features"],"enabled"===e.enableRBACFeature&&h(!0))},[m]),react.exports.useEffect(()=>{d&&d.length?x(actions.uiState.setCurrentView(ImporterView.filesSelected)):x(actions.uiState.setCurrentView(ImporterView.browseFiles))},[x,d]),react.exports.useEffect(()=>{n.baseUrl&&(t&&t.id?x(actions.rootFolderState.updateRootFolder({activeFolder:t})):x(actions.rootFolderState.startRootFolderFetch()))},[n,t,x]);var r=e=>{let t=e;var a=EnumHelpers.getNames(MimeType);const i=validateMimeTypes(e,a);0<(null===i||void 0===i?void 0:i.length)&&(x(showMessage({content:f({id:"os-data-center-importer.snackbar.disallowedFilesMessage",defaultMessage:[{type:0,value:"The following file types are not allowed: "},{type:1,value:"disallowedFiles"}]},{disallowedFiles:Array.from(i.values()).join(",")}),severity:MessageSeverity.Warning})),t=e.filter(e=>e.type&&!i.includes(e.type))),e.length>s?(x(showMessage({content:f({id:"os-data-center-importer.snackbar.fileLimitError",defaultMessage:[{type:0,value:"You can only upload files up to "},{type:1,value:"fileLimit"},{type:0,value:" files at once! Only the first "},{type:1,value:"fileLimit"},{type:0,value:" files will be uploaded."}]},{fileLimit:""+s}),severity:MessageSeverity.Warning})),t=e.slice(0,s)):e.length>MAX_VERITONE_FILE_COUNT_ALLOWED&&(x(showMessage({content:f({id:"os-data-center-importer.snackbar.fileCountError",defaultMessage:[{type:0,value:"You have exceeded the maxium allowable files per upload. Only the first "},{type:1,value:"maxFileCount"},{type:0,value:" files will be uploaded."}]},{maxFileCount:""+MAX_VERITONE_FILE_COUNT_ALLOWED}),severity:MessageSeverity.Warning})),t=e.slice(0,MAX_VERITONE_FILE_COUNT_ALLOWED));a=t.map(e=>{var t=URL.createObjectURL(e);return{id:guid(),fileUrl:t,name:e.name,size:e.size,type:e.type,percentComplete:0}});x(actions.filesSelectedState.setFilesSelected({filesSelected:a,sdkFiles:t}))},y=()=>{var e=d.filter(e=>e.status===LoadingStatus.Failed);x(actions.filesSelectedState.retryFileUpload({filesSelected:e}))};const S=()=>{x(actions.uiState.tdoCreateStart({filesSelected:d}))};return react.exports.useEffect(()=>{var e;i&&(null!=(e=null===i||void 0===i?void 0:i.entries)&&e.length?x(actions.filesSelectedState.setPermissionsPayload(i)):o(null))},[i,x]),jsxRuntime.exports.jsxs("div",Object.assign({role:"presentation","data-test":"data-center-importer-widget",className:classNames(a.root)},{children:[jsxRuntime.exports.jsx(Header,{onPanelClose:g}),jsxRuntime.exports.jsxs("div",Object.assign({className:a.mainContainer},{children:[c===LoadingStatus.Failed&&jsxRuntime.exports.jsx(Box$1,Object.assign({mb:4},{children:jsxRuntime.exports.jsx(Alert,Object.assign({variant:"outlined",severity:"error",className:a.alert},{children:"Error while uploading your file(s)."}))})),p===ImporterView.browseFiles&&jsxRuntime.exports.jsx(LocalFileUpload,{onViewSupportedFiles:()=>{var e={name:"SUPPORTED_FILE_TYPES",config:{name:"Local Importer",fileTypes:DEFAULT_ACCEPTABLE_FILE_TYPES}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:l?0:55,marginStart:l?0:80,size:"medium",zIndex:l?1011:1002,parentPanelId:"DATA_CENTER_IMPORTER",dimmed:0,dimmedStatus:"dimParent"};x(mountPanel({panelId:"SUPPORTED_FILE_TYPES_PANEL",microFrontend:e,panelConfig:t}))},onUpload:r}),p===ImporterView.filesSelected&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(FileItemList,{onUpload:r,fileItems:d,onDelete:e=>{x(actions.filesSelectedState.deleteFileSelected({id:e}))},onRetryFailedsClick:y,onRetry:e=>{e.status===LoadingStatus.Failed?x(actions.filesSelectedState.retryFileUpload({filesSelected:[e]})):e.tdoStatus===LoadingStatus.Failed&&x(actions.uiState.retryTDOCreateForFiles({filesSelected:[e]}))},onAbort:e=>{x(actions.filesSelectedState.abortFileUpload(e))},onEdit:e=>{var e={name:"EDIT_FILE_METADATA",config:{name:"Local Importer",file:e=e}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:l?0:55,marginStart:l?0:80,size:"small",zIndex:l?1011:1002,parentPanelId:"DATA_CENTER_IMPORTER",dimmed:0,dimmedStatus:"dimParent"};x(mountPanel({panelId:"EDIT_FILE_METADATA",microFrontend:e,panelConfig:t}))},uiStateStatus:c}),jsxRuntime.exports.jsx("div",{className:a.spacer}),jsxRuntime.exports.jsx(LocationFolder,{folder:u,onChangeBtnClick:()=>__awaiter(void 0,void 0,void 0,function*(){try{yield mountPanelForResponse({panelId:"DATA_CENTER_FOLDERS_AND_FILES",microFrontend:{name:"DATA_CENTER_FOLDERS_AND_FILES",config:{viewType:"folders"}},panelConfig:{panelId:"DATA_CENTER_FOLDERS_AND_FILES",disableHide:!1,parentPanelId:"DATA_CENTER_IMPORTER",type:"APP_BAR_PANEL_TEMPLATE",size:"small",marginTop:l?0:55,marginStart:l?0:80,height:600,header:{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.headerTitle.chooseLocation",defaultMessage:"Choose a Location",description:"The title for the choose location panel"})},dimmed:0,zIndex:l?1011:1002,dimmedStatus:"dimParent"}},store)}catch(e){console.log(e)}})})]}),p===ImporterView.filesSelected&&j&&jsxRuntime.exports.jsxs("div",Object.assign({className:a.permissionsContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-testid":"ui-permissions-widget-title",variant:"h2"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ui-permissions-widget-title",defaultMessage:"Permissions",description:"Permissions widget title"})})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"data-center-importer-local-upload-description",variant:"body2",paragraph:!0,className:a.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer-ui-permissions-widget-description",defaultMessage:"Manage who can access and permissions to these objects ",description:"Permissions widget description"})})),jsxRuntime.exports.jsx(PermissionsWidget,{onGetPermissionPayload:e=>{o(e)},permissionType:"TDO",parentPanelId:"DATA_CENTER_IMPORTER",isFullScreen:l,zIndex:1002,zIndexFullScreen:1012})]})),jsxRuntime.exports.jsx(Footer,{uiStateStatus:c,fileItems:d,onClosePanel:()=>{if(d.length)for(const e of d)e.status===LoadingStatus.Pending&&x(actions.filesSelectedState.abortFileUpload(e));g()},onImportFiles:S,onIgnoreAndContinue:()=>{x(actions.filesSelectedState.deleteFailedFiles()),S()},onRetry:y})]}))]}))},DataCenterImporter=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getDataCenterImporterModule(),getAdminCenterPermissionsModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}))})})),useStyles$3=makeStyles()(e=>({supportedFilesTypeHeader:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",padding:"0px 10px",marginBottom:20},supportedFilesTypeWrapper:{padding:"8px 20px 20px 20px"},fileTypeItem:{border:"1px solid #D5DFE9",borderRadius:5,marginBottom:20,overflow:"hidden"},fileTypeItemHeader:{padding:18,borderBottom:"1px solid #D5DFE9",background:"#FAFAFA",display:"flex",alignItems:"center"},fileTypeItemBody:{display:"flex",alignItems:"center",padding:"26px 0",flexWrap:"wrap"},fileTypeItemExtension:{width:"50%",padding:"4px 0 4px 54px"},fileTypeItemExtensionFullWidth:{width:"100%"},fileItemTypeName:{marginLeft:12}})),FileTypeItem=({fileItemType:a})=>{var e;const i=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:i.fileTypeItem,"data-test":"data-center-importer-supported-file-item"},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:i.fileTypeItemHeader},{children:[jsxRuntime.exports.jsx("span",Object.assign({"data-test":"data-center-importer-file-item-icon"},{children:jsxRuntime.exports.jsx(FileItemIcon,{filetype:a.type})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",color:"textPrimary",className:i.fileItemTypeName,"data-test":"data-center-importer-file-type-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-browse.fileTypes.${name}",defaultMessage:"{name}",description:"Label for {name} type",values:{name:a.name}})}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:i.fileTypeItemBody,"data-test":"data-center-importer-extension-list"},{children:null==(e=null==a?void 0:a.extensions)?void 0:e.map((e,t)=>jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2",color:"textPrimary",className:classNames(i.fileTypeItemExtension,{[i.fileTypeItemExtensionFullWidth]:a.type===FileItemTypeNames.Text})},{children:[".",e]}),t))}))]}))},SupportedFileTypesContent=({fileTypes:e,hidePanel:t})=>{var a=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:a.supportedFilesTypeWrapper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:a.supportedFilesTypeHeader},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"data-center-importer-supported-files-title"},{children:SHARED_TEXT.supportedFilesTitle()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"data-center-importer-close-panel","data-test":"data-center-importer-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),e.map((e,t)=>jsxRuntime.exports.jsx(FileTypeItem,{fileItemType:e},t))]}))},SupportedFileTypes=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(SupportedFileTypesContent,{hidePanel:e.hidePanel,fileTypes:e.fileTypes})}))})}),inputFieldBorderColor="#D5DFE9",useStyles$2=makeStyles()(e=>({editMetadataContainer:{padding:"5px 30px"},avatarImage:{display:"flex",justifyContent:"center",alignItems:"center",width:"135px",height:"119px",marginRight:"10px"},coverImage:{flexGrow:1,display:"flex",justifyContent:"center",alignItems:"center",height:"119px"},inputFieldBorder:{border:"1px solid "+inputFieldBorderColor},fileName:{width:"100%",border:"1px solid "+inputFieldBorderColor,height:"52px",borderRadius:"4px",boxSizing:"border-box",padding:"15px"},tagInput:{marginRight:"10px",flexGrow:1},tags:{paddingLeft:"0px","& > li":{listStyleType:"none",display:"inline",marginRight:"5px"}},tag:{backgroundColor:"#D5DFE9",fontSize:"12px",marginBottom:"5px"},runDate:{marginRight:"5px"},runTime:{"& input":{padding:"18.5px 10px !important"}},cancelBtn:{marginRight:e.spacing(2)},header:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",padding:"0px"},footer:{position:"absolute",right:"30px",bottom:e.spacing(6)},topMarginSm:{marginTop:"15px"},topMarginLg:{marginTop:"15px"},flex:{display:"flex"},flexFill:{flexGrow:1},heading:{color:"#2A323C",fontSize:"14px",fontWeight:600,lineHeight:"20px"},subHeading:{color:"#5C6269",fontSize:"14px",fontWeight:"normal",lineHeight:"20px"},closePanel:{transform:"translateX(15px)"}})),useStyles$1=makeStyles()(e=>({container:{position:"relative",borderRadius:"5px",zIndex:2}})),AddImageIcon=({id:e,color:t="black",size:a=55})=>{var i=useStyles$1()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({id:"addImageIcon-"+e,className:i.container},{children:jsxRuntime.exports.jsx("svg",Object.assign({version:"1.2",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 500 500",width:a,height:a},{children:jsxRuntime.exports.jsx("path",{fill:t,fillRule:"evenodd",d:"M249.5 62c147.7 0 151.1 0 157.5 1.9 3.6 1.1 8.9 3.7 11.9 5.8 3 2.1 7.3 6.1 9.6 8.8 2.3 2.7 5.2 7.7 9 17l.3 101c.1 55.6.1 101.4-.2 102-.2.7-4.1.6-11.2-.3-6-.7-14-1-17.9-.7-3.9.3-8.4.8-13 1.6V104.5h-291v291H297l-.7 8c-.5 4.4-.8 9.8-.8 12 0 2.2.4 8.2 1.5 22.5h-97.3c-82.7 0-98.2-.3-104.2-1.5-3.8-.9-9-2.8-11.5-4.2-2.5-1.5-6-4.1-7.9-5.8-1.9-1.6-5.2-5.7-7.3-9-2.5-3.9-4.4-8.5-5.4-13-1.3-6.1-1.4-26.2-.9-309l2.4-6c1.4-3.3 4.3-8.3 6.6-11 2.3-2.8 6.6-6.7 9.6-8.8 3-2.1 8.1-4.6 11.4-5.7 5.8-1.8 11.6-1.9 157-2zm45.4 185c.3 0 12.2 15.8 52.6 70.3l-4 3.1c-2.2 1.7-7.7 6.7-12.3 11.1-4.6 4.4-10.6 11.3-18.7 22.5h-93.8c-90.2 0-93.7-.1-92.5-1.8.7-1 14.7-19 31-40 16.4-21 30-38.2 30.3-38.2.3 0 7.8 8.9 16.7 19.8 8.9 10.8 18.7 22.7 21.7 26.5 3.1 3.7 5.8 6.7 6.1 6.7.3-.1 14.4-18.1 31.4-40.1 17-21.9 31.2-39.9 31.5-39.9zm122.6 87.5c13.3.3 15.8.7 22 3 3.9 1.5 9.3 3.8 12 5.2 2.8 1.4 8.4 5.1 12.4 8.2 4.1 3.1 10 8.7 13.1 12.6 3 3.9 7.1 10.1 9.1 14 2 3.9 4.7 9.9 6 13.5 2.1 5.9 2.3 8.2 2.3 24.5s-.2 18.6-2.3 24.5c-1.3 3.6-4 9.6-6 13.5-2 3.9-6.1 10.1-9.1 14-3.1 3.9-9 9.5-13.1 12.5-4 3.1-9.6 6.7-12.4 8.2-2.7 1.5-8.1 3.9-12 5.4-6.8 2.7-7.6 2.8-26 2.8s-19.2-.1-26-2.8c-3.9-1.5-9.2-3.9-12-5.3-2.7-1.4-8.4-5.1-12.4-8.2-4.1-3.1-10-8.7-13.1-12.6-3-3.9-7.1-10.1-9.1-14-2-3.9-4.7-9.9-6-13.5-2.1-5.9-2.3-8.2-2.3-24.5s.2-18.6 2.3-24.5c1.3-3.6 4-9.6 6-13.5 2-3.9 6.1-10.1 9.1-14 3.1-3.9 9-9.5 13.1-12.5 4-3.1 9.7-6.7 12.4-8.2 2.8-1.4 7.5-3.6 10.5-4.8 3-1.2 8-2.6 11-3 3-.5 12.3-.7 20.5-.5zM390 355.6c-3.6 1.6-8.5 4-11 5.4-2.5 1.4-7.4 5.4-11 9-3.9 3.8-8.2 9.6-10.6 14-2.3 4.1-5 10-6 13-1.3 4.2-1.8 8.7-1.8 18.5s.5 14.3 1.8 18.5c1 3 3.7 8.9 5.9 13 2.7 4.8 6.8 10.1 11.3 14.5 5.2 5.1 9.3 8.1 15.5 11.1 4.6 2.3 10.2 4.7 12.4 5.5 2.5.8 8.8 1.3 17 1.3s14.5-.5 17-1.3c2.2-.8 7.8-3.2 12.4-5.5 6.5-3.1 10.2-5.9 16-11.7 5.8-5.7 8.6-9.6 11.8-16 2.3-4.6 4.7-10.2 5.4-12.4.7-2.4 1.3-9.3 1.3-17 0-7.7-.6-14.6-1.3-17-.7-2.2-3.1-7.8-5.4-12.4-3.2-6.4-6-10.3-11.8-16-5.6-5.7-9.6-8.6-15.5-11.5-4.3-2.1-9.7-4.5-11.9-5.3-2.2-.7-8.5-1.5-14-1.7-5.5-.3-12.5-.1-15.5.3s-8.4 2.1-12 3.7zm15 18.4h17v33h33v17h-33v33h-17v-33h-33v-17h33z"})}))}))},useStyles=makeStyles()(e=>({addImageBoxContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},addImageBoxTitle:{padding:"0px",margin:"0px",color:"rgb(92, 98, 105)",fontSize:"12px",fontWeight:400,textAlign:"left",paddingLeft:"5px",paddingBottom:"3px"},addImageBoxSizeAvatar:{width:"135px"},addImageBoxSizeCover:{width:"100%"},addImageBoxIconDiv:{height:"180px",display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid #D5DFE9",overflow:"hidden",position:"relative",textAlign:"left",borderRadius:"4px"},addImageBoxBackground:{position:"absolute",height:"100%",width:"100%",top:0,left:0,backgroundSize:"cover"},addImageBoxShadow:{background:"rgba(0,0,0,0.35)",position:"absolute",width:"100%",height:"100%",zIndex:1},iconButtonContainer:{width:"100%",padding:0},deleteIconContainer:{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"transparent",zIndex:10,display:"flex",justifyContent:"center",alignItems:"center"},deleteIcon:{color:"white",fontSize:"24px"}})),AddImageBox=({title:e,backgroundImgUrl:t="",aspectRatio:a="avatar",onClick:i,onDelete:s})=>{var o=useStyles()["classes"];const[r,n]=react.exports.useState(!1);var l=!!t,d=r&&t,c=r&&t,p=!t||r&&t,u=t?{backgroundImage:`url(${t})`}:{};return jsxRuntime.exports.jsxs("div",Object.assign({className:o.addImageBoxContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({id:`file-item-meta-${a}-image-title`,variant:"body2",className:o.addImageBoxTitle,color:"secondary","data-test":`file-item-meta-${a}-image-title`},{children:e})),jsxRuntime.exports.jsx(Button,Object.assign({className:o.iconButtonContainer,onClick:i},{children:jsxRuntime.exports.jsxs("div",Object.assign({onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),className:o.addImageBoxIconDiv+" "+("avatar"===a?o.addImageBoxSizeAvatar:o.addImageBoxSizeCover)},{children:[p&&!c&&jsxRuntime.exports.jsx(AddImageIcon,{id:`add-${a}-img`,color:t?"#fff":"#2A323C",size:45}),c&&jsxRuntime.exports.jsx("div",Object.assign({className:o.deleteIconContainer,onClick:s},{children:jsxRuntime.exports.jsx(default_1$4,{style:{fontSize:42},className:o.deleteIcon,color:"inherit"})})),d&&jsxRuntime.exports.jsx("div",{className:o.addImageBoxShadow}),l&&jsxRuntime.exports.jsx("div",{className:o.addImageBoxBackground,style:u})]}))}))]}))},FileItemMeta=({file:t,onSave:a,onCancel:e,onClosePanel:i})=>{const s=useStyles$2()["classes"];var o=useSelector(preferredLanguageSelector);const[r,n]=react.exports.useState(null),[l,d]=react.exports.useState(""),[c,p]=react.exports.useState(""),[u,m]=react.exports.useState((()=>{var[e,t,a]=(new Date).toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).split("/");return a+`-${e}-`+t})()),[x,g]=react.exports.useState((()=>{const[e,t]=(new Date).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1}).split(":");return e+":"+t.slice(0,2)})()),[f,j]=react.exports.useState([]),h=AIWareFormatMessage(o);react.exports.useEffect(()=>{var e;t&&(e=t["meta"],n(null==e?void 0:e.thumbnailImg),d(null!=e&&e.fileName?e.fileName:t.name),null!=e&&e.runDate&&m(null==e?void 0:e.runDate),null!=e&&e.runTime&&g(null==e?void 0:e.runTime),j((null==e?void 0:e.tags)||[]))},[t]);var o=react.exports.useCallback(()=>{var e;a&&(e={fileId:null==t?void 0:t.id,fileName:l,thumbnailImg:r,runDate:u,runTime:x,tags:f},a(e))},[a,l,u,x,f,r,t]),y=react.exports.useCallback(()=>{e&&(F(),e())},[e]),S=react.exports.useCallback(()=>{i&&(F(),i())},[i]);const v=react.exports.useCallback(()=>{if(c){const t=function(e){const t=e.includes(",")?e.split(","):[e],a=f.map(e=>e.value),i=[];return null===t||void 0===t||t.forEach(e=>{e=e.trim();""===e||a.includes(e)||(i.push({value:e}),a.push(e))}),i}(c);j(e=>[...e,...t]),p("")}},[c]),b=()=>{n(null)};return jsxRuntime.exports.jsxs("div",Object.assign({className:s.editMetadataContainer},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:s.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({id:"file-item-meta-title",variant:"h1",color:"secondary","data-test":"file-item-meta-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WUHjl4",defaultMessage:"Edit Metadata",description:"Edit Metadata"})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({id:"file-item-meta-close-panel",onClick:S,"aria-labelledby":"file-item-meta-close-panel","data-test":"file-item-meta-close-panel",className:s.closePanel,size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),jsxRuntime.exports.jsx("section",{children:jsxRuntime.exports.jsx(UploadButton,{id:"file-item-meta-avatar-image-upload",imageOnly:!0,onUpload:e=>{e=e.target.files[0],t=URL.createObjectURL(e);var t,e=t={id:guid(),fileUrl:t,name:e.name,size:e.size,type:e.type,percentComplete:0};n(e)},isUploadEnabled:!r,render:({handleButtonClick:e})=>jsxRuntime.exports.jsx(AddImageBox,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.uK8+3P",defaultMessage:"Thumbnail Image",description:"Thumbnail Image"}),backgroundImgUrl:r?null===r||void 0===r?void 0:r.fileUrl:"",aspectRatio:"cover",onClick:e,onDelete:b})})}),jsxRuntime.exports.jsx("section",Object.assign({className:s.topMarginSm},{children:jsxRuntime.exports.jsx(TextField,{id:"file-item-meta-file-name",InputLabelProps:{shrink:!0},autoComplete:"off",label:h({id:"os-data-center-importer.label.fileName",defaultMessage:[{type:0,value:"File name"}]}),value:l,style:{width:"100%"},onChange:e=>{d(e.target.value)}})})),jsxRuntime.exports.jsxs("section",Object.assign({className:s.topMarginLg},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"file-item-meta-display-time-heading",variant:"subtitle1",color:"textSecondary",className:s.heading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.8aqtJF",defaultMessage:"Media Display Time",description:"Media Display Time heading"})})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"file-item-meta-display-time-sub-heading",variant:"subtitle2",color:"textSecondary",className:s.subHeading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.mhUvxM",defaultMessage:"The actual time the content occurred.",description:"Media Display Time sub heading"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.topMarginSm+" "+s.flex},{children:[jsxRuntime.exports.jsx(TextField,{id:"file-item-meta-run-date",label:h({id:"os-data-center-importer.label.runDate",defaultMessage:[{type:0,value:"Run Date"}]}),type:"date",value:u,className:s.runDate,onChange:e=>m(e.target.value),InputLabelProps:{shrink:!0}}),jsxRuntime.exports.jsx(TextField,{id:"file-item-meta-run-time",label:h({id:"os-data-center-importer.label.runTime",defaultMessage:[{type:0,value:"Run Time"}]}),type:"time",value:x,onChange:e=>g(e.target.value),className:s.runTime,InputLabelProps:{shrink:!0}})]}))]})),jsxRuntime.exports.jsxs("section",Object.assign({className:s.topMarginLg},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"file-item-meta-tags-heading",variant:"subtitle1",color:"textSecondary",className:s.heading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.fXL811",defaultMessage:"Tags",description:"Tags heading"})})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"file-item-meta-tags-sub-heading",variant:"subtitle2",color:"textSecondary",className:s.subHeading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WFj+x5",defaultMessage:"Add searchable tags to better organize this data. Separate each tag with a comma.",description:"Tags sub heading"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.topMarginSm+" "+s.flex},{children:[jsxRuntime.exports.jsx(TextField,{id:"file-item-meta-tags",autoComplete:"off",value:c,className:s.tagInput,onChange:e=>{p(e.target.value)},size:"small",onKeyPress:e=>{"Enter"===e.key&&v()}}),jsxRuntime.exports.jsx(Button,Object.assign({id:"file-item-meta-tags-addBtn",variant:"outlined",color:"primary",disabled:!c,onClick:v},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.rntBSe",defaultMessage:"Add",description:"Add tags to metadata"})}))]})),jsxRuntime.exports.jsx("ul",Object.assign({id:"tags",className:s.tags+" "+s.topMarginSm},{children:null===f||void 0===f?void 0:f.map(t=>jsxRuntime.exports.jsx("li",{children:jsxRuntime.exports.jsx(Chip$1,{id:guid(),label:t.value,size:"small",className:s.tag,onDelete:()=>{j(f.filter(e=>e.value!==t.value))}})},t.value))}))]})),jsxRuntime.exports.jsxs("footer",Object.assign({className:s.footer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({id:"file-item-meta-cancel-btn",onClick:y,variant:"text",size:"large",className:s.cancelBtn,"data-test":"file-item-meta-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.6PdOcy",defaultMessage:"Cancel",description:"Cancel"})})),jsxRuntime.exports.jsx(Button,Object.assign({id:"file-item-meta-save-btn",onClick:o,disabled:!1,size:"large",variant:"contained",color:"primary","data-test":"file-item-meta-save-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kxBKrN",defaultMessage:"Save Changes",description:"Save file metadata changes"})}))]}))]}));function F(){n(null),d(""),m("2021-12-22"),g("12:00"),j([])}},FileItemMetaContainer=({hidePanel:e,file:t})=>{const a=useDispatch();var i=useSelector(selectUIStateStatus);return jsxRuntime.exports.jsx(FileItemMeta,{file:t,status:i,onSave:function(e){e&&a(actions.filesSelectedState.addMetadataAction({id:null==t?void 0:t.id,meta:e}))},onCancel:function(){e()},onClosePanel:function(){e()}})},EditFileMetadata=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(FileItemMetaContainer,Object.assign({},e))}))})});export{DataCenterImporter,EditFileMetadata,SupportedFileTypes};