aiware-js 2.30.0 → 2.31.0

package/js-core.esm60.js

@@ -1,4 +1,4 @@
-import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,m as makeStyles,H as createSlice,c2 as combineReducers,c3 as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,c5 as AIWareThemeProvider,K as lib,fg as getLibraryModule,A as AIWareIntlProvider,bt as CacheProvider,bu as muiCache,k as useSelector,r as react,i as useDispatch,F as FormattedMessage,T as Typography,a8 as Tooltip,a9 as IconButton,c7 as Close,B as Box,q as Alert,ar as Button,aw as CircularProgress,Y as Portal,fx as img$u,cb as default_1$2,p as lodash,eE as Badge,bD as Icon,f7 as EngineCategoryIcons,aU as Snackbar,aV as default_1$3,f_ as ConfirmationModal,a2 as all,gb as selectors$1,gc as LibraryDropdown,bL as FormHelperText$2,gd as Remove,ge as Save,cw as Add,co as Delete,cm as Edit,ac as Skeleton,ch as mountPanel,x as classNames,ad as takeLatest$1,v as FormControl,ag as select,M as preferredLanguageSelector,b1 as AIWareFormatMessage,af as put,bT as showMessage,bU as MessageSeverity,ai as call,dj as sdkEventManager,dk as SdkEvents,dl as SdkError,w as TextField,aS as Select,aT as MenuItem,gf as Input,cu as baseGraphQLApiWithError}from"./js-core.esm.js";import{s as selectors}from"./js-core.esm42.js";import{C as Chip$1}from"./js-core.esm31.js";import"./js-core.esm26.js";import"./js-core.esm43.js";import"./js-core.esm32.js";import"./js-core.esm44.js";import"./js-core.esm50.js";import"./js-core.esm8.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm21.js";import"./js-core.esm51.js";import"./js-core.esm40.js";import"./js-core.esm45.js";import"./js-core.esm52.js";import"./js-core.esm20.js";import"./js-core.esm34.js";import"./js-core.esm47.js";import"./js-core.esm6.js";import"./js-core.esm10.js";import"./js-core.esm11.js";import"./js-core.esm48.js";import"./js-core.esm49.js";var LoadingStatus,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.failed="failed",e.idle="idle",e.pending="pending",e.success="success"}(LoadingStatus=LoadingStatus||{}),!function(e){e.aiCapabilities="aiCapabilities",e.engineSelection="engineSelection",e.engineConfiguration="engineConfiguration"}(ProcessAIView=ProcessAIView||{}),"capabilitiesState"),initialState$3={status:LoadingStatus.idle,capabilities:[],engines:{}},capabilitiesSlice=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$3,reducers:{capabilitiesFetchStart(e,t){e.status=LoadingStatus.pending},capabilitiesFetchSucceed(e){e.status=LoadingStatus.idle},capabilitiesFetchFailed(e){e.status=LoadingStatus.failed},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:LoadingStatus.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:LoadingStatus.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:LoadingStatus.idle},jobSlice=createSlice({name:SLICE_NAME+"/"+namespace,initialState:initialState,reducers:{launchJobStart(e,t){e.status=LoadingStatus.pending},launchJobSucceed(e){e.status=LoadingStatus.success},launchJobFailed(e){e.status=LoadingStatus.failed}}}),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,marginStart:r,marginTop:l,parentPanel:c})=>{const s=useStyles$4()["classes"],d=useDispatch(),n=useSelector(selectSelectedEnginesObj),u=useSelector(selectors.uiState.selectIsFullScreen),p=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}}),s=g||u||p;let e=1001;switch(c){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)+(l||0),marginStart:(s?380:460)+(r||0),size:"small",zIndex:e,parentPanelId:"DATA_CENTER_PROCESS_AI",dimmed:0,dimmedStatus:"dimParent"};return void d(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]:t===LoadingStatus.pending||i,[o.jobLaunchItemSuccess]:t===LoadingStatus.success,[o.jobLaunchItemFail]:t===LoadingStatus.failed})},{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:t===LoadingStatus.pending||i?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.dSA4RS",defaultMessage:"Launching AI Processing...",description:"Job Launch item description loading job"}):t===LoadingStatus.success?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.b+iNpN",defaultMessage:"This processing job started successfully.",description:"Job Launch item description success"}):t===LoadingStatus.failed?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:t===LoadingStatus.pending||i?jsxRuntime.exports.jsx(CircularProgress,{size:20,disableShrink:n}):t===LoadingStatus.success?jsxRuntime.exports.jsx(default_1$1,{style:{color:"#4caf50"}}):t===LoadingStatus.failed?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(e.status===LoadingStatus.failed||e.status===LoadingStatus.pending)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:g}=t;var x=useSelector(selectCapabilities);const m=useDispatch(),j=()=>{m(actions.capabilitiesState.capabilitiesFetchStart(t.tdoId))};if(react.exports.useEffect(()=>{m(actions.uiState.setIsFullScreen(Boolean(t.isFullScreen)))},[]),react.exports.useEffect(()=>{[LoadingStatus.pending,LoadingStatus.success,LoadingStatus.failed].includes(o)&&l(!0)},[o]),react.exports.useEffect(()=>{n&&i&&a&&j()},[n,i,a,m,t.tdoId]),!(n&&i&&a&&t.panelRendered))return null;var b={label:null!=(b=t.submitButtonLabel)?b: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()):m(actions.job.launchJobStart({tdoId:t.tdoId,selectedEngines:d}))},disabled:!d.length,dataTest:"data-center-process-ai-action-btn"},h={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()})),c===LoadingStatus.failed&&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:j},{children:SHARED_TEXT.processAiRetryBtn()}))})]}))}))]}),c===LoadingStatus.idle&&!(null!=x&&x.length)&&jsxRuntime.exports.jsx(Box,Object.assign({mt:4},{children:jsxRuntime.exports.jsx(Alert,Object.assign({variant:"outlined",severity:"info"},{children:SHARED_TEXT.processAiNoEngineCapability()}))})),c===LoadingStatus.pending&&jsxRuntime.exports.jsx("div",Object.assign({className:s.loaderIcon},{children:jsxRuntime.exports.jsx(CircularProgress,{})})),c===LoadingStatus.idle&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(AICategories,{categories:x,closeSnackbar:()=>l(!1),enableNonSingleEngineJobEngines:!!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:b,cancelButton:h})]}),jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsx(JobLaunchSnackbar,{open:r,onClose:()=>l(!1),jobLaunchItems:d,onRetry:e=>{m(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:`
+import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,m as makeStyles,H as createSlice,c2 as combineReducers,c3 as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,c5 as AIWareThemeProvider,K as DynamicModuleLoader,f8 as getLibraryModule,A as AIWareIntlProvider,bu as CacheProvider,bv as muiCache,k as useSelector,r as react,i as useDispatch,F as FormattedMessage,T as Typography,a8 as Tooltip,a9 as IconButton,c7 as Close,B as Box,q as Alert,ar as Button,aw as CircularProgress,Y as Portal,fp as img$u,cb as default_1$2,p as lodash,eu as Badge,bE as Icon,e$ as EngineCategoryIcons,aU as Snackbar,aV as default_1$3,fT as ConfirmationModal,a2 as all,g4 as selectors$1,g5 as LibraryDropdown,bM as FormHelperText$2,g6 as Remove,g7 as Save,cw as Add,co as Delete,cm as Edit,ac as Skeleton,ch as mountPanel,x as classNames,ad as takeLatest$1,v as FormControl,ag as select,M as preferredLanguageSelector,b1 as AIWareFormatMessage,af as put,bT as showMessage,bU as MessageSeverity,ai as call,d7 as sdkEventManager,d8 as SdkEvents,d9 as SdkError,w as TextField,aS as Select,aT as MenuItem,g8 as Input,cu as baseGraphQLApiWithError}from"./js-core.esm.js";import{s as selectors}from"./js-core.esm42.js";import{C as Chip$1}from"./js-core.esm31.js";import"./js-core.esm26.js";import"./js-core.esm43.js";import"./js-core.esm32.js";import"./js-core.esm44.js";import"./js-core.esm50.js";import"./js-core.esm8.js";import"./js-core.esm29.js";import"./js-core.esm46.js";import"./js-core.esm21.js";import"./js-core.esm51.js";import"./js-core.esm40.js";import"./js-core.esm45.js";import"./js-core.esm52.js";import"./js-core.esm20.js";import"./js-core.esm34.js";import"./js-core.esm47.js";import"./js-core.esm6.js";import"./js-core.esm10.js";import"./js-core.esm11.js";import"./js-core.esm48.js";import"./js-core.esm49.js";var LoadingStatus,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.failed="failed",e.idle="idle",e.pending="pending",e.success="success"}(LoadingStatus=LoadingStatus||{}),!function(e){e.aiCapabilities="aiCapabilities",e.engineSelection="engineSelection",e.engineConfiguration="engineConfiguration"}(ProcessAIView=ProcessAIView||{}),"capabilitiesState"),initialState$3={status:LoadingStatus.idle,capabilities:[],engines:{}},capabilitiesSlice=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$3,reducers:{capabilitiesFetchStart(e,t){e.status=LoadingStatus.pending},capabilitiesFetchSucceed(e){e.status=LoadingStatus.idle},capabilitiesFetchFailed(e){e.status=LoadingStatus.failed},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:LoadingStatus.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:LoadingStatus.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:LoadingStatus.idle},jobSlice=createSlice({name:SLICE_NAME+"/"+namespace,initialState:initialState,reducers:{launchJobStart(e,t){e.status=LoadingStatus.pending},launchJobSucceed(e){e.status=LoadingStatus.success},launchJobFailed(e){e.status=LoadingStatus.failed}}}),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),g=useSelector(selectors.uiState.selectIsMdpFullScreen),x=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=x||p||g;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"};return void 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]:t===LoadingStatus.pending||i,[o.jobLaunchItemSuccess]:t===LoadingStatus.success,[o.jobLaunchItemFail]:t===LoadingStatus.failed})},{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:t===LoadingStatus.pending||i?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.dSA4RS",defaultMessage:"Launching AI Processing...",description:"Job Launch item description loading job"}):t===LoadingStatus.success?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.b+iNpN",defaultMessage:"This processing job started successfully.",description:"Job Launch item description success"}):t===LoadingStatus.failed?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:t===LoadingStatus.pending||i?jsxRuntime.exports.jsx(CircularProgress,{size:20,disableShrink:n}):t===LoadingStatus.success?jsxRuntime.exports.jsx(default_1$1,{style:{color:"#4caf50"}}):t===LoadingStatus.failed?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(e.status===LoadingStatus.failed||e.status===LoadingStatus.pending)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:g,aobSelectedEngines:x}=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(()=>{[LoadingStatus.pending,LoadingStatus.success,LoadingStatus.failed].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"},S={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()})),c===LoadingStatus.failed&&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()}))})]}))}))]}),c===LoadingStatus.idle&&!(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()}))})),c===LoadingStatus.pending&&jsxRuntime.exports.jsx("div",Object.assign({className:s.loaderIcon},{children:jsxRuntime.exports.jsx(CircularProgress,{})})),c===LoadingStatus.idle&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(AICategories,{categories:m,closeSnackbar:()=>l(!1),enableNonSingleEngineJobEngines:!!g,aobSelectedEngines:x,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:S})]}),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
@@ -27,6 +27,7 @@ import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,m as makeSt
               state
               signedIconPath
               edgeVersion
+              modifiedDateTime
               fields {
                 name
                 type
@@ -52,4 +53,4 @@ import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,m as makeSt
         }
       }
     }
-  `,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;const a=AIWareFormatMessage(s);if(n&&!i)return 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})),void(yield put(actions.capabilitiesState.capabilitiesFetchSucceed()));const o=yield fetchEngineCapabilities(t,i,200),r=[],l={};null!==o&&void 0!==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:LoadingStatus.pending}));var i=yield call(launchSingleEngineJob,e,t,s,n);i||(yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:LoadingStatus.failed})),sdkEventManager.dispatch(SdkEvents.jobCreated,new SdkError("Job could not be created!"),{tdoId:s,engineId:t})),yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:LoadingStatus.success})),sdkEventManager.dispatch(SdkEvents.jobCreated,null,{jobId:i,engineId:t,tdoId:s})}catch(e){yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:LoadingStatus.failed})),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(lib.DynamicModuleLoader,Object.assign({modules:[getDataCenterProcessAIModule(),getLibraryModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{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=>{const{required:t,value:s,min:n,max:i,type:a,values:o}=e;if(lodash.exports.isEmpty(a===EngineFieldType.MultiPicklist?o:s))return t?"This field can't be blank!":"";if(a===EngineFieldType.Number){if(lodash.exports.isNumber(n)&&Number(s)<n)return"The value can't be lower than "+n.toFixed(2);if(lodash.exports.isNumber(i)&&Number(s)>i)return"The value can't be higher than "+i.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})))}))},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$1,{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)})]}))})})},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 g=useSelector(selectors$1.selectLoadingStatus);const[x,m]=react.exports.useState(!1),[j,b]=react.exports.useState({}),[h,f]=react.exports.useState(!1),[S,v]=react.exports.useState(!1),[y,R]=react.exports.useState(!1),[E,C]=react.exports.useState(null),[I,A]=react.exports.useState(null);g=i&&"pending"===g;const T=t=>{b(e=>Object.assign(Object.assign({},e),{[t.fieldName]:t.fieldValue}))};const L=()=>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 N=()=>{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(()=>{N()},[]);var M=null==a?void 0:a.map(e=>{const t=Object.assign({},e);var s=e.type===EngineFieldType.MultiPicklist?"values":"value";return t[s]=j[e.name],t});return jsxRuntime.exports.jsxs("div",Object.assign({onMouseEnter:()=>{var e;d||(e=setTimeout(()=>{R(!0)},500),C(e))},onMouseLeave:()=>{d||(R(!1),clearTimeout(E))},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+" "+(x?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:M,onChange:T})]})),jsxRuntime.exports.jsxs("footer",{children:[x&&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),N()}},{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:L,disabled:g},{children:[jsxRuntime.exports.jsx(Icon,{component:Save,color:"secondary",fontSize:"small",className:p.icon}),SHARED_TEXT.saveSettings()]}))]})]})),!n&&!x&&jsxRuntime.exports.jsxs(Button,Object.assign({id:"engine-use-engine-btn-"+e,className:p.footerActionBtn,onClick:()=>{null!=a&&a.length||i?m(e=>!e):L()},disabled:!d},{children:[jsxRuntime.exports.jsx(Icon,{component:Add,color:"secondary",fontSize:"small",className:p.icon}),SHARED_TEXT.useThisEngine()]})),n&&!x&&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),N()}},{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,hidePanel:t,enableNonSingleEngineJobEngines:i})=>{var s=useStyles()["classes"];const n=useDispatch(),a=useSelector(selectEnginesByCapabilityId(e.id)),o=useSelector(selectSelectedEnginesByCapabilityId(e.id)),[r,l]=react.exports.useState([]),c=e.name.replace(/[^a-zA-Z]/g,""),d=t=>{l(e=>e.filter(e=>e.id!==t))},u=t=>{l(e=>[...e.filter(e=>e.id!==t.id),t])};react.exports.useEffect(()=>{o&&l(o)},[]);const[p,g]=react.exports.useState(""),[x,m]=react.exports.useState(!1),[j,b]=react.exports.useState([...a]),[h,f]=react.exports.useState(10);const S=react.exports.useRef();return react.exports.useEffect(()=>{var e=a["length"];const t=setTimeout(()=>m(!1),15<e?1e3:0);return()=>clearTimeout(t)},[j]),jsxRuntime.exports.jsxs("div",Object.assign({className:s.engineSelectionWrapper},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.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:a.length<4,onChange:({target:{value:s}})=>{if(g(s),f(10),!s)return b([...a]),m(!1);m(!0);var e=[...a].filter(e=>{const t=((null==e?void 0:e.name)||"").toLowerCase()+((null==e?void 0:e.description)||"").toLowerCase();return t.includes(s.toLowerCase().trim())});b(e)},value:p,isSearching:x}),jsxRuntime.exports.jsxs("div",Object.assign({className:s.engineListWrapper,onScroll:()=>{var e,t,s;S.current&&({scrollTop:e,scrollHeight:t,clientHeight:s}=S.current,t-500<=e+s&&(h>=j.length||f(e=>e+10)))},ref:S},{children:[!x&&j.slice(0,h>j.length?j.length:h).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===r||void 0===r?void 0:r.some(e=>e.id===n)),onSave:u,onDeselect:d,iconName:c,signedIconPath:null==e?void 0:e.signedIconPath,defaultConfiguration:(t=e.id,null==(s=null===o||void 0===o?void 0:o.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)}),(x||h<j.length)&&jsxRuntime.exports.jsx(EngineSearchSkeleton,{}),!x&&0===j.length&&jsxRuntime.exports.jsx(EngineSearchEmptyState,{})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.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:()=>{n(actions.processAiConfig.setConfigurations({capabilityId:e.id,selectedEngines:r})),null!=t&&t()},disabled:!(null!==o&&void 0!==o&&o.length||null!==r&&void 0!==r&&r.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$u,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(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getDataCenterProcessAIModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(EngineSelection,Object.assign({},e))})}))})}));export{DataCenterEngineSelection,DataCenterProcessAI};
+  `,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;const a=AIWareFormatMessage(s);if(n&&!i)return 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})),void(yield put(actions.capabilitiesState.capabilitiesFetchSucceed()));const o=yield fetchEngineCapabilities(t,i,200),r=[],l={};null!==o&&void 0!==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:LoadingStatus.pending}));var i=yield call(launchSingleEngineJob,e,t,s,n);i||(yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:LoadingStatus.failed})),sdkEventManager.dispatch(SdkEvents.jobCreated,new SdkError("Job could not be created!"),{tdoId:s,engineId:t})),yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:LoadingStatus.success})),sdkEventManager.dispatch(SdkEvents.jobCreated,null,{jobId:i,engineId:t,tdoId:s})}catch(e){yield put(actions.processAiConfig.updateSingleJobStatus({engineId:t,status:LoadingStatus.failed})),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(CacheProvider,Object.assign({value:muiCache},{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=>{const{required:t,value:s,min:n,max:i,type:a,values:o}=e;if(lodash.exports.isEmpty(a===EngineFieldType.MultiPicklist?o:s))return t?"This field can't be blank!":"";if(a===EngineFieldType.Number){if(lodash.exports.isNumber(n)&&Number(s)<n)return"The value can't be lower than "+n.toFixed(2);if(lodash.exports.isNumber(i)&&Number(s)>i)return"The value can't be higher than "+i.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})))}))},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$1,{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)})]}))})})},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 g=useSelector(selectors$1.selectLoadingStatus);const[x,m]=react.exports.useState(!1),[j,b]=react.exports.useState({}),[h,S]=react.exports.useState(!1),[f,v]=react.exports.useState(!1),[y,E]=react.exports.useState(!1),[R,C]=react.exports.useState(null),[I,A]=react.exports.useState(null);g=i&&"pending"===g;const T=t=>{b(e=>Object.assign(Object.assign({},e),{[t.fieldName]:t.fieldValue}))};const L=()=>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)):S(!0);const N=()=>{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(()=>{N()},[]);var M=null==a?void 0:a.map(e=>{const t=Object.assign({},e);var s=e.type===EngineFieldType.MultiPicklist?"values":"value";return t[s]=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+" "+(x?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})}}),f&&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:M,onChange:T})]})),jsxRuntime.exports.jsxs("footer",{children:[x&&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),N()}},{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:L,disabled:g},{children:[jsxRuntime.exports.jsx(Icon,{component:Save,color:"secondary",fontSize:"small",className:p.icon}),SHARED_TEXT.saveSettings()]}))]})]})),!n&&!x&&jsxRuntime.exports.jsxs(Button,Object.assign({id:"engine-use-engine-btn-"+e,className:p.footerActionBtn,onClick:()=>{null!=a&&a.length||i?m(e=>!e):L()},disabled:!d},{children:[jsxRuntime.exports.jsx(Icon,{component:Add,color:"secondary",fontSize:"small",className:p.icon}),SHARED_TEXT.useThisEngine()]})),n&&!x&&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),N()}},{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,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[g,x]=react.exports.useState(""),[m,j]=react.exports.useState(!1),[b,h]=react.exports.useState([...o]),[S,f]=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:s}})=>{if(x(s),f(10),!s)return h([...o]),j(!1);j(!0);var e=[...o].filter(e=>{const t=((null==e?void 0:e.name)||"").toLowerCase()+((null==e?void 0:e.description)||"").toLowerCase();return t.includes(s.toLowerCase().trim())});h(e)},value:g,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&&(S>=b.length||f(e=>e+10)))},ref:v},{children:[!m&&b.slice(0,S>b.length?b.length:S).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||S<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$u,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(CacheProvider,Object.assign({value:muiCache},{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};

package/js-core.esm61.js

@@ -1,4 +1,4 @@
-import{H as createSlice,p as lodash,c2 as combineReducers,c3 as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,c4 as fork,m as makeStyles,i as useDispatch,r as react,cs as validate,j as jsxRuntime,c5 as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,bt as CacheProvider,bu as muiCache,ad as takeLatest$1,ch as mountPanel,k as useSelector,x as classNames,T as Typography,a9 as IconButton,ck as MoreVert,a8 as Tooltip,bS as Hide,cl as Menu,aT as MenuItem,a0 as ListItemIcon,cm as Edit,a7 as Divider,co as Delete,cg as hidePanel,ag as select,M as preferredLanguageSelector,af as put,ai as call,bT as showMessage,bU as MessageSeverity,a2 as all,F as FormattedMessage,b1 as AIWareFormatMessage,aD as TableContainer,aE as Table,aJ as TableBody,aS as Select,cu as baseGraphQLApiWithError,aF as TableHead,aG as TableRow,aH as TableCell,aI as TableSortLabel,ac as Skeleton,cr as img$1w,ar as Button,cw as Add,cB as Filter,az as Dialog,aA as DialogTitle,aB as DialogContent,ci as DialogContentText,aC as DialogActions,cq as useBackupImg}from"./js-core.esm.js";import{C as Container}from"./js-core.esm22.js";import{P as Pagination}from"./js-core.esm24.js";import"./js-core.esm15.js";const SLICE_NAME="appCenterBrowse";var LoadingStatus,AppType,AppConfigType,ModuleRepo,ModuleStatus;!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),(AppType=AppType||{}).Apps="apps",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$2="uiState",initialState$1={status:LoadingStatus.Idle,appDetails:initialAppDetails},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{initApps(e){e.status=LoadingStatus.Pending},fetchingApps(e){e.status=LoadingStatus.Pending},fetchingDone(e){e.status=LoadingStatus.Idle},fetchingFailed(e){e.status=LoadingStatus.Failed},toggleAppDetails(e,{payload:t}){t?e.appDetails.appId=t:delete e.appDetails.appId}}}),actions$2=slice$1.actions;var uiState=slice$1.reducer;const namespace$1="apps",initialState={apps:{}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{appsFetchSucceeded(e,t){t=null==(t=t.payload)?void 0:t.records,t=lodash.exports.keyBy(t,"id");e[AppType.Apps]=t},mutateApplicationWorkflow(e,t){t=t.payload;e[AppType.Apps][t.id].status="updating"},mutateApplicationWorkflowSuccess(e,t){var{id:t,status:a,validStateActions:s}=t.payload;e[AppType.Apps][t].status=a,e[AppType.Apps][t].validStateActions=s},refreshAppStateSuccess(e,t){var a=t.payload["id"];e[AppType.Apps][a]=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 a=t.payload["id"];e[AppType.Apps][a]=t.payload}}}),actions$1=slice.actions;var appsState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$2]:uiState,[namespace$1]:appsState});function __awaiter(e,o,l,r){return new(l=l||Promise)(function(a,t){function s(e){try{n(r.next(e))}catch(e){t(e)}}function i(e){try{n(r.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?a(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(s,i)}n((r=r.apply(e,o||[])).next())})}const applicationFieldsFragment=`fragment applicationFields on Application {
+import{H as createSlice,p as lodash,c2 as combineReducers,c3 as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,c4 as fork,m as makeStyles,i as useDispatch,r as react,cs as validate,j as jsxRuntime,c5 as AIWareThemeProvider,K as DynamicModuleLoader,A as AIWareIntlProvider,bu as CacheProvider,bv as muiCache,ad as takeLatest$1,ch as mountPanel,k as useSelector,x as classNames,T as Typography,a9 as IconButton,ck as MoreVert,a8 as Tooltip,bS as Hide,cl as Menu,aT as MenuItem,a0 as ListItemIcon,cm as Edit,a7 as Divider$1,co as Delete,cg as hidePanel,G as Grid,c as Paper,F as FormattedMessage,w as TextField,aV as default_1,ag as select,M as preferredLanguageSelector,af as put,ai as call,bT as showMessage,bU as MessageSeverity,a2 as all,b1 as AIWareFormatMessage,aD as TableContainer,aE as Table,aJ as TableBody,aS as Select,cu as baseGraphQLApiWithError,aF as TableHead,aG as TableRow,aH as TableCell,aI as TableSortLabel,ac as Skeleton,cr as img$1w,ar as Button,cw as Add,cB as Filter,az as Dialog,aA as DialogTitle,aB as DialogContent,ci as DialogContentText,aC as DialogActions,cq as useBackupImg}from"./js-core.esm.js";import{C as Container}from"./js-core.esm22.js";import{A as Autocomplete}from"./js-core.esm21.js";import{P as Pagination}from"./js-core.esm24.js";import"./js-core.esm31.js";import"./js-core.esm15.js";const SLICE_NAME="appCenterBrowse";var LoadingStatus,AppType,AppConfigType,ModuleRepo,ModuleStatus;!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),(AppType=AppType||{}).Apps="apps",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:LoadingStatus.Idle,appDetails:initialAppDetails},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{initApps(e){e.status=LoadingStatus.Pending},fetchingApps(e){e.status=LoadingStatus.Pending},fetchingDone(e){e.status=LoadingStatus.Idle},fetchingFailed(e){e.status=LoadingStatus.Failed},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:{}},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{appsFetchSucceeded(e,t){t=null==(t=t.payload)?void 0:t.records,t=lodash.exports.keyBy(t,"id");e[AppType.Apps]=t},mutateApplicationWorkflow(e,t){t=t.payload;e[AppType.Apps][t.id].status="updating"},mutateApplicationWorkflowSuccess(e,t){var{id:t,status:a,validStateActions:s}=t.payload;e[AppType.Apps][t].status=a,e[AppType.Apps][t].validStateActions=s},refreshAppStateSuccess(e,t){var a=t.payload["id"];e[AppType.Apps][a]=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 a=t.payload["id"];e[AppType.Apps][a]=t.payload}}}),actions$2=slice$1.actions;var appsState=slice$1.reducer;const namespace$1="filterState",initialState={filter:{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,o,r,l){return new(r=r||Promise)(function(a,t){function s(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?a(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(s,i)}n((l=l.apply(e,o||[])).next())})}const applicationFieldsFragment=`fragment applicationFields on Application {
     id
     name
     description
@@ -109,4 +109,4 @@ import{H as createSlice,p as lodash,c2 as combineReducers,c3 as createSelector,O
             ...applicationFields
          }
         }
-      `;return yield baseGraphQLApiWithError(Object.assign({query:t,variables:{input:s},operationName:e},a))}),deleteApp$1=(t,a)=>__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:a},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status,selectApps=e=>e[namespace].apps[AppType.Apps],selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,a)=>({apiRoot:e,graphQLEndpoint:t,token:a}));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);const a=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: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"],a=yield select(selectApiConfigs),e=yield select(preferredLanguageSelector);const s=AIWareFormatMessage(e);if(a)try{var i=(yield call(applicationWorkflow,a,t)).applicationWorkflow;yield put(actions.apps.mutateApplicationWorkflowSuccess(i)),yield put(showMessage({content:s({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:s({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 n=yield call(getApplication,a,t.id);yield put(actions.apps.refreshAppStateSuccess(n))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*deleteApp(t){var t=t["payload"],a=yield select(selectApiConfigs),e=yield select(preferredLanguageSelector);const s=AIWareFormatMessage(e);if(a)try{yield call(deleteApp$1,a,t.id),yield put(showMessage({content:s({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:s({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,a,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,a=window.location.pathname.split("/");a[2]=e;var t=""+origin+a.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*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(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$6=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:"fixed",left:0,right:0,backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%"}})),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$5=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$5()["classes"];const t=useDispatch();var a=()=>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(a,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(a,{})},{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:"Filter App Results",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$4=makeStyles()(e=>({appListHeader:{position:"sticky",top:0,background:"#fff",zIndex:20},appHeaderCell:{padding:"10px 20px 10px 20px"}})),AppsListTableHeader=e=>{const t=useStyles$4()["classes"],{order:a,orderBy:s,onRequestSort:i}=e;return jsxRuntime.exports.jsxs(TableHead,Object.assign({className:t.appListHeader},{children:[jsxRuntime.exports.jsx(TableRow,{children:jsxRuntime.exports.jsx(TableCell,Object.assign({className:t.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=>jsxRuntime.exports.jsx(TableCell,Object.assign({className:t.appHeaderCell,sortDirection:s===e.id&&a,"data-test":"apps-list-table-header-app-"+e.label},{children:jsxRuntime.exports.jsx(TableSortLabel,Object.assign({active:s===e.id,direction:s===e.id?a:"asc",onClick:(t=>e=>{i(e,t)})(e.id)},{children:e.label}))}),e.id)),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,{}),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:a,handleCloseConfirmDelete:s,handleConfirmDelete:i})=>jsxRuntime.exports.jsxs(Dialog,Object.assign({"data-test":a,open:e,onClose:s,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:s},{children:APP_CENTER_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:i,autoFocus:!0},{children:APP_CENTER_TEXT.delete()}))]})]})),formatDate=e=>{if(!e)return"--/--/-- --:-- --";const t=new Date(e);return t.toLocaleDateString()+" "+t.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0})},pillStyles=makeStyles()(e=>({pill:{padding:"3px 10px",borderRadius:100,color:"#fff",display:"inline-block"},pillText:{textTransform:"uppercase",fontWeight:800,fontSize:9,lineHeight:"12px"},active:{backgroundColor:"#086501"},ready:{backgroundColor:"#05598A"},pending:{backgroundColor:"#953F09"},disabled:{backgroundColor:"#423E3E"},draft:{border:"1px solid #4F5863",color:"#4F5863"},deleted:{backgroundColor:"#B30000"},updating:{color:"#4F5863"},approved:{backgroundColor:"#953F09"},available:{backgroundColor:"#05598A"},deploying:{backgroundColor:"#086501"},deployed:{backgroundColor:"#086501"},fetching:{color:"#4F5863"},invalid:{backgroundColor:"#423E3E"},paused:{border:"1px solid #4F5863",color:"#4F5863"},uploaded:{backgroundColor:"#05598A"},deployFailed:{backgroundColor:"#B30000"},disapproved:{backgroundColor:"#4F5863"},queued:{backgroundColor:"#433772"},running:{backgroundColor:"#05598A"},completed:{backgroundColor:"#086501"},complete:{backgroundColor:"#086501"},failed:{backgroundColor:"#B30000"},canceled:{backgroundColor:"#423E3E"}})),StatusPill=({status:e})=>{var t=pillStyles()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:t.pill+" "+t[e]},{children:jsxRuntime.exports.jsx(Typography,Object.assign({className:t.pillText,variant:"body1","data-test":"status-pill"},{children:"ing"===e.substring(e.length-3)?e+"...":e}))}))},useStyles$3=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:a=""})=>{var s=useStyles$3()["classes"],[t,i]=useBackupImg(t,img$1w);return jsxRuntime.exports.jsx("div",Object.assign({className:s.root+" "+s[e]},{children:jsxRuntime.exports.jsx("img",{className:s.logo+" "+(t==img$1w&&s.veritoneLogo),src:t,alt:a,onError:i})}))},useStyles$2=makeStyles()(e=>({iconCell:{width:50,paddingRight:0},truncateText:{display:"block",maxWidth:"220px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),AppsListRow=({app:s})=>{const[e,i]=react.exports.useState(null),[t,n]=react.exports.useState(!1),o=useDispatch();var a=useStyles$2()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(TableRow,Object.assign({onClick:()=>{o(actions.uiState.toggleAppDetails(s.id))},style:{cursor:"pointer"},hover:!0,"data-test":"apps-list-table-row","data-test-app-id":s.id},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({className:a.iconCell},{children:jsxRuntime.exports.jsx(CircledLogo,{size:"small",path:s.signedIconUrl,altText:s.name+" Logo"})})),jsxRuntime.exports.jsx(TableCell,{children:s.name}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(StatusPill,{status:s.status})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx("div",Object.assign({className:a.truncateText},{children:s.url}))}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(s.createdDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(s.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(s.validStateActions)&&lodash.exports.map(s.validStateActions,a=>jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:e=>{var t=a;e.stopPropagation(),"enable"!==t&&"disable"!==t&&"approve"!==t&&"deploy"!==t&&"reject"!==t&&"submit"!==t||o(actions.apps.mutateApplicationWorkflow({id:s.id,action:t})),"delete"===t&&n(!0),"edit"===t&&(e={name:"APP_CENTER_NEW",config:{name:"Edit app",appId:s.id}},t={type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Edit app",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3},o(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:e,panelConfig:t}))),i(null)},"data-test":"app-row-action-button-"+a},{children:a}),a))}))]})),jsxRuntime.exports.jsx(ConfirmDelete,{open:t,appName:s.name,testName:"os-app-center-browse.app-list-row.delete-confirmation-modal",handleCloseConfirmDelete:()=>{n(!1)},handleConfirmDelete:()=>{o(actions.apps.deleteApp({id:s.id})),n(!1)}})]})},NoResults=()=>{var e=useStyles$6()["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$1w,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"}))]}))},usePagination=(t,a)=>{const[s,i]=react.exports.useState(1),n=Math.ceil(t.length/a);return{jump:function(e){const t=Math.max(1,e);i(e=>Math.min(t,n))},currentData:function(){var e=(s-1)*a;return t.slice(e,e+a)}}},AppsListTable=({baseRedirectUrl:t})=>{var e=useStyles$6()["classes"],a=useSelector(selectUIStateStatus),s=useSelector(selectApps);const[i,n]=react.exports.useState(1),[o,l]=react.exports.useState(10),[r,p]=react.exports.useState(),[c,d]=react.exports.useState("desc");var s=lodash.exports.orderBy(lodash.exports.values(s),"createdDateTime","desc"),u=Math.ceil(s.length/o);const x=usePagination(s,o);var g,m,j=x.currentData();g=r,m=c;const h=lodash.exports.orderBy(j,g,m);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:c,orderBy:r,onRequestSort:(e,t)=>{var a=r===t&&"asc"===c;d(a?"desc":"asc"),p(t)}}),jsxRuntime.exports.jsx(TableBody,{children:"pending"===a?lodash.exports.times(10,()=>jsxRuntime.exports.jsx(AppRowSkeleton,{},Math.random())):lodash.exports.isEmpty(s)?jsxRuntime.exports.jsx("div",Object.assign({className:e.noResultsContainer},{children:jsxRuntime.exports.jsx(NoResults,{})})):lodash.exports.map(lodash.exports.keys(h),e=>jsxRuntime.exports.jsx(AppsListRow,{baseRedirectUrl:t,app:h[e]},e))})]}))})),!lodash.exports.isEmpty(s)&&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:o,onChange:e=>{l(e.target.value),n(1),x.jump(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:u,page:i,onChange:(e,t)=>{n(t),x.jump(t)}})]}))]})},useStyles$1=makeStyles()(e=>({panel:{width:"100%",height:"100%",overflow:"auto",backgroundColor:e.palette.background.paper}})),MainLayout$1=({baseRedirectUrl:e})=>{var t=useStyles$1()["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:a,graphQLEndpoint:s,token:i}=useSelector(selectApiConfigs);return react.exports.useEffect(()=>{a&&s&&i&&t(actions.uiState.initApps())},[a,s,i,t]),a&&s&&i?jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)):null},AppCenterBrowse=e=>{const a=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?a(actions.uiState.toggleAppDetails(t)):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(a))},[a]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))}))})}))})},useStyles=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:a,children:s})=>{var i=useStyles()["classes"];const[n,o]=react.exports.useState(null);var l=()=>{o(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=>{o(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:l,onBlur:l,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:a},{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:s}))]}))}))},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,{})}))}))};export{AppCenterBrowse,AppCenterDetails};
+      `;return yield baseGraphQLApiWithError(Object.assign({query:t,variables:{input:s},operationName:e},a))}),deleteApp$1=(t,a)=>__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:a},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status,selectApps=e=>e[namespace].apps[AppType.Apps],selectFilters=e=>e[namespace].filterState.filter,selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,a)=>({apiRoot:e,graphQLEndpoint:t,token:a}));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);const a=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: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"],a=yield select(selectApiConfigs),e=yield select(preferredLanguageSelector);const s=AIWareFormatMessage(e);if(a)try{var i=(yield call(applicationWorkflow,a,t)).applicationWorkflow;yield put(actions.apps.mutateApplicationWorkflowSuccess(i)),yield put(showMessage({content:s({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:s({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 n=yield call(getApplication,a,t.id);yield put(actions.apps.refreshAppStateSuccess(n))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*deleteApp(t){var t=t["payload"],a=yield select(selectApiConfigs),e=yield select(preferredLanguageSelector);const s=AIWareFormatMessage(e);if(a)try{yield call(deleteApp$1,a,t.id),yield put(showMessage({content:s({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:s({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,a,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,a=window.location.pathname.split("/");a[2]=e;var t=""+origin+a.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*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(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 a=()=>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(a,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(a,{})},{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:"Filter App Results",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 t=useStyles$5()["classes"],{order:a,orderBy:s,onRequestSort:i}=e;return jsxRuntime.exports.jsxs(TableHead,Object.assign({className:t.appListHeader},{children:[jsxRuntime.exports.jsx(TableRow,{children:jsxRuntime.exports.jsx(TableCell,Object.assign({className:t.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=>jsxRuntime.exports.jsx(TableCell,Object.assign({className:t.appHeaderCell,sortDirection:s===e.id&&a,"data-test":"apps-list-table-header-app-"+e.label},{children:jsxRuntime.exports.jsx(TableSortLabel,Object.assign({active:s===e.id,direction:s===e.id?a:"asc",onClick:(t=>e=>{i(e,t)})(e.id)},{children:e.label}))}),e.id)),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:a,handleCloseConfirmDelete:s,handleConfirmDelete:i})=>jsxRuntime.exports.jsxs(Dialog,Object.assign({"data-test":a,open:e,onClose:s,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:s},{children:APP_CENTER_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:i,autoFocus:!0},{children:APP_CENTER_TEXT.delete()}))]})]})),formatDate=e=>{if(!e)return"--/--/-- --:-- --";const t=new Date(e);return t.toLocaleDateString()+" "+t.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0})},pillStyles=makeStyles()(e=>({pill:{padding:"3px 10px",borderRadius:100,color:"#fff",display:"inline-block"},pillText:{textTransform:"uppercase",fontWeight:800,fontSize:9,lineHeight:"12px"},active:{backgroundColor:"#086501"},ready:{backgroundColor:"#05598A"},pending:{backgroundColor:"#953F09"},disabled:{backgroundColor:"#423E3E"},draft:{border:"1px solid #4F5863",color:"#4F5863"},deleted:{backgroundColor:"#B30000"},updating:{color:"#4F5863"},approved:{backgroundColor:"#953F09"},available:{backgroundColor:"#05598A"},deploying:{backgroundColor:"#086501"},deployed:{backgroundColor:"#086501"},fetching:{color:"#4F5863"},invalid:{backgroundColor:"#423E3E"},paused:{border:"1px solid #4F5863",color:"#4F5863"},uploaded:{backgroundColor:"#05598A"},deployFailed:{backgroundColor:"#B30000"},rejected:{backgroundColor:"#4F5863"},queued:{backgroundColor:"#433772"},deleting:{backgroundColor:"#05598A"},completed:{backgroundColor:"#086501"},complete:{backgroundColor:"#086501"},failed:{backgroundColor:"#B30000"},canceled:{backgroundColor:"#423E3E"}})),StatusPill=({status:e})=>{var t=pillStyles()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:t.pill+" "+t[e]},{children:jsxRuntime.exports.jsx(Typography,Object.assign({className:t.pillText,variant:"body1","data-test":"status-pill"},{children:"ing"===e.substring(e.length-3)?e+"...":e}))}))},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:a=""})=>{var s=useStyles$4()["classes"],[t,i]=useBackupImg(t,img$1w);return jsxRuntime.exports.jsx("div",Object.assign({className:s.root+" "+s[e]},{children:jsxRuntime.exports.jsx("img",{className:s.logo+" "+(t==img$1w&&s.veritoneLogo),src:t,alt:a,onError:i})}))},useStyles$3=makeStyles()(e=>({iconCell:{width:50,paddingRight:0},truncateText:{display:"block",maxWidth:"220px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),AppsListRow=({app:s})=>{const[e,i]=react.exports.useState(null),[t,n]=react.exports.useState(!1),o=useDispatch();var a=useStyles$3()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(TableRow,Object.assign({onClick:()=>{o(actions.uiState.toggleAppDetails(s.id))},style:{cursor:"pointer"},hover:!0,"data-test":"apps-list-table-row","data-test-app-id":s.id},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({className:a.iconCell},{children:jsxRuntime.exports.jsx(CircledLogo,{size:"small",path:s.signedIconUrl,altText:s.name+" Logo"})})),jsxRuntime.exports.jsx(TableCell,{children:s.name}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(StatusPill,{status:s.status})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx("div",Object.assign({className:a.truncateText},{children:s.url}))}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(s.createdDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(s.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(s.validStateActions)&&lodash.exports.map(s.validStateActions,a=>jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:e=>{var t=a;e.stopPropagation(),"enable"!==t&&"disable"!==t&&"approve"!==t&&"deploy"!==t&&"reject"!==t&&"submit"!==t||o(actions.apps.mutateApplicationWorkflow({id:s.id,action:t})),"delete"===t&&n(!0),"edit"===t&&(e={name:"APP_CENTER_NEW",config:{name:"Edit app",appId:s.id}},t={type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Edit app",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3},o(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:e,panelConfig:t}))),i(null)},"data-test":"app-row-action-button-"+a},{children:a}),a))}))]})),jsxRuntime.exports.jsx(ConfirmDelete,{open:t,appName:s.name,testName:"os-app-center-browse.app-list-row.delete-confirmation-modal",handleCloseConfirmDelete:()=>{n(!1)},handleConfirmDelete:()=>{o(actions.apps.deleteApp({id:s.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$1w,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"}))]}))},usePagination=(t,a)=>{const[s,i]=react.exports.useState(1),n=Math.ceil(t.length/a);return{jump:function(e){const t=Math.max(1,e);i(e=>Math.min(t,n))},currentData:function(){var e=(s-1)*a;return t.slice(e,e+a)}}},AppsListTable=({baseRedirectUrl:t})=>{var e=useStyles$7()["classes"],a=useSelector(selectUIStateStatus),s=useSelector(selectApps);const i=useSelector(selectFilters),[n,o]=react.exports.useState(1),[r,l]=react.exports.useState(10),[p,c]=react.exports.useState(),[d,u]=react.exports.useState("desc"),x=lodash.exports.orderBy(lodash.exports.values(s),"createdDateTime","desc"),m=react.exports.useRef(!1);var s=()=>{return x.filter(e=>(!lodash.exports.get(i,"status.label","")||e.status===lodash.exports.get(i,"status.label",""))&&(!(lodash.exports.get(i,"created.startDate",!1)&&lodash.exports.get(i,"created.endDate",!1)&&lodash.exports.get(i,"created.isSearch",!1)&&(Date.parse(e.createdDateTime)<Date.parse(lodash.exports.get(i,"created.startDate"))||Date.parse(e.createdDateTime)>=Date.parse(lodash.exports.get(i,"created.endDate")+"T23:59:59.999Z")))&&!(lodash.exports.get(i,"lastUpdated.startDate",!1)&&lodash.exports.get(i,"lastUpdated.endDate",!1)&&lodash.exports.get(i,"lastUpdated.isSearch",!1)&&(Date.parse(e.modifiedDateTime)<Date.parse(lodash.exports.get(i,"lastUpdated.startDate"))||Date.parse(e.modifiedDateTime)>=Date.parse(lodash.exports.get(i,"lastUpdated.endDate")+"T23:59:59.999Z")))))},g=(react.exports.useEffect(()=>{m.current?(o(1),j.jump(1)):m.current=!0},[i]),Math.ceil(s().length/r));const j=usePagination(s(),r);var h,b,s=j.currentData();h=p,b=d;const f=lodash.exports.orderBy(s,h,b);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:d,orderBy:p,onRequestSort:(e,t)=>{var a=p===t&&"asc"===d;u(a?"desc":"asc"),c(t)}}),jsxRuntime.exports.jsx(TableBody,{children:"pending"===a?lodash.exports.times(10,()=>jsxRuntime.exports.jsx(AppRowSkeleton,{},Math.random())):lodash.exports.isEmpty(f)?jsxRuntime.exports.jsx("div",Object.assign({className:e.noResultsContainer},{children:jsxRuntime.exports.jsx(NoResults,{})})):lodash.exports.map(lodash.exports.keys(f),e=>jsxRuntime.exports.jsx(AppsListRow,{baseRedirectUrl:t,app:f[e]},e))})]}))})),!lodash.exports.isEmpty(f)&&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:r,onChange:e=>{l(e.target.value),o(1),j.jump(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:g,page:n,onChange:(e,t)=>{o(t),j.jump(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:a,graphQLEndpoint:s,token:i}=useSelector(selectApiConfigs);return react.exports.useEffect(()=>{a&&s&&i&&t(actions.uiState.initApps())},[a,s,i,t]),a&&s&&i?jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)):null},AppCenterBrowse=e=>{const a=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?a(actions.uiState.toggleAppDetails(t)):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(a))},[a]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{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:a,children:s})=>{var i=useStyles$1()["classes"];const[n,o]=react.exports.useState(null);var r=()=>{o(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=>{o(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:r,onBlur:r,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:a},{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$1,{}),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$1,{className:i.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:i.panelBody},{children:s}))]}))}))},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(),a=react.exports.useRef(!1),[s,i]=react.exports.useState(useSelector(selectFilters));var n=(new Date).toISOString().split("T")[0];const o={startDate:"",endDate:"",isSearch:!1};react.exports.useEffect(()=>{a.current?t(actions.filterState.setFilters({filter:s})):a.current=!0},[s,t]);const{status:r,lastUpdated:l,created:p}=s;var c=e=>{i(Object.assign(Object.assign({},s),{created:Object.assign(Object.assign({},p),{[e.target.name]:e.target.value,isSearch:!0})}))},d=e=>{i(Object.assign(Object.assign({},s),{lastUpdated:Object.assign(Object.assign({},l),{[e.target.name]:e.target.value,isSearch:!0})}))};const u=e=>{switch(e){case"created":case"lastUpdated":i(Object.assign(Object.assign({},s),{[e]:o}));break;case"search":i(Object.assign(Object.assign({},s),{[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-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:r,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({},s),{status:t||""}))}})]})),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:c,className:e.textField,max: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:c,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:()=>u("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:d,className:e.textField,max: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:d,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:()=>u("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(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AppsFilter,{})}))})});export{AppCenterBrowse,AppCenterDetails,AppCenterFilter};