aiware-js 2.37.0 → 2.38.0

package/js-core.esm55.js

@@ -1,56 +1,124 @@
-import{i as createSvgIcon,k as interopRequireDefault,j as jsxRuntime,m as makeStyles,X as createSlice,ci as combineReducers,cj as createSelector,a2 as rootApiSelector,a4 as graphEndpointSelector,a3 as sessionTokenSelector,cl as AIWareThemeProvider,$ as DynamicModuleLoader,eO as getLibraryModule,A as AIWareIntlProvider,bK as AIWareCacheProvider,n as useSelector,r as react,l as useDispatch,F as FormattedMessage,T as Typography,am as Tooltip,E as IconButton,cn as Close,B as Box,v as Alert,K as Button,aK as CircularProgress,aa as Portal,f8 as img$w,cr as default_1$2,t as lodash,f3 as Badge,bT as Icon,dF as EngineCategoryIcons,b5 as Snackbar,b6 as default_1$3,fy as ConfirmationModal,ah as all,fS as selectors$1,fT as LibraryDropdown,b$ as FormHelperText$2,fU as Remove,fV as Save,cL as Add,cD as Delete,cB as Edit,ap as Skeleton,cw as mountPanel,z as classNames,aq as takeLatest$1,x as FormControl,at as select,a0 as preferredLanguageSelector,bf as AIWareFormatMessage,as as put,c7 as showMessage,c8 as MessageSeverity,av as call,dl as sdkEventManager,dm as SdkEvents,dn as SdkError,y as TextField,H as Select,M as MenuItem,fW as Input,dL as Chip,cJ as baseGraphQLApiWithError}from"./js-core.esm.js";import{selectors}from"./js-core.esm38.js";import"./js-core.esm27.js";import"./js-core.esm39.js";import"./js-core.esm34.js";import"./js-core.esm40.js";import"./js-core.esm20.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm33.js";import"./js-core.esm32.js";import"./js-core.esm44.js";import"./js-core.esm9.js";import"./js-core.esm23.js";import"./js-core.esm5.js";import"./js-core.esm41.js";import"./js-core.esm10.js";import"./js-core.esm11.js";import"./js-core.esm42.js";import"./js-core.esm43.js";var ProcessAIView,CheckCircle={},_interopRequireDefault$1=interopRequireDefault.exports,default_1$1=(Object.defineProperty(CheckCircle,"__esModule",{value:!0}),CheckCircle.default=void 0),_createSvgIcon$1=_interopRequireDefault$1(createSvgIcon),_jsxRuntime$1=jsxRuntime.exports,_default$1=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle"),default_1$1=CheckCircle.default=_default$1,Info={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(Info,"__esModule",{value:!0}),Info.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}),"Info"),default_1=Info.default=_default;const SHARED_TEXT={processAiHeaderTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.eA9TAY",defaultMessage:"AI PROCESSING",description:"Title of AI categories list"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),processAiHeaderDescription:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.p3BcDi",defaultMessage:"Select from a list of AI capabilities to apply available AI processing to your selected files.",description:"Detailed text below the process AI header title"}),processAiEngineUnavailable:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.PwcA3J",defaultMessage:"This engine does not specify a default single job template.",description:"Detailed text if an engine is not available to use"}),processAiFailedStatus:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.UBu61T",defaultMessage:"An error happened while fetching the engine capabilities.",description:"Error message for process ai failures"}),processAiNoEngineCapability:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.IC5L+j",defaultMessage:"No available engine found for this file.",description:"Warning message when no engine found"}),processAiRetryBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.8U+Kek",defaultMessage:"Retry",description:"Retry button text"}),cancel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.6PdOcy",defaultMessage:"Cancel",description:"Cancel"}),processAiAddEngines:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.e5+f7H",defaultMessage:"Save Changes",description:"Add engines button text"}),engineSettings:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.3Phobj",defaultMessage:"Engine Settings",description:"The label for the engine settings component"}),saveSettings:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.UOkssC",defaultMessage:"Save Settings",description:"The label for the engine settings savings"}),engineSelected:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.Ki+AeV",defaultMessage:"Selected & Configured",description:"The label for the selected engine"}),removeEngine:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.eZW4Lt",defaultMessage:"Remove Engine",description:"The button to deselected a selected engine"}),editConfigurations:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.GSlIPA",defaultMessage:"Edit Configurations",description:"The button to edit the engine configurations"}),useThisEngine:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai-use-engine",defaultMessage:"Use this Engine",description:"The label for the use engine button when no engine has not been selected yet"})},useStyles$5=makeStyles()(e=>({aiProcessingWrapper:{padding:"8px 20px 20px 20px",display:"flex",flexDirection:"column",height:"100%",position:"absolute",top:"0",bottom:"0"},processAiHeader:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",marginBottom:10},loaderIcon:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:20}})),SLICE_NAME="dataCenterProcessAI",namespace$3=(!function(e){e.aiCapabilities="aiCapabilities",e.engineSelection="engineSelection",e.engineConfiguration="engineConfiguration"}(ProcessAIView=ProcessAIView||{}),"capabilitiesState"),initialState$3={status:"idle",capabilities:[],engines:{}},capabilitiesSlice=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$3,reducers:{capabilitiesFetchStart(e,t){e.status="pending"},capabilitiesFetchSucceed(e){e.status="idle"},capabilitiesFetchFailed(e){e.status="failure"},setCapabilities:(e,t)=>{e.capabilities=t.payload},setEngines:(e,t)=>{e.engines=t.payload}}}),actions$4=capabilitiesSlice.actions;var capabilities_state=capabilitiesSlice.reducer;const namespace$2="processAiConfig",initialState$2={status:"idle",selectedEngines:{}},configurationSlice=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$2,reducers:{setConfigurations(e,t){var{capabilityId:t,selectedEngines:s}=t.payload;e.selectedEngines[t]=s},updateSingleJobStatus(e,t){const{engineId:s,status:n}=t.payload;for(const a in e.selectedEngines){var i=e.selectedEngines[a].findIndex(e=>e.id===s);if(-1!==i){e.selectedEngines[a][i].status=n;break}}}}}),actions$3=configurationSlice.actions;var configuration_state=configurationSlice.reducer;const namespace$1="uiState",initialState$1={status:"idle",currentView:ProcessAIView.aiCapabilities,isFullScreen:!1},uiSlice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState$1,reducers:{setCurrentView:(e,t)=>{e.currentView=t.payload},setStatus:(e,t)=>{e.status=t.payload},setIsFullScreen:(e,t)=>{e.isFullScreen=t.payload}}}),actions$2=uiSlice.actions;var ui_state=uiSlice.reducer;const namespace="job",initialState={status:"idle"},jobSlice=createSlice({name:SLICE_NAME+"/"+namespace,initialState:initialState,reducers:{launchJobStart(e,t){e.status="pending"},launchJobSucceed(e){e.status="success"},launchJobFailed(e){e.status="failure"}}}),actions$1=jobSlice.actions;var EngineFieldType,job_state=jobSlice.reducer;const actions={[namespace$1]:actions$2,[namespace$3]:actions$4,[namespace$2]:actions$3,[namespace]:actions$1},rootReducer=combineReducers({[namespace$1]:ui_state,[namespace$3]:capabilities_state,[namespace$2]:configuration_state,[namespace]:job_state}),selectCapabilitiesStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.status},selectCapabilities=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.capabilities},selectEnginesByCapabilityId=t=>e=>{return null==(e=null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.engines)?void 0:e[t]},selectAllEngines=e=>{e=null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$3])?void 0:e.engines;return e&&0<Object.values(e).length?Object.values(e).reduce((e,t)=>lodash.exports.concat(e,t)):[]},selectSelectedEnginesByCapabilityId=t=>e=>{return null==(e=null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$2])?void 0:e.selectedEngines)?void 0:e[t]},selectSelectedEngines=e=>{e=null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$2])?void 0:e.selectedEngines;return Object.values(e).reduce((e,t)=>e.concat(t),[])},selectSelectedEnginesObj=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$2])?void 0:e.selectedEngines},selectJobStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace])?void 0:e.status},selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,s)=>({apiRoot:e,graphQLEndpoint:t,token:s})),useStyles$4=makeStyles()(e=>({processingContainer:{marginTop:25,flex:1,overflowY:"scroll"},instructions:{marginBottom:"30px"},name:{fontSize:"14px",fontWeight:400,lineHeight:"19.1px"},description:{fontSize:"14px",fontWeight:400,maxWidth:"276px",lineHeight:"16.37px",overflow:"hidden",textOverflow:"ellipsis"},iconBackground:{display:"flex",justifyContent:"center",alignItems:"center",height:"40px",borderRadius:"25px",width:"40px",minHeight:"40px",minWidth:"40px",background:"#F2F5F9",marginRight:"15px"},processingRow:{padding:"20px 0",display:"flex",flexDirection:"row",height:"auto",borderBottom:"0.5px solid #D5DFE9",cursor:"pointer"},processingColumn:{display:"flex",flexDirection:"column",maxHeight:"auto"},engineIcons:{verticalAlign:"middle"},badge:{backgroundColor:"#D43060",left:e.spacing(1),top:e.spacing(1)},badgeContent:{fontSize:"11px",fontWeight:600,lineHeight:0}})),selectIsFullScreen=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.isFullScreen},AICategories=({categories:e,closeSnackbar:a,enableNonSingleEngineJobEngines:o,aobSelectedEngines:r,marginStart:l,marginTop:c,parentPanel:d})=>{const s=useStyles$4()["classes"],u=useDispatch(),n=useSelector(selectSelectedEnginesObj),p=useSelector(selectors.uiState.selectIsFullScreen),x=useSelector(selectors.uiState.selectIsMdpFullScreen),g=useSelector(selectIsFullScreen);return jsxRuntime.exports.jsx("div",Object.assign({className:s.processingContainer},{children:e.map(i=>{var e,t=i.name.replace(/[^a-zA-Z]/g,"");return jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"engine-category-row",className:s.processingRow,onClick:()=>{{var t=i,t=(a(),{name:"DATA_CENTER_ENGINE_SELECTION",config:{name:"DATA CENTER ENGINE SELECTION",capability:t,enableNonSingleEngineJobEngines:o,aobSelectedEngines:r}}),s=g||p||x;let e=1001;switch(d){case"DATA_CENTER_MDP_IFRAME_PANEL":e=s?1008:1002;break;case"PROCESSING_CENTER_DAG_BUILDER":e=s?1011:1002;break;default:e=s?1007:1002}var n={type:"APP_BAR_PANEL_TEMPLATE",marginTop:(s?0:55)+(c||0),marginStart:(s?380:460)+(l||0),size:"small",zIndex:e,parentPanelId:"DATA_CENTER_PROCESS_AI",dimmed:0,dimmedStatus:"dimParent"};u(mountPanel({panelId:"DATA_CENTER_ENGINE_SELECTION",microFrontend:t,panelConfig:n}))}}},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.iconBackground},{children:jsxRuntime.exports.jsx(Badge,Object.assign({"data-test":"engine-category-badge-"+t,badgeContent:null!=(e=n[i.id])&&e.length?jsxRuntime.exports.jsx(Typography,Object.assign({variant:"overline",className:s.badgeContent},{children:n[i.id].length})):0,color:"secondary",classes:{badge:s.badge},anchorOrigin:{vertical:"bottom",horizontal:"right"}},{children:jsxRuntime.exports.jsx(Icon,{"data-test":"engine-category-icon-"+t,className:s.engineIcons,component:EngineCategoryIcons[t],color:"secondary",fontSize:"small"})}))})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.processingColumn},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"engine-category-name-"+i.name,variant:"h6",color:"textPrimary",className:s.name},{children:i.name})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"engine-category-description-"+i.name,variant:"body2",color:"textSecondary",className:s.description},{children:i.description}))]}))]}),t)})}))},useStyles$3=makeStyles()(e=>({jobLaunchSnackbarContainer:{backgroundColor:e.palette.common.white,padding:"6px 16px",borderRadius:"4px",width:"440px",boxShadow:"rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px"},jobLaunchSnackbarTitle:{display:"flex",justifyContent:"space-between",padding:"10px 4px"},jobLaunchItemList:{maxHeight:"80vh",overflowY:"scroll",width:"102%"},jobLaunchItem:{transition:"all 0.5s ease-in-out",display:"flex",flexDirection:"row",padding:"6px 0px 5px 16px",borderRadius:"4px",marginBottom:"10px",marginTop:"5px"},jobLaunchItemMessage:{display:"flex",flexDirection:"column",width:"80%"},jobLaunchItemFeedback:{display:"flex",justifyContent:"center",alignItems:"center",width:"20%"},jobLaunchItemLoading:{color:"rgb(13, 60, 97)",backgroundColor:"rgb(232, 244, 253)"},jobLaunchItemSuccess:{backgroundColor:"rgb(237, 247, 237)",color:"rgb(30, 70, 32)"},jobLaunchItemFail:{backgroundColor:"rgb(253, 236, 234)",color:"rgb(97, 26, 21)"}})),JobLaunchItem=({name:e,status:t,onRetry:s,limitAnimation:n=!1})=>{const[i,a]=react.exports.useState(!0);react.exports.useEffect(()=>{setTimeout(()=>{a(!1)},500*Math.random()+700)});var o=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(o.jobLaunchItem,{[o.jobLaunchItemLoading]:"pending"===t||i,[o.jobLaunchItemSuccess]:"success"===t,[o.jobLaunchItemFail]:"failure"===t})},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:o.jobLaunchItemMessage},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({style:{width:"90%"},variant:"h4",noWrap:!0},{children:e})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:"pending"===t||i?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.dSA4RS",defaultMessage:"Launching AI Processing...",description:"Job Launch item description loading job"}):"success"===t?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.b+iNpN",defaultMessage:"This processing job started successfully.",description:"Job Launch item description success"}):"failure"===t?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.50UABM",defaultMessage:"Unable to start processing job.",description:"Job Launch item description failed"}):void 0}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:o.jobLaunchItemFeedback},{children:"pending"===t||i?jsxRuntime.exports.jsx(CircularProgress,{size:20,disableShrink:n}):"success"===t?jsxRuntime.exports.jsx(default_1$1,{style:{color:"#4caf50"}}):"failure"===t?jsxRuntime.exports.jsx(Button,Object.assign({color:"inherit",onClick:s},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.BnINsu",defaultMessage:"RETRY",description:"Button label to retry the failed job"})})):void 0}))]}))},JobLaunchSnackbar=({open:e,onClose:s,jobLaunchItems:t,onRetry:n,hidePanel:i})=>{var a=(e,t)=>{"clickaway"!==t&&s()},o=useStyles$3()["classes"];const r=10<t.length;var l=()=>{for(const e of t)if("failure"===e.status||"pending"===e.status)return null;return 2500};return jsxRuntime.exports.jsx(Snackbar,Object.assign({anchorOrigin:{vertical:"bottom",horizontal:"right"},open:e,autoHideDuration:l(),onClose:a,TransitionProps:{onExited:l()&&i}},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:"aiware-el "+o.jobLaunchSnackbarContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:o.jobLaunchSnackbarTitle},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.HJnKOv",defaultMessage:"AI Processing",description:"AI Processing snackbar title"})})),jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"close",color:"inherit",size:"small",onClick:a},{children:jsxRuntime.exports.jsx(default_1$3,{fontSize:"inherit"})}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:o.jobLaunchItemList},{children:t.map((e,t)=>jsxRuntime.exports.jsx(JobLaunchItem,{name:e.name,status:e.status,onRetry:()=>n(e),limitAnimation:r},t))}))]}))}))},useStyles$2=makeStyles()(e=>({root:{display:"flex",justifyContent:"end",marginTop:"25px"},cancelButton:{marginRight:e.spacing(2),textTransform:"none",color:e.palette.text.primary},actionButton:{textTransform:"none"}})),ActionsFooter=({title:e,actionButton:t,cancelButton:s,confirmationOnCancel:n=!1,children:i=null})=>{const[a,o]=react.exports.useState(!1);var r=useStyles$2()["classes"];const l=e=>{o(!1),e&&e()};return jsxRuntime.exports.jsxs("div",Object.assign({className:r.root,"data-test":"data-center-action-footer"},{children:[e,i,jsxRuntime.exports.jsx(ConfirmationModal,{showConfirmationModal:a,closeConfirmationModal:l,onClosePanel:()=>l(s.action)}),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{n&&!t.disabled?o(!0):s.action()},disabled:s.disabled,"data-test":s.dataTest,className:r.cancelButton},{children:s.label})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:t.action,disabled:t.disabled,"data-test":t.dataTest,className:r.actionButton},{children:t.label}))]}))},ProcessAIManager=t=>{var e,s=useStyles$5()["classes"];const{apiRoot:n,graphQLEndpoint:i,token:a}=useSelector(selectApiConfigs),o=useSelector(selectJobStatus),[r,l]=react.exports.useState(!1);var c=useSelector(selectCapabilitiesStatus);const d=useSelector(selectSelectedEngines),u=useSelector(selectAllEngines),{onSaveEngineSelection:p,enableNonSingleEngineJobEngines:x,aobSelectedEngines:g}=t;var m=useSelector(selectCapabilities);const j=useDispatch(),b=()=>{j(actions.capabilitiesState.capabilitiesFetchStart(t.tdoId))};if(react.exports.useEffect(()=>{j(actions.uiState.setIsFullScreen(Boolean(t.isFullScreen)))},[]),react.exports.useEffect(()=>{["pending","success","failure"].includes(o)&&l(!0)},[o]),react.exports.useEffect(()=>{n&&i&&a&&b()},[n,i,a,j,t.tdoId]),!(n&&i&&a&&t.panelRendered))return null;var h={label:null!=(h=t.submitButtonLabel)?h:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.J0sEvH",defaultMessage:"Process with AI",description:"action button label"}),action:()=>{var e;p?(e=d.map(t=>{var e=u.find(e=>e.id===t.id);return Object.assign(Object.assign({},e),t)}),p(e),null!=t&&t.hidePanel()):j(actions.job.launchJobStart({tdoId:t.tdoId,selectedEngines:d}))},disabled:!d.length,dataTest:"data-center-process-ai-action-btn"},f={label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.uT5L4h",defaultMessage:"Cancel",description:"cancel button label"}),action:()=>null==t?void 0:t.hidePanel(),disabled:!1,dataTest:"data-center-process-ai-cancel-btn"};return jsxRuntime.exports.jsxs("div",Object.assign({className:s.aiProcessingWrapper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:s.processAiHeader},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"data-center-process-ai-panel-header-title"},{children:null!=(e=t.panelTitle)?e:SHARED_TEXT.processAiHeaderTitle()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:SHARED_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:null==t?void 0:t.hidePanel,"aria-labelledby":"data-center-process-ai-close-panel","data-test":"data-center-process-ai-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",color:"textSecondary","data-test":"data-center-process-ai-supported-files-title"},{children:null!=(e=t.panelDescription)?e:SHARED_TEXT.processAiHeaderDescription()})),"failure"===c&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("br",{}),jsxRuntime.exports.jsx(Box,Object.assign({mt:4},{children:jsxRuntime.exports.jsxs(Alert,Object.assign({variant:"outlined",severity:"error"},{children:[jsxRuntime.exports.jsx("span",Object.assign({"data-test":"data-center-process-ai-failed-text"},{children:SHARED_TEXT.processAiFailedStatus()})),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"data-center-process-ai-failed-retry-button",onClick:b},{children:SHARED_TEXT.processAiRetryBtn()}))})]}))}))]}),"idle"===c&&!(null!=m&&m.length)&&jsxRuntime.exports.jsx(Box,Object.assign({mt:4},{children:jsxRuntime.exports.jsx(Alert,Object.assign({variant:"outlined",severity:"info"},{children:SHARED_TEXT.processAiNoEngineCapability()}))})),"pending"===c&&jsxRuntime.exports.jsx("div",Object.assign({className:s.loaderIcon},{children:jsxRuntime.exports.jsx(CircularProgress,{})})),"idle"===c&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(AICategories,{categories:m,closeSnackbar:()=>l(!1),enableNonSingleEngineJobEngines:!!x,aobSelectedEngines:g,marginStart:null==t?void 0:t.marginStart,marginTop:null==t?void 0:t.marginTop,parentPanel:null==t?void 0:t.parentPanelId}),jsxRuntime.exports.jsx(ActionsFooter,{confirmationOnCancel:!0,actionButton:h,cancelButton:f})]}),jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsx(JobLaunchSnackbar,{open:r,onClose:()=>l(!1),jobLaunchItems:d,onRetry:e=>{j(actions.job.launchJobStart({tdoId:t.tdoId,selectedEngines:[e]}))},hidePanel:null==t?void 0:t.hidePanel})})]}))};function __awaiter(e,o,r,l){return new(r=r||Promise)(function(s,t){function n(e){try{a(l.next(e))}catch(e){t(e)}}function i(e){try{a(l.throw(e))}catch(e){t(e)}}function a(e){var t;e.done?s(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(n,i)}a((l=l.apply(e,o||[])).next())})}function fetchEngineCapabilities(s,n,i){return __awaiter(this,void 0,void 0,function*(){var e="fetchEngineCapabilities",t="engineCategories";return(yield baseGraphQLApiWithError(Object.assign({query:`
-    query ${e}($limit: Int${n?", $format: String!":""}) {
-      ${t}(limit: $limit) {
-        count
-        offset
-        limit
+import{X as createSlice,t as lodash,ci as combineReducers,cj as createSelector,a2 as rootApiSelector,a4 as graphEndpointSelector,a3 as sessionTokenSelector,ck as fork,m as makeStyles,l as useDispatch,r as react,cH as validate,j as jsxRuntime,cl as AIWareThemeProvider,$ as DynamicModuleLoader,A as AIWareIntlProvider,bK as AIWareCacheProvider,aq as takeLatest$1,cw as mountPanel,n as useSelector,z as classNames,T as Typography,E as IconButton,cz as MoreVert,am as Tooltip,c5 as Hide,cA as Menu,M as MenuItem,ae as ListItemIcon,cB as Edit,N as Divider,cD as Delete,cv as hidePanel,G as Grid,c as Paper,F as FormattedMessage,fW as Input,y as TextField,b6 as default_1,at as select,a0 as preferredLanguageSelector,as as put,av as call,c7 as showMessage,c8 as MessageSeverity,cu as delay,ah as all,bf as AIWareFormatMessage,aO as TableContainer,aP as Table,aU as TableBody,H as Select,cJ as baseGraphQLApiWithError,aQ as TableHead,aR as TableRow,aS as TableCell,aT as TableSortLabel,ap as Skeleton,cG as img$1y,K as Button,cL as Add,cQ as Filter,aM as Dialog,b2 as DialogTitle,b3 as DialogContent,cx as DialogContentText,b4 as DialogActions,cF as useBackupImg}from"./js-core.esm.js";import{s as statusPill}from"./js-core.esm20.js";import{E as EntityTags}from"./js-core.esm21.js";import{C as Container}from"./js-core.esm6.js";import{A as Autocomplete}from"./js-core.esm23.js";import{P as Pagination}from"./js-core.esm25.js";import"./js-core.esm33.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm32.js";import"./js-core.esm14.js";import"./js-core.esm17.js";import"./js-core.esm12.js";import"./js-core.esm16.js";const SLICE_NAME="appCenterBrowse";var AppType,AppConfigType,ModuleRepo,ModuleStatus;!function(e){e.Apps="apps",e.QueryOptions="queryOptions",e.TotalAppsInQuery="totalAppsInQuery"}(AppType=AppType||{}),function(e){e.String="String",e.Boolean="Boolean",e.Date="Date",e.Integer="Integer",e.JSON="JSON",e.Float="Float"}(AppConfigType=AppConfigType||{}),function(e){e.NPM="npm",e.Github="github"}(ModuleRepo=ModuleRepo||{}),function(e){e.ACTIVE="active",e.DELETED="deleted"}(ModuleStatus=ModuleStatus||{});const initialAppDetails={appId:null},namespace$3="uiState",initialState$2={status:"idle",appDetails:initialAppDetails},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{initApps(e){e.status="pending"},fetchingApps(e){e.status="pending"},fetchingDone(e){e.status="idle"},fetchingFailed(e){e.status="failure"},toggleAppDetails(e,{payload:t}){t?e.appDetails.appId=t:delete e.appDetails.appId}}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="apps",initialState$1={apps:{},queryOptions:{limit:10,page:1,orderBy:[]},totalAppsInQuery:0},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{appsFetchSucceeded(e,t){var s=null==(s=null==(s=t.payload)?void 0:s.results)?void 0:s.records,s=lodash.exports.keyBy(s,"id");e[AppType.Apps]=s,t.payload.totalResults&&(e[AppType.TotalAppsInQuery]=null==(e=null==(s=t.payload)?void 0:s.totalResults)?void 0:e.count)},mutateApplicationWorkflow(e,t){t=t.payload;e[AppType.Apps][t.id].status="updating"},mutateApplicationWorkflowSuccess(e,t){var{id:t,status:s,validStateActions:a}=t.payload;e[AppType.Apps][t].status=s,e[AppType.Apps][t].validStateActions=a},refreshAppStateSuccess(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},deleteApp(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleting"},deleteAppSuccess(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleted"},deleteAppFailed(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},setQueryOptions(e,t){e.queryOptions=t.payload}}}),actions$2=slice$1.actions;var appsState=slice$1.reducer;const namespace$1="filterState",initialState={filter:{name:"",entityTags:[],status:"",created:{startDate:"",endDate:"",isSearch:!1},lastUpdated:{startDate:"",endDate:"",isSearch:!1}}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{setFilters(e,{payload:t}){e.filter=t.filter}}}),actions$1=slice.actions;var filterState=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]:appsState,[namespace$1]:filterState});function __awaiter(e,r,o,l){return new(o=o||Promise)(function(s,t){function a(e){try{n(l.next(e))}catch(e){t(e)}}function i(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?s(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(a,i)}n((l=l.apply(e,r||[])).next())})}const applicationFieldsFragment=`fragment applicationFields on Application {
+    id
+    name
+    description
+    entityTags {
+      tagKey
+      tagValue
+    }
+    applicationConfig {
+      records {
+        applicationId
+        configKey
+        configType
+        configLevel
+        required
+        description
+        secured
+        defaultValue
+        defaultValueJSON
+      }
+      offset
+      limit
+      count
+    }
+    status
+    url
+    signedIconUrl
+    oauth2RedirectUrls
+    iconSvg
+    iconUrl
+    key
+    clientSecret
+    validStateActions
+    createdDateTime
+    modifiedDateTime
+    headerbarEnabled
+    components {
+      engines {
         records {
+          id
           name
-          iconClass
           description
-          name
+          state
+          iconPath
+          signedIconPath
+          deployedVersion
+          displayName
+          edgeVersion
+          categoryId
+          modifiedDateTime
+        }
+      }
+      dataRegistries {
+        records {
           id
-          engines(
-            limit: $limit
-            filter: {
-              ${n?"supportedInputFormats: [$format],":""}
-              state: active
-            }
-          ) {
-            count
-            offset
-            limit
-            records {
-              id
-              description
-              name
-              state
-              signedIconPath
-              edgeVersion
-              modifiedDateTime
-              fields {
-                name
-                type
-                defaultValue
-                defaultValues
-                required
-                max
-                min
-                options {
-                  __typename
-                  key
-                  value
-                }
-              }
-              standaloneJobTemplates {
-                type
-              }
-              libraryRequired
-              supportedInputFormats
-              mode
-            }
+          name
+          description
+          modifiedDateTime
+          publishedSchema {
+            majorVersion
+            minorVersion
+            status
           }
         }
       }
+      contextMenuExtensions {
+        id
+        label
+        url
+        type
+      }
+    }
+    nodeModules(includeDeleted: true) {
+      moduleId
+      moduleRepo
+      moduleName
+      moduleVersion
+      isPrivateRepo
+      isPrivateRegistry
+      scope
+      accessToken
+      registryUrl
+      sshUrl
+      status
     }
-  `,variables:{format:n,limit:i},operationName:e},s)))[t]})}function getTdoContentType(s,n){var i;return __awaiter(this,void 0,void 0,function*(){var e="getTdoContentType",t="temporalDataObject",e=yield baseGraphQLApiWithError(Object.assign({query:'\n    query getTdoContentType($tdoId: ID!) {\n      temporalDataObject(id: $tdoId) {\n        primaryAsset(assetType: "media") {\n          contentType\n        }\n      }\n    }\n  ',variables:{tdoId:n},operationName:e},s));return null==(i=null==(i=e[t])?void 0:i.primaryAsset)?void 0:i.contentType})}function launchSingleEngineJob(n,i,a,o,r){var l;return __awaiter(this,void 0,void 0,function*(){var e="launchSingleEngineJob",t="launchSingleEngineJob",s=null==o?void 0:o.filter(e=>null!==e.fieldValue),s={input:Object.assign(Object.assign(Object.assign({engineId:i},r&&{uploadUrl:r}),a&&{targetId:a}),(null==s?void 0:s.length)&&{fields:s})},s=yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation launchSingleEngineJob($input: SingleEngineJobInput!) {\n      launchSingleEngineJob(input: $input) {\n        id\n      }\n    }\n  ",variables:s,operationName:e},n));return null==(l=s[t])?void 0:l.id})}function*fetchCapabilitiesHandler(e){try{var t=yield select(selectApiConfigs),s=yield select(preferredLanguageSelector),n=e.payload,i=n?yield getTdoContentType(t,n):null,a=AIWareFormatMessage(s);if(n&&!i)yield put(showMessage({content:a({id:"os-data-center-process-ai.snackbar.processAiEngineError",defaultMessage:[{type:0,value:"This file can not be processed through any AI engines!"}]}),severity:MessageSeverity.Info}));else{var o=yield fetchEngineCapabilities(t,i,200);const r=[],l={};null!=o&&o.records.forEach(e=>{0<e.engines.count&&(r.push({iconClass:e.iconClass,id:e.id,name:e.name,description:e.description}),l[e.id]=e.engines.records)}),yield put(actions.capabilitiesState.setCapabilities(r)),yield put(actions.capabilitiesState.setEngines(l))}yield put(actions.capabilitiesState.capabilitiesFetchSucceed())}catch(e){yield put(actions.capabilitiesState.capabilitiesFetchFailed()),console.log(e)}}function*getCapabilitiesWatcher(){yield takeLatest$1(actions.capabilitiesState.capabilitiesFetchStart.type,fetchCapabilitiesHandler)}function*launchSingleEngineJobSaga(e){try{const t=yield select(selectApiConfigs),{tdoId:s,selectedEngines:n}=e.payload;yield all(n.map(e=>launchSingleEngine(t,e.id,s,e.fields))),yield put(actions.job.launchJobSucceed())}catch(e){yield put(actions.job.launchJobFailed()),console.log(e)}}function*launchSingleEngine(e,t,s,n){try{yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:"pending"}));var i=yield call(launchSingleEngineJob,e,t,s,n);i||(yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:"failure"})),sdkEventManager.dispatch(SdkEvents.jobCreated,new SdkError("Job could not be created!"),{tdoId:s,engineId:t})),yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:"success"})),sdkEventManager.dispatch(SdkEvents.jobCreated,null,{jobId:i,engineId:t,tdoId:s})}catch(e){yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:"failure"})),sdkEventManager.dispatch(SdkEvents.jobCreated,new SdkError("Job could not be created!"),{tdoId:s,engineId:t}),console.log(e)}}function*getJobWatcher(){yield takeLatest$1(actions.job.launchJobStart.type,launchSingleEngineJobSaga)}function*rootSaga(){yield all([getCapabilitiesWatcher(),getJobWatcher()])}function getDataCenterProcessAIModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const DataCenterProcessAI=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getDataCenterProcessAIModule(),getLibraryModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(ProcessAIManager,Object.assign({},e))})})}))}),formatLabel=(!function(e){e.Number="Number",e.Picklist="Picklist",e.MultiPicklist="MultiPicklist",e.Text="Text",e.SchemaSelection="SchemaSelection"}(EngineFieldType=EngineFieldType||{}),(e="")=>lodash.exports.startCase(e)),getFieldErrorMessage=e=>{var{required:e,value:t,min:s,max:n,type:i,values:a}=e;if(lodash.exports.isEmpty(i===EngineFieldType.MultiPicklist?a:t))return e?"This field can't be blank!":"";if(i===EngineFieldType.Number){if(lodash.exports.isNumber(s)&&Number(t)<s)return"The value can't be lower than "+s.toFixed(2);if(lodash.exports.isNumber(n)&&Number(t)>n)return"The value can't be higher than "+n.toFixed(2)}return""},checkFieldsValidation=(e,o)=>e.every(e=>{let t=!0;var{required:e,type:s,min:n,max:i,name:a}=e,a=o[a];return e&&lodash.exports.isEmpty(a)&&(t=!1),t=s===EngineFieldType.Number&&(lodash.exports.isNumber(n)&&Number(a)<n||lodash.exports.isNumber(i)&&Number(a)>i)?!1:t}),useStyles$1=makeStyles()(e=>({engineOuterContainer:{position:"relative",overflow:"hidden",borderRadius:"4px",marginTop:10},engineContainer:{border:"0.5px solid #D5DFE9",borderRadius:"4px",transition:"border-color 250ms"},engineUnavailable:{opacity:.5},engineUnavailableWarningContainer:{top:"0",left:"0",width:"100%",height:"100%",opacity:"1",position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",transition:"all 500ms ease-in-out",borderRadius:"4px",boxSizing:"border-box"},engineUnavailableWarning:{color:"rgb(13, 60, 97)",width:"80%",display:"flex",padding:"13px 6px",paddingTop:"8px",textAlign:"center",alignItems:"center",borderRadius:"7px",backgroundColor:"rgb(232, 244, 253)",boxShadow:"rgb(0 0 0 / 7%) 0px 3px 5px -1px, rgb(0 0 0 / 4%) 0px 6px 10px 0px, rgb(0 0 0 / 3%) 0px 1px 18px 0px"},engineUnavailableWarningIcon:{marginRight:"5px"},engineContainerActive:{borderColor:"#187600"},engineHeader:{display:"flex",flexDirection:"row",padding:"20px"},libraryWrapper:{marginTop:12,"& > div":{width:"100%"}},iconBackground:{display:"flex",justifyContent:"center",alignItems:"center",height:"40px",borderRadius:"25px",width:"40px",minHeight:"40px",minWidth:"40px",background:"#F2F5F9",marginRight:"15px"},engineImgIcon:{width:"30px",height:"30px"},engineInfoContainer:{position:"relative",flex:1},engineName:{fontSize:"14px",fontWeight:400,lineHeight:"19.1px"},engineDescription:{fontSize:"12px",fontWeight:400,lineHeight:"16.37px",overflow:"hidden",textOverflow:"ellipsis"},engineEstimatedCost:{color:"#1B1D1F",marginTop:"10px",fontSize:"12px"},engineContent:{overflowX:"hidden",overflowY:"auto",height:"auto",boxSizing:"border-box",width:"100%",padding:"16px 20px 20px 20px",display:"none"},engineSettingsLabel:{fontSize:14,fontWeight:600,color:"#1B1D1F"},footerActionBtn:{width:"100%",backgroundColor:"#FAFAFA",color:e.palette.text.primary,fontSize:"12px",padding:"10px"},isExpanded:{height:"auto",display:"flex",borderTop:"0.5px solid #D5DFE9",flexDirection:"column"},savedAndConfiguredBtn:{backgroundColor:"#ECFAE4",color:"#187600",width:"100%",fontSize:"12px",padding:"10px",pointerEvents:"none",cursor:"default","&:hover":{backgroundColor:"#ECFAE4",color:"#187600"}},icon:{fontSize:"15px",marginRight:"13px"},savedAndConfiguredBtnIcon:{color:"#187600"},deselectBtn:{fontSize:"8px",position:"absolute",right:"-20px",top:"-20px"},field:{width:"100%"},footerBtnContainer:{display:"flex",alignItems:"center",flex:1,padding:4,backgroundColor:"#fafafa",borderBottomLeftRadius:4,borderBottomRightRadius:4,border:"1px solid #FFF","& button":{flex:1,fontSize:12}},footerBtnContainerActive:{backgroundColor:"#ECFAE4","& .btnContBorder":{background:"#187600"},"& button":{color:"#187600"}},btnContBorder:{margin:"0 4px",height:18,width:1,background:"#555f7c"},formControlWrapper:{marginTop:15},inputLabel:{fontFamily:"Nunito",fontWeight:300,display:"block",fontSize:14,color:"#5C6269",marginBottom:6},inputLabelError:{color:e.palette.error.main}})),TxtField=({id:e,required:t,type:s,value:n,onChange:i,error:a=!1})=>{var o=useStyles$1()["classes"];return jsxRuntime.exports.jsx(TextField,{id:e,InputLabelProps:{shrink:!0},autoComplete:"off",required:t,value:n,type:s||"",className:o.field,onChange:i,size:"small",error:a})},SelectList=({id:e,value:t,required:s,options:n,onChange:i,error:a=!1})=>{var o=useStyles$1()["classes"];return jsxRuntime.exports.jsx(Select,Object.assign({id:e,required:s,value:void 0!==t?t:null,className:o.field,onChange:i,variant:"outlined",style:{width:"100%"},error:a,inputProps:{name:e,id:e}},{children:null==n?void 0:n.map(e=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:null==e?void 0:e.value},{children:null==e?void 0:e.key}),null==e?void 0:e.value))}))},MultiSelectList=({id:e,values:t,required:s,options:n,onChange:i,error:a=!1})=>{var o={PaperProps:{style:{maxHeight:224,width:250}}};return jsxRuntime.exports.jsx(Select,Object.assign({id:e,required:s,value:t,multiple:!0,onChange:i,variant:"outlined",error:a,input:jsxRuntime.exports.jsx(Input,{id:"select-multiple-chip-"+e}),renderValue:e=>jsxRuntime.exports.jsx("div",{children:null==e?void 0:e.map(e=>jsxRuntime.exports.jsx(Chip,{style:{marginRight:6},label:e},e))}),MenuProps:o},{children:null==n?void 0:n.map(e=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:null==e?void 0:e.value},{children:null==e?void 0:e.key})))}))},ComponentLoader=({fields:e,onChange:r,showErrors:l=!1})=>{const c=useStyles$1()["classes"];return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:null==(e=e)?void 0:e.map((t,e)=>{var s=formatLabel((null==t?void 0:t.name)||""),n=`engine-configuration-input--${null==t?void 0:t.name}-idx-`+e,i=e=>{r({fieldName:null==t?void 0:t.name,fieldValue:e.target.value})};let a;var o=!!getFieldErrorMessage(t)&&l;switch(null==t?void 0:t.type){case EngineFieldType.Picklist:a=jsxRuntime.exports.jsx(SelectList,{id:n,label:s,required:null==t?void 0:t.required,options:null==t?void 0:t.options,value:null==t?void 0:t.value,onChange:i,error:o});break;case EngineFieldType.Text:a=jsxRuntime.exports.jsx(TxtField,{id:n,label:s,required:null==t?void 0:t.required,value:null==t?void 0:t.value,onChange:i,error:o});break;case EngineFieldType.Number:a=jsxRuntime.exports.jsx(TxtField,{id:n,label:s,required:null==t?void 0:t.required,value:null==t?void 0:t.value,type:"number",onChange:i,error:o});break;case EngineFieldType.MultiPicklist:a=jsxRuntime.exports.jsx(MultiSelectList,{id:n,label:null==t?void 0:t.name,required:null==t?void 0:t.required,options:null==t?void 0:t.options,values:(null==t?void 0:t.values)||[],onChange:i,error:o});break;default:return null}return jsxRuntime.exports.jsxs(FormControl,Object.assign({error:o,size:"small",className:c.formControlWrapper},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:n,className:c.inputLabel+" "+(o&&c.inputLabelError)},{children:s})),a,o&&jsxRuntime.exports.jsx(FormHelperText$2,{children:getFieldErrorMessage(t)})]}),n)})})},Engine=({id:e,name:t,description:s,saved:n,libraryRequired:i,fields:a,onSave:o,onDeselect:r,iconName:l,defaultConfiguration:c,isEngineAvailable:d=!0,signedIconPath:u})=>{const p=useStyles$1()["classes"];var x=useSelector(selectors$1.selectLoadingStatus);const[g,m]=react.exports.useState(!1),[j,b]=react.exports.useState({}),[h,f]=react.exports.useState(!1),[S,v]=react.exports.useState(!1),[y,E]=react.exports.useState(!1),[R,C]=react.exports.useState(null),[I,A]=react.exports.useState(null);x=i&&"pending"===x;const T=t=>{b(e=>Object.assign(Object.assign({},e),{[t.fieldName]:t.fieldValue}))};const N=()=>checkFieldsValidation(a,j)?i&&!j.libraryId?v(!0):(o&&o({id:e,name:t,fields:Object.keys(j).map(e=>({fieldName:e,fieldValue:j[e]}))}),void m(!1)):f(!0);const M=()=>{const s={};c?c.forEach(e=>s[e.fieldName]=e.fieldValue):(i&&(s.libraryId=""),null!=a&&a.length&&a.forEach(e=>{var t=e.type===EngineFieldType.MultiPicklist?e.defaultValues:e.defaultValue;s[e.name]=t})),b(s)};react.exports.useEffect(()=>{M()},[]);var F=null==a?void 0:a.map(e=>{var t=Object.assign({},e);return t[e.type===EngineFieldType.MultiPicklist?"values":"value"]=j[e.name],t});return jsxRuntime.exports.jsxs("div",Object.assign({onMouseEnter:()=>{var e;d||(e=setTimeout(()=>{E(!0)},500),C(e))},onMouseLeave:()=>{d||(E(!1),clearTimeout(R))},className:p.engineOuterContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:`${p.engineContainer} ${n&&p.engineContainerActive} `+(!d&&p.engineUnavailable)},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:p.engineHeader},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:p.iconBackground},{children:u&&!1!==I?jsxRuntime.exports.jsx("img",{alt:"Engine Logo",className:p.engineImgIcon,src:u,onLoad:e=>{A(!0)},onError:e=>{A(!1)}}):jsxRuntime.exports.jsx(Icon,{color:"secondary",fontSize:"small",component:EngineCategoryIcons[l]})})),jsxRuntime.exports.jsxs("div",Object.assign({className:p.engineInfoContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"engine-category-name-"+t,variant:"h6",color:"textPrimary",className:p.engineName},{children:t})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"engine-category-description-"+t,variant:"body2",color:"textSecondary",className:p.engineDescription},{children:s}))]}))]})),jsxRuntime.exports.jsxs("main",Object.assign({id:"engine-main-content-"+e,className:p.engineContent+" "+(g?p.isExpanded:"")},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2",color:"textSecondary",className:p.engineSettingsLabel},{children:SHARED_TEXT.engineSettings()})),i&&jsxRuntime.exports.jsxs("div",Object.assign({className:p.libraryWrapper},{children:[jsxRuntime.exports.jsx("label",Object.assign({className:p.inputLabel},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.ro5ll8",defaultMessage:"Libraries",description:"The label for the library selection"})})),jsxRuntime.exports.jsx(LibraryDropdown,{engineId:e,defaultSelected:j.libraryId,onSelectedLibraryId:e=>{T({fieldName:"libraryId",fieldValue:e})}}),S&&jsxRuntime.exports.jsx(FormHelperText$2,Object.assign({error:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.ro4mn3",defaultMessage:"Please select a library.",description:"Missing library message"})}))]})),jsxRuntime.exports.jsx(ComponentLoader,{showErrors:h,fields:F,onChange:T})]})),jsxRuntime.exports.jsxs("footer",{children:[g&&jsxRuntime.exports.jsxs("div",Object.assign({className:p.footerBtnContainer},{children:[jsxRuntime.exports.jsxs(Button,Object.assign({id:"selected-engine-cancel-btn-"+e,className:p.footerActionBtn,onClick:()=>{m(!1),M()}},{children:[jsxRuntime.exports.jsx(Icon,{component:Remove,color:"secondary",fontSize:"small",className:""+p.icon}),SHARED_TEXT.cancel()]})),(0<(null==a?void 0:a.length)||i)&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("span",{className:p.btnContBorder}),jsxRuntime.exports.jsxs(Button,Object.assign({id:"engine-save-settings-btn-"+e,className:p.footerActionBtn,onClick:N,disabled:x},{children:[jsxRuntime.exports.jsx(Icon,{component:Save,color:"secondary",fontSize:"small",className:p.icon}),SHARED_TEXT.saveSettings()]}))]})]})),!n&&!g&&jsxRuntime.exports.jsxs(Button,Object.assign({id:"engine-use-engine-btn-"+e,className:p.footerActionBtn,onClick:()=>{null!=a&&a.length||i?m(e=>!e):N()},disabled:!d},{children:[jsxRuntime.exports.jsx(Icon,{component:Add,color:"secondary",fontSize:"small",className:p.icon}),SHARED_TEXT.useThisEngine()]})),n&&!g&&jsxRuntime.exports.jsxs("div",Object.assign({className:p.footerBtnContainer+" "+p.footerBtnContainerActive},{children:[jsxRuntime.exports.jsxs(Button,Object.assign({id:"selected-engine-remove-btn-"+e,onClick:()=>{r&&r(e),M()}},{children:[jsxRuntime.exports.jsx(Icon,{component:Delete,color:"secondary",fontSize:"small",className:p.icon+" "+p.savedAndConfiguredBtnIcon}),SHARED_TEXT.removeEngine()]})),(0<(null==a?void 0:a.length)||i)&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx("span",{className:p.btnContBorder}),jsxRuntime.exports.jsxs(Button,Object.assign({id:"selected-engine-edit-configration-btn-"+e,onClick:()=>m(!0)},{children:[jsxRuntime.exports.jsx(Icon,{component:Edit,color:"secondary",className:p.icon+" "+p.savedAndConfiguredBtnIcon}),SHARED_TEXT.editConfigurations()]}))]})]}))]})]})),!d&&y&&jsxRuntime.exports.jsx("div",Object.assign({className:p.engineUnavailableWarningContainer},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:p.engineUnavailableWarning},{children:[jsxRuntime.exports.jsx(default_1,{className:p.engineUnavailableWarningIcon,style:{color:"#2196f3"}})," ",jsxRuntime.exports.jsx(Typography,Object.assign({variant:"subtitle2"},{children:SHARED_TEXT.processAiEngineUnavailable()}))]}))}))]}))},useStyles=makeStyles()(e=>({engineSelectionWrapper:{padding:20,display:"flex",flexDirection:"column",height:"calc(100vh - 60px)"},enginSelectionHeader:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",marginBottom:20},loaderIcon:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:20},engineListWrapper:{flex:1,overflowY:"scroll"},footerActionButtons:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:25,"& > *":{marginLeft:e.spacing(2)}},engineSearchContainer:{display:"flex",background:"#f7f7f7",padding:"5px",borderRadius:"7px",marginBottom:"10px",border:"1px solid #c9c9c9"},engineSearchDisabled:{opacity:.5,cursor:"not-allowed","& input":{pointerEvents:"none"}},engineSearchInput:{display:"flex",outline:0,border:0,width:"80%",marginLeft:"10px",background:"transparent"},engineSearchIcon:{display:"flex",color:"#a6a6a6"},engineSearchLoader:{display:"flex",alignItems:"center",justifyContent:"center",marginRight:"5px",marginLeft:"auto"},engineSearchSkeleton:{height:"160px",width:"100%",display:"flex",flexDirection:"column",border:"0.5px solid #D5DFE9",borderRadius:"4px",marginTop:"10px"},engineSearchEmptyState:{display:"flex",flexDirection:"column",padding:"50px",justifyContent:"center",alignItems:"center",gap:"10px","& img":{width:"100px"}}})),EngineSelection=({capability:e={id:"",name:"",iconClass:"",description:""},hidePanel:t,enableNonSingleEngineJobEngines:i,aobSelectedEngines:s})=>{var n=useStyles()["classes"];const a=useDispatch(),o=useSelector(selectEnginesByCapabilityId(e.id))||[],r=useSelector(selectSelectedEnginesByCapabilityId(e.id)),[l,c]=react.exports.useState([]),d=e.name.replace(/[^a-zA-Z]/g,""),u=t=>{c(e=>e.filter(e=>e.id!==t))},p=t=>{c(e=>[...e.filter(e=>e.id!==t.id),t])};react.exports.useEffect(()=>{r&&c(r),s&&c(s)},[]);const[x,g]=react.exports.useState(""),[m,j]=react.exports.useState(!1),[b,h]=react.exports.useState([...o]),[f,S]=react.exports.useState(10);const v=react.exports.useRef();return react.exports.useEffect(()=>{var e=o["length"];const t=setTimeout(()=>j(!1),15<e?1e3:0);return()=>clearTimeout(t)},[b]),jsxRuntime.exports.jsxs("div",Object.assign({className:n.engineSelectionWrapper},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:n.enginSelectionHeader},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"data-center-engine-selection-panel-header-title"},{children:e.name}))})),jsxRuntime.exports.jsx(EngineSearchInput,{disabled:o.length<4,onChange:({target:{value:t}})=>{if(g(t),S(10),!t)return h([...o]),j(!1);j(!0);var e=[...o].filter(e=>{return(((null==e?void 0:e.name)||"").toLowerCase()+((null==e?void 0:e.description)||"").toLowerCase()).includes(t.toLowerCase().trim())});h(e)},value:x,isSearching:m}),jsxRuntime.exports.jsxs("div",Object.assign({className:n.engineListWrapper,onScroll:()=>{var e,t,s;v.current&&({scrollTop:e,scrollHeight:t,clientHeight:s}=v.current,t-500<=e+s)&&(f>=b.length||S(e=>e+10))},ref:v},{children:[!m&&b.slice(0,f>b.length?b.length:f).map(e=>{var t,s,n;return jsxRuntime.exports.jsx(Engine,{id:e.id,name:e.name,description:e.description,estimatedCost:"4.00",fields:(null==e?void 0:e.fields)||[],saved:(n=e.id,null===l||void 0===l?void 0:l.some(e=>e.id===n)),onSave:p,onDeselect:u,iconName:d,signedIconPath:null==e?void 0:e.signedIconPath,defaultConfiguration:(t=e.id,null==(s=null===r||void 0===r?void 0:r.find(e=>e.id===t))?void 0:s.fields),libraryRequired:e.libraryRequired,isEngineAvailable:i||0<(null==(s=e.standaloneJobTemplates)?void 0:s.length)},e.id)}),(m||f<b.length)&&jsxRuntime.exports.jsx(EngineSearchSkeleton,{}),!m&&0===b.length&&jsxRuntime.exports.jsx(EngineSearchEmptyState,{})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.footerActionButtons},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:t},{children:SHARED_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",onClick:()=>{a(actions.processAiConfig.setConfigurations({capabilityId:e.id,selectedEngines:l})),null!=t&&t()},disabled:!(null!==r&&void 0!==r&&r.length||null!==l&&void 0!==l&&l.length)},{children:SHARED_TEXT.processAiAddEngines()}))]}))]}))},EngineSearchEmptyState=()=>{var e=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:e.engineSearchEmptyState},{children:[jsxRuntime.exports.jsx("img",{src:img$w,alt:"Search empty state"}),jsxRuntime.exports.jsx(Typography,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-dc-process-ai-search-engine-empty-state",defaultMessage:"No Engines Found",description:"Data Center Process Ai Empty State Message"})})]}))},EngineSearchSkeleton=()=>{const e=useStyles()["classes"];var t=()=>jsxRuntime.exports.jsxs("div",Object.assign({className:e.engineSearchSkeleton},{children:[jsxRuntime.exports.jsxs("div",Object.assign({style:{display:"flex",height:"150px",width:"100%",alignItems:"center"}},{children:[jsxRuntime.exports.jsx(Skeleton,{animation:"wave",sx:{marginLeft:"20px"},width:"50px",height:"50px",variant:"circular"}),jsxRuntime.exports.jsx(Skeleton,{animation:"wave",sx:{marginLeft:"20px",transform:"none"},width:"70%",height:"40px"})]})),jsxRuntime.exports.jsx("div",Object.assign({style:{height:"50px",width:"100%"}},{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",sx:{transform:"none",borderRadius:"0px"},width:"100%",height:"100%"})}))]}));return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(t,{}),jsxRuntime.exports.jsx(t,{}),jsxRuntime.exports.jsx(t,{})]})},EngineSearchInput=({value:e,onChange:t,isSearching:s,disabled:n})=>{var i=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:i.engineSearchContainer+" "+(n?i.engineSearchDisabled:"")},{children:[jsxRuntime.exports.jsx(default_1$2,{className:i.engineSearchIcon}),jsxRuntime.exports.jsx("input",{placeholder:"Search Engines",value:e,onChange:t,className:i.engineSearchInput,disabled:n}),s&&jsxRuntime.exports.jsx("div",Object.assign({className:i.engineSearchLoader},{children:jsxRuntime.exports.jsx(CircularProgress,{size:15,thickness:6,sx:{color:"#a6a6a6"}})}))]}))},DataCenterEngineSelection=e=>jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getDataCenterProcessAIModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(EngineSelection,Object.assign({},e))})}))})});export{DataCenterEngineSelection,DataCenterProcessAI};
+  }`,getApplications=(a,i={page:1,limit:10,filter:{},orderBy:[]})=>__awaiter(void 0,void 0,void 0,function*(){var{page:e,limit:t}=i,e=Object.assign(Object.assign({},i),{offset:(e-1)*t}),t="getApplications",s="applications",s=`
+        ${applicationFieldsFragment}
+        query ${t}($limit: Int, $offset: Int) {
+         totalResults: ${s}(owned: true, offset: 0, limit: 9999) {
+           count
+         }
+        results: ${s}(limit: $limit, offset: $offset, owned: true) {
+          records {
+           ...applicationFields
+          }
+         }
+        }
+      `;return yield baseGraphQLApiWithError(Object.assign({query:s,variables:e,operationName:t},a))});let getApplicationsFilterCache=null;const getApplicationsWithFilter=(a,i={page:1,limit:20,filter:{},orderBy:[]})=>__awaiter(void 0,void 0,void 0,function*(){var{page:e,limit:t}=i,e=Object.assign(Object.assign({},i),{offset:(e-1)*t}),t="getApplicationsWithFilter",s="applications",s=`
+        ${applicationFieldsFragment}
+        query ${t}($offset: Int, $limit: Int, $filter: ApplicationFilter) {
+          ${lodash.exports.isEqual(i.filter,getApplicationsFilterCache)?"":`totalResults: ${s}(limit: 9999, filter: $filter) {
+                count
+              }`}
+        results: ${s}(limit: $limit, offset: $offset, filter: $filter, owned: true) {
+          records {
+           ...applicationFields
+          }
+         }
+        }
+      `,s=(getApplicationsFilterCache=lodash.exports.cloneDeep(i.filter),yield baseGraphQLApiWithError(Object.assign({query:s,variables:e,operationName:t},a)));return s}),getApplication=(s,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="application",t=`
+      ${applicationFieldsFragment}
+      query ${e} ($id: ID!) {
+        ${e}(id: $id) {
+          ...applicationFields
+        }
+      }
+    `;return(yield baseGraphQLApiWithError(Object.assign({query:t,variables:{id:a},operationName:e},s))).application}),applicationWorkflow=(s,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationWorkflow",t=`
+        ${applicationFieldsFragment}
+        mutation ${e}($input: ApplicationWorkflow!) {
+          applicationWorkflow: ${e}(input: $input) {
+            ...applicationFields
+         }
+        }
+      `;return yield baseGraphQLApiWithError(Object.assign({query:t,variables:{input:a},operationName:e},s))}),deleteApp$1=(t,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="deleteApplication";return yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation deleteApplication ($id: ID!) {\n      deleteApplication(id: $id) {\n        id\n        message\n      }\n    }\n  ",variables:{id:s},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status,selectApps=e=>e[namespace].apps[AppType.Apps],selectQueryOptions=e=>e[namespace].apps[AppType.QueryOptions],selectTotalAppsInQuery=e=>e[namespace].apps[AppType.TotalAppsInQuery],selectFilters=e=>e[namespace].filterState.filter,selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,s)=>({apiRoot:e,graphQLEndpoint:t,token:s}));function isDeveloperDomain(){return/^(developer\.(((dev|prod)\.)?([a-zA-Z0-9\-]*\.)?)?veritone\.com|localhost|local\.veritone)/.test(window.location.hostname)}function*fetchApplications(){var e=yield select(selectApiConfigs),t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);if(e)try{yield put(actions.uiState.fetchingApps());var s=yield call(getApplications,e);yield put(actions.apps.appsFetchSucceeded(s)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:t({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}function*fetchFilterApplications(e){yield delay(650);var{page:t,limit:s,orderBy:a}=yield select(selectQueryOptions);if("appCenterBrowse/filterState/setFilters"===e.type&&1!==t)yield put(actions.apps.setQueryOptions({page:1,limit:s,orderBy:a}));else{var e=yield select(selectFilters),i={},e=(lodash.exports.isEmpty(e.name)||(i.name=e.name),lodash.exports.isEmpty(e.status)||(i.status=e.status),lodash.exports.isEmpty(e.entityTags)||(i.entityTags=lodash.exports.map(e.entityTags,e=>({key:e.tagKey}))),e.created.isSearch&&(i.dateTimeFilter=[{field:"createdDateTime",fromDateTime:e.created.startDate,toDateTime:e.created.endDate}]),e.lastUpdated.isSearch&&(i.dateTimeFilter=[...i.dateTimeFilter||[],{field:"modifiedDateTime",fromDateTime:e.lastUpdated.startDate,toDateTime:e.lastUpdated.endDate}]),{page:t,limit:s,orderBy:a,filter:i}),t=yield select(selectApiConfigs),s=yield select(preferredLanguageSelector),a=AIWareFormatMessage(s);if(t)try{yield put(actions.uiState.fetchingApps());var n=yield call(getApplicationsWithFilter,t,e);yield put(actions.apps.appsFetchSucceeded(n)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}}function*mutateAppWorkflow(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{var e=(yield call(applicationWorkflow,s,t)).applicationWorkflow;yield put(actions.apps.mutateApplicationWorkflowSuccess(e)),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appSuccessAction",defaultMessage:[{type:0,value:"App successfully "},{type:1,value:"action"},{type:0,value:"d"}]},{action:t.action}),severity:MessageSeverity.Success}))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appFailedAction",defaultMessage:[{type:0,value:"App failed to "},{type:1,value:"action"}]},{action:t.action}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.refreshAppStateSuccess(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*deleteApp(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{yield call(deleteApp$1,s,t.id),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-success",defaultMessage:[{type:0,value:"App successfully deleted"}]}),severity:MessageSeverity.Success})),yield put(actions.apps.deleteAppSuccess(t))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-fail",defaultMessage:[{type:0,value:"App failed to be deleted"}]}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.deleteAppFailed(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*toggleAppDetails(e){e=e.payload;if(!e)return isDeveloperDomain()&&window.history.pushState(null,"",origin+"/apps/overview"),yield put(hidePanel("APP_CENTER_DETAILS"));if(isDeveloperDomain()){const origin=window.location.origin;var t=window.location.pathname.split("/"),t=(t[2]=e,""+origin+t.join("/"));window.history.pushState(null,"",t)}yield put(mountPanel({panelId:"APP_CENTER_DETAILS",microFrontend:{name:"APP_CENTER_DETAILS",config:{name:"Application Details",appId:e}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge",zIndex:1010}}))}function*watchFetchApp(){yield takeLatest$1([actions.uiState.initApps.type],fetchApplications)}function*watchSetFilters(){yield takeLatest$1(actions.filterState.setFilters.type,fetchFilterApplications)}function*watchSetQueryOptions(){yield takeLatest$1(actions.apps.setQueryOptions.type,fetchFilterApplications)}function*watchAppWorkflow(){yield takeLatest$1(actions.apps.mutateApplicationWorkflow.type,mutateAppWorkflow)}function*watchDeleteApp(){yield takeLatest$1(actions.apps.deleteApp.type,deleteApp)}function*watchToggleAppDetails(){yield takeLatest$1(actions.uiState.toggleAppDetails.type,toggleAppDetails)}const appSagas=[fork(watchSetFilters),fork(watchSetQueryOptions),fork(watchFetchApp),fork(watchAppWorkflow),fork(watchDeleteApp),fork(watchToggleAppDetails)];function*rootSaga(){yield all([...appSagas])}function getAppCenterBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$7=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:e.spacing(4),width:"100%",padding:e.spacing(6)},imgContainer:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(4),border:"20px solid #C2C6CF",borderRadius:"50%",overflow:"hidden",width:350,aspectRatio:"1 / 1",opacity:.25},logo:{width:"70%",height:"70%",objectFit:"contain"},tableContainer:{overflowX:"initial"},table:{"& td":{verticalAlign:"middle",fontWeight:600}},paginationContainer:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:e.spacing(3),padding:e.spacing(3)},noResultsContainer:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}})),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 mountAppCenterNew=e=>{e(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"New App Onboarding"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"New App Onboarding",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3}}))},useStyles$6=makeStyles()(e=>({header:{alignItems:"center",display:"flex",zIndex:10,width:"100%",background:"#fff"},marginRight:{marginRight:e.spacing(2)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"}})),Header=()=>{var e=useStyles$6()["classes"];const t=useDispatch();var s=()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.BbPEYs",defaultMessage:"Filter",description:"button to open up a filter panel for apps"});return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-test":"app-center-browse-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-test":"app-center-browse-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.3G70xl",defaultMessage:"Applications",description:"Header Title for Apps Table"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({className:e.marginRight,onClick:()=>{mountAppCenterNew(t)},color:"primary",variant:"contained","data-test":"app-center-browse-add-new"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.TuUJVi",defaultMessage:"Add New",description:"Label of a button that allows user to create a new app"})})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-center-browse-filter-panel"},{children:jsxRuntime.exports.jsx(s,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(s,{})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(mountPanel({panelId:"APP_CENTER_FILTER",microFrontend:{name:"APP_CENTER_FILTER",config:{name:"App Filter"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"App Filter",divider:!0},marginTop:55,size:"small",zIndex:1e3}}))},"aria-labelledby":"app-center-browse-filter-panel","data-test":"app-center-browse-filter-panel",size:"large"},{children:jsxRuntime.exports.jsx(Filter,{})}))}))]}))]}))},useStyles$5=makeStyles()(e=>({appListHeader:{position:"sticky",top:0,background:"#fff",zIndex:20},appHeaderCell:{padding:"10px 20px 10px 20px"}})),AppsListTableHeader=e=>{const s=useStyles$5()["classes"],{order:a,orderBy:i,onRequestSort:n}=e;return jsxRuntime.exports.jsxs(TableHead,Object.assign({className:s.appListHeader},{children:[jsxRuntime.exports.jsx(TableRow,{children:jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.appHeaderCell,colSpan:10},{children:jsxRuntime.exports.jsx(Header,{})}))}),jsxRuntime.exports.jsxs(TableRow,{children:[jsxRuntime.exports.jsx(TableCell,{}),lodash.exports.map([{id:"name",label:"Application Name"},{id:"status",label:"Status"},{id:"url",label:"URL"},{id:"createdDateTime",label:"Date Created"},{id:"modifiedDateTime",label:"Last Modified"}],e=>{return jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.appHeaderCell,sortDirection:i===e.id&&a,"data-test":"apps-list-table-header-app-"+e.label},{children:jsxRuntime.exports.jsx(TableSortLabel,Object.assign({active:i===e.id,direction:i===e.id?a:"asc",onClick:(t=e.id,e=>{n(e,t)})},{children:e.label}))}),e.id);var t}),jsxRuntime.exports.jsx(TableCell,{})]})]}))},AppRowSkeleton=()=>jsxRuntime.exports.jsxs(TableRow,Object.assign({hover:!0},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({style:{paddingRight:0}},{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"circular",width:28,height:28})})),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22,width:400})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{})]})),APP_CENTER_TEXT={cancel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.cancel",defaultMessage:"Cancel",description:"Cancel"}),delete:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.delete",defaultMessage:"Delete",description:"Delete"}),close:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.close",defaultMessage:"CLOSE",description:"Close"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"}),deleteApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.deleteApp",defaultMessage:"Delete Application",description:"Delete Application"}),editApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.editApp",defaultMessage:"Edit Application",description:"Edit Application"}),appDetails:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.appDetails",defaultMessage:"Application Details",description:"Application Details"})},ConfirmDelete=({open:e,appName:t,testName:s,handleCloseConfirmDelete:a,handleConfirmDelete:i})=>jsxRuntime.exports.jsxs(Dialog,Object.assign({"data-test":s,open:e,onClose:a,maxWidth:"xs","aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"alert-dialog-title"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-title",defaultMessage:"Confirm Delete",description:"Title of the delete app confirmation modal"})}))})),jsxRuntime.exports.jsx(DialogContent,{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"alert-dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-message",defaultMessage:"Are you sure you want to delete {appName}? This action can not be undone.",description:"This message is show when prompting the user to confirm the delete of an app from the apps list",values:{appName:t}})}))}),jsxRuntime.exports.jsxs(DialogActions,{children:[jsxRuntime.exports.jsx(Button,Object.assign({color:"secondary",onClick:a},{children:APP_CENTER_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:i,autoFocus:!0},{children:APP_CENTER_TEXT.delete()}))]})]})),formatDate=e=>{return e?(e=new Date(e)).toLocaleDateString()+" "+e.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0}):"--/--/-- --:-- --"},useStyles$4=makeStyles()(e=>({root:{borderRadius:"50%",border:"2px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden"},small:{width:e.spacing(6),height:e.spacing(6)},medium:{width:e.spacing(9),height:e.spacing(9)},large:{width:e.spacing(12),height:e.spacing(12)},xlarge:{width:e.spacing(16),height:e.spacing(16)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),CircledLogo=({size:e="medium",path:t,altText:s=""})=>{var a=useStyles$4()["classes"],[t,i]=useBackupImg(t,img$1y);return jsxRuntime.exports.jsx("div",Object.assign({className:a.root+" "+a[e]},{children:jsxRuntime.exports.jsx("img",{className:a.logo+" "+(t==img$1y&&a.veritoneLogo),src:t,alt:s,onError:i})}))},StatusPill=statusPill["jsx"],useStyles$3=makeStyles()(e=>({iconCell:{width:50,paddingRight:0},truncateText:{display:"block",maxWidth:"220px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),AppsListRow=({app:a})=>{const[e,i]=react.exports.useState(null),[t,n]=react.exports.useState(!1),r=useDispatch();var s=useStyles$3()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(TableRow,Object.assign({onClick:()=>{r(actions.uiState.toggleAppDetails(a.id))},style:{cursor:"pointer"},hover:!0,"data-test":"apps-list-table-row","data-test-app-id":a.id},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.iconCell},{children:jsxRuntime.exports.jsx(CircledLogo,{size:"small",path:a.signedIconUrl,altText:a.name+" Logo"})})),jsxRuntime.exports.jsx(TableCell,{children:a.name}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(StatusPill,{statusType:"application",status:a.status})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx("div",Object.assign({className:s.truncateText},{children:a.url}))}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.createdDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.modifiedDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{i(e.currentTarget),e.stopPropagation()},"data-test":"app-row-action-trigger",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})}))}),jsxRuntime.exports.jsx(Menu,Object.assign({anchorEl:e,open:Boolean(e),onClose:()=>{i(null)}},{children:!lodash.exports.isEmpty(a.validStateActions)&&lodash.exports.map(a.validStateActions,s=>jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:e=>{return t=s,(e=e).stopPropagation(),"enable"!==t&&"disable"!==t&&"approve"!==t&&"deploy"!==t&&"reject"!==t&&"submit"!==t||r(actions.apps.mutateApplicationWorkflow({id:a.id,action:t})),"delete"===t&&n(!0),"edit"===t&&(e={name:"APP_CENTER_NEW",config:{name:"Edit app",appId:a.id}},t={type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Edit app",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3},r(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:e,panelConfig:t}))),void i(null);var t},"data-test":"app-row-action-button-"+s},{children:s}),s))}))]})),jsxRuntime.exports.jsx(ConfirmDelete,{open:t,appName:a.name,testName:"os-app-center-browse.app-list-row.delete-confirmation-modal",handleCloseConfirmDelete:()=>{n(!1)},handleConfirmDelete:()=>{r(actions.apps.deleteApp({id:a.id})),n(!1)}})]})},NoResults=()=>{var e=useStyles$7()["classes"];const t=useDispatch();return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.imgContainer},{children:jsxRuntime.exports.jsx("img",{className:e.logo,src:img$1y,alt:"Veritone Logo"})})),jsxRuntime.exports.jsx("h2",Object.assign({"data-test":"ac-browse-no-results-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"applicationsListTable.noResults.message",defaultMessage:"No applications found...",description:"No results found message"})})),jsxRuntime.exports.jsx(Button,Object.assign({className:"test-class",variant:"contained",size:"large",onClick:()=>mountAppCenterNew(t),startIcon:jsxRuntime.exports.jsx(Add,{})},{children:"Add New"}))]}))},AppsListTable=({baseRedirectUrl:t})=>{var e=useStyles$7()["classes"],s=useSelector(selectUIStateStatus);const a=useSelector(selectApps),i=useSelector(selectQueryOptions);var n=useSelector(selectTotalAppsInQuery);const[r,o]=react.exports.useState(),[l,p]=react.exports.useState("desc"),c=useDispatch();return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TableContainer,Object.assign({className:e.tableContainer},{children:jsxRuntime.exports.jsxs(Table,Object.assign({className:e.table,stickyHeader:!0},{children:[jsxRuntime.exports.jsx(AppsListTableHeader,{order:l,orderBy:r,onRequestSort:(e,t)=>{var s=r===t&&"asc"===l;p(s?"desc":"asc"),o(t)}}),jsxRuntime.exports.jsxs(TableBody,{children:["pending"===s&&lodash.exports.times(10,()=>jsxRuntime.exports.jsx(AppRowSkeleton,{},Math.random())),lodash.exports.isEmpty(a)?jsxRuntime.exports.jsx("div",Object.assign({className:e.noResultsContainer},{children:jsxRuntime.exports.jsx(NoResults,{})})):lodash.exports.map(lodash.exports.keys(a),e=>jsxRuntime.exports.jsx(AppsListRow,{baseRedirectUrl:t,app:a[e]},e))]})]}))})),!!n&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.paginationContainer},{children:[jsxRuntime.exports.jsx(Typography,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.sCzlFD",defaultMessage:"Rows per page: ",description:"Rows per page"})}),jsxRuntime.exports.jsxs(Select,Object.assign({value:i.limit||10,onChange:e=>{c(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{limit:e.target.value,page:1})))},"data-test":"apps-list-per-page-select",MenuProps:{style:{zIndex:1500}}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:10},{children:"10"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:20,"data-test":"apps-list-twenty-per-page"},{children:"20"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:30},{children:"30"}))]})),jsxRuntime.exports.jsx(Pagination,{count:Math.ceil(n/i.limit),page:i.page,onChange:(e,t)=>{c(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{page:t})))}})]}))]})},useStyles$2=makeStyles()(e=>({panel:{width:"100%",height:"100%",overflow:"auto",backgroundColor:e.palette.background.paper}})),MainLayout$1=({baseRedirectUrl:e})=>{var t=useStyles$2()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-browse-widget",className:t.panel},{children:jsxRuntime.exports.jsx(AppsListTable,{baseRedirectUrl:e})}))},Content=e=>{const t=useDispatch(),{apiRoot:s,graphQLEndpoint:a,token:i}=useSelector(selectApiConfigs);return react.exports.useEffect(()=>{s&&a&&i&&t(actions.uiState.initApps())},[s,a,i,t]),s&&a&&i?jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)):null},AppCenterBrowse=e=>{const s=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?s(actions.uiState.toggleAppDetails(t)):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(s))},[s]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})})}))})},useStyles$1=makeStyles()(e=>({panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1},divider:{marginBottom:e.spacing(2)},appHeader:{minHeight:"120px"},headerInfo:{paddingLeft:e.spacing(4)},appInfo:{paddingTop:e.spacing(6)},appInfoBody:{paddingLeft:e.spacing(4),paddingTop:e.spacing(3)},appOverview:{paddingTop:e.spacing(6),bottom:e.spacing(6),minHeight:"120px"},sectionTitle:{paddingBottom:e.spacing(3)},textContent:{fontStyle:"normal",fontWeight:400,fontSize:14,lineHeight:20},titleInline:{fontWeight:600,marginRight:e.spacing(1)},contentRow:{paddingBottom:e.spacing(3)},appDescription:{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},appVersion:{paddingLeft:e.spacing(3)},appMainLayout:{paddingTop:e.spacing(2)},appTabPanels:{width:"100%"},appContainer:{paddingLeft:e.spacing(3),paddingTop:e.spacing(2)}})),ActionPanel=({onClose:e,onDelete:t,onEdit:s,children:a})=>{var i=useStyles$1()["classes"];const[n,r]=react.exports.useState(null);var o=()=>{r(null)};return jsxRuntime.exports.jsx("div",Object.assign({className:classNames(i.panelRoot),"data-test":"app-details-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:i.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(i.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{r(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:n,open:Boolean(n),onClose:o,onBlur:o,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:s},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:t},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:i.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:i.panelBody},{children:a}))]}))}))},MainLayout=()=>jsxRuntime.exports.jsx("div",{children:"MainLayout"}),AppCenterDetails=({appId:e})=>{const t=useDispatch();return jsxRuntime.exports.jsx(ActionPanel,Object.assign({onClose:()=>{var e;t(hidePanel("APP_CENTER_DETAILS")),isDeveloperDomain()&&(e=window.location.origin,window.history.pushState({},"",e+"/applications/overview"))},onDelete:()=>{console.log("handleDelete")},onEdit:()=>{console.log("handleEdit")}},{children:e&&jsxRuntime.exports.jsx(Container,Object.assign({style:{width:"100%"},"data-test":"app-details-widget"},{children:jsxRuntime.exports.jsx(MainLayout,{})}))}))},useStyles=makeStyles()(e=>({groupFilterContent:{display:"flex",alignItems:"flex-end"},paper:{height:"100%",padding:5,backgroundColor:"#f5f5f5"},groupFilter:{padding:"20px 10px",borderBottom:"1px solid #ccc"},container:{marginTop:"6px",display:"flex",flexWrap:"wrap",alignItems:"center"},clearFilterIcon:{display:"flex",justifyContent:"center"},textField:{border:"1px solid #f5f5f5",backgroundColor:"#f5f5f5",marginRight:e.spacing(2),outline:"none"},formGroup:{display:"flex",flexDirection:"column",margin:"5px 0 5px 0",padding:e.spacing(1),border:"1px solid #8E8E8E",width:"100%"}})),AppsFilter=()=>{var e=useStyles()["classes"];const t=useDispatch(),s=react.exports.useRef(!1),[a,i]=react.exports.useState(useSelector(selectFilters));var n=(new Date).toISOString().split("T")[0];const r={startDate:"",endDate:"",isSearch:!1};react.exports.useEffect(()=>{s.current?t(actions.filterState.setFilters({filter:a})):s.current=!0},[a,t]);const{status:o,lastUpdated:l,created:p,name:c,entityTags:d}=a;var u=e=>{i(Object.assign(Object.assign({},a),{created:Object.assign(Object.assign({},p),{[e.target.name]:e.target.value,isSearch:!0})}))},x=e=>{i(Object.assign(Object.assign({},a),{lastUpdated:Object.assign(Object.assign({},l),{[e.target.name]:e.target.value,isSearch:!0})}))};const m=e=>{switch(e){case"created":case"lastUpdated":i(Object.assign(Object.assign({},a),{[e]:r}));break;case"search":i(Object.assign(Object.assign({},a),{[e]:""}))}};return jsxRuntime.exports.jsx(Grid,Object.assign({container:!0,spacing:3,"data-test":"apps-list-filter-container"},{children:jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:!0},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({className:e.paper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-browse-filter-header-name",defaultMessage:"Name",description:"Name"})})),jsxRuntime.exports.jsx(Input,{"data-test":"app-center-browse-filter-input-name",placeholder:"Application Name",name:"name",value:c,onChange:e=>{e=e.target.value;i(Object.assign(Object.assign({},a),{name:e||""}))},fullWidth:!0})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-tags"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-tags",defaultMessage:"Tags",description:"tags"})})),jsxRuntime.exports.jsx(EntityTags,{selectedTags:d,setSelectedTags:e=>{i(Object.assign(Object.assign({},a),{entityTags:e||""}))},showHeader:!1})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-status"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-status",defaultMessage:"Status",description:"Status"})})),jsxRuntime.exports.jsx(Autocomplete,{"data-test":"app-center-browse-filter-field-status",id:"statusFilter",value:{label:o},options:[{label:"active"},{label:"draft"},{label:"deleted"},{label:"pending"},{label:"rejected"},{label:"approved"},{label:"disabled"}],getOptionLabel:e=>e?e.label:"",renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-select-status-caption",defaultMessage:"Select status",description:"Select status"})})),variant:"standard"})),onChange:(e,t)=>{i(Object.assign(Object.assign({},a),{status:(null==t?void 0:t.label)||""}))}})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-created"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-header-label-created",defaultMessage:"Created",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-start-date",id:"startDate",type:"date",name:"startDate",value:p.startDate,onChange:u,className:e.textField,max:p.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-end-date",id:"endDate",type:"date",name:"endDate",value:p.endDate,onChange:u,className:e.textField,max:n,min:p.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:p.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-created-clear",onClick:()=>m("created"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-last-updated"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-filter-header-label-last-updated",defaultMessage:"Last updated",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-start-date",id:"startDate",type:"date",name:"startDate",value:l.startDate,onChange:x,className:e.textField,max:l.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-end-date",id:"endDate",type:"date",name:"endDate",value:l.endDate,onChange:x,className:e.textField,max:n,min:l.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:l.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-last-updated-clear",onClick:()=>m("lastUpdated"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]}))]}))}))}))},AppCenterFilter=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AppsFilter,{})})})});export{AppCenterBrowse,AppCenterDetails,AppCenterFilter};