aiware-js 2.22.0 → 2.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.css +390 -90
- package/index.esm.js +1 -1
- package/js-core.esm.js +10 -10
- package/js-core.esm12.js +1 -1
- package/js-core.esm13.js +1 -1
- package/js-core.esm14.js +1 -1
- package/js-core.esm15.js +1 -1
- package/js-core.esm16.js +1 -1
- package/js-core.esm17.js +1 -1
- package/js-core.esm18.js +1 -230
- package/js-core.esm19.js +1 -78
- package/js-core.esm20.js +230 -1
- package/js-core.esm21.js +78 -1
- package/js-core.esm22.js +1 -1
- package/js-core.esm23.js +1 -1
- package/js-core.esm24.js +1 -1
- package/js-core.esm25.js +1 -1
- package/js-core.esm26.js +1 -1
- package/js-core.esm27.js +1 -1
- package/js-core.esm28.js +1 -1
- package/js-core.esm29.js +1 -1
- package/js-core.esm30.js +1 -14
- package/js-core.esm31.js +1 -12
- package/js-core.esm32.js +7 -47
- package/js-core.esm33.js +12 -1
- package/js-core.esm34.js +54 -1
- package/js-core.esm35.js +1 -108
- package/js-core.esm36.js +1 -1
- package/js-core.esm37.js +92 -198
- package/js-core.esm38.js +1 -37
- package/js-core.esm39.js +214 -1
- package/js-core.esm4.js +1 -1
- package/js-core.esm40.js +1 -1
- package/js-core.esm41.js +1 -1
- package/js-core.esm42.js +1 -1
- package/js-core.esm43.js +37 -1
- package/js-core.esm44.js +1 -31
- package/js-core.esm45.js +1 -32
- package/js-core.esm46.js +1 -53
- package/js-core.esm47.js +1 -1
- package/js-core.esm48.js +26 -115
- package/js-core.esm49.js +28 -83
- package/js-core.esm5.js +2 -2
- package/js-core.esm50.js +85 -1
- package/js-core.esm51.js +1 -0
- package/js-core.esm52.js +132 -0
- package/js-core.esm53.js +87 -0
- package/js-core.esm54.js +1 -0
- package/js-core.esm55.js +15 -0
- package/js-core.esm56.js +10 -0
- package/js-core.esm7.js +4 -4
- package/js-core.umd.css +300 -0
- package/js-core.umd.js +210 -143
- package/locales/en.json +1 -1
- package/locales/es.json +1 -1
- package/locales/fr.json +1 -1
- package/package.json +4 -2
package/js-core.esm47.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,m as makeStyles,H as createSlice,cc as combineReducers,cd as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,cf as AIWareThemeProvider,K as lib,fc as getLibraryModule,A as AIWareIntlProvider,bw as CacheProvider,bx as muiCache,k as useSelector,r as react,i as useDispatch,F as FormattedMessage,T as Typography,a8 as Tooltip,a9 as IconButton,ch as Close,B as Box,q as Alert,at as Button,bD as CircularProgress$1,Y as Portal,fw as img$t,cl as default_1$2,eB as Badge,bH as Icon,fo as EngineCategoryIcons,aX as Snackbar,aY as default_1$3,fX as ConfirmationModal,a2 as all,g7 as selectors$1,g8 as LibraryDropdown,bO as FormHelperText$2,g9 as Remove,ga as Save,cE as Add,cw as Delete,cu as Edit,ae as Skeleton,cq as mountPanel,x as classNames,af as takeLatest$1,v as FormControl$1,ai as select,M as preferredLanguageSelector,b4 as AIWareFormatMessage,ah as put,bV as showMessage,bW as MessageSeverity,ak as call,dr as sdkEventManager,ds as SdkEvents,dt as SdkError,p as lodash,w as TextField,aV as Select,aW as MenuItem,gb as Input,cB as baseGraphQLApiWithError}from"./js-core.esm.js";import{selectors}from"./js-core.esm35.js";import{C as Chip$1}from"./js-core.esm26.js";import"./js-core.esm23.js";import"./js-core.esm36.js";import"./js-core.esm27.js";import"./js-core.esm37.js";import"./js-core.esm38.js";import"./js-core.esm8.js";import"./js-core.esm25.js";import"./js-core.esm20.js";import"./js-core.esm40.js";import"./js-core.esm33.js";import"./js-core.esm39.js";import"./js-core.esm12.js";import"./js-core.esm16.js";import"./js-core.esm15.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;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const 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},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}}}),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]},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}})),AICategories=({categories:e,closeSnackbar:n})=>{const i=useStyles$4()["classes"],a=useDispatch(),o=useSelector(selectSelectedEnginesObj),r=useSelector(selectors.uiState.selectIsFullScreen),l=useSelector(selectors.uiState.selectIsMdpFullScreen);return jsxRuntime.exports.jsx("div",Object.assign({className:i.processingContainer},{children:e.map(s=>{var e,t=s.name.replace(/[^a-zA-Z]/g,"");return jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"engine-category-row",className:i.processingRow,onClick:()=>{var e=s,e=(n(),{name:"DATA_CENTER_ENGINE_SELECTION",config:{name:"DATA CENTER ENGINE SELECTION",capability:e}}),t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:r||l?0:55,marginStart:r||l?380:460,size:"small",zIndex:r||l?1007:1001,parentPanelId:"DATA_CENTER_PROCESS_AI",dimmed:0,dimmedStatus:"dimParent"};a(mountPanel({panelId:"DATA_CENTER_ENGINE_SELECTION",microFrontend:e,panelConfig:t}))}},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:i.iconBackground},{children:jsxRuntime.exports.jsx(Badge,Object.assign({"data-test":"engine-category-badge-"+t,badgeContent:null!=(e=o[s.id])&&e.length?jsxRuntime.exports.jsx(Typography,Object.assign({variant:"overline",className:i.badgeContent},{children:o[s.id].length})):0,color:"secondary",classes:{badge:i.badge},anchorOrigin:{vertical:"bottom",horizontal:"right"}},{children:jsxRuntime.exports.jsx(Icon,{"data-test":"engine-category-icon-"+t,className:i.engineIcons,component:EngineCategoryIcons[t],color:"secondary",fontSize:"small"})}))})),jsxRuntime.exports.jsxs("div",Object.assign({className:i.processingColumn},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"engine-category-name-"+s.name,variant:"h6",color:"textPrimary",className:i.name},{children:s.name})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"engine-category-description-"+s.name,variant:"body2",color:"textSecondary",className:i.description},{children:s.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$1,{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=useStyles$5()["classes"];const{apiRoot:s,graphQLEndpoint:n,token:i}=useSelector(selectApiConfigs),a=useSelector(selectJobStatus),[o,r]=react.exports.useState(!1);var l=useSelector(selectCapabilitiesStatus);const c=useSelector(selectSelectedEngines);var d=useSelector(selectCapabilities);const u=useDispatch(),p=()=>{u(actions.capabilitiesState.capabilitiesFetchStart(t.tdoId))};if(react.exports.useEffect(()=>{[LoadingStatus.pending,LoadingStatus.success,LoadingStatus.failed].includes(a)&&r(!0)},[a]),react.exports.useEffect(()=>{s&&n&&i&&p()},[s,n,i,u,t.tdoId]),!(s&&n&&i&&t.panelRendered))return null;var g={label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-process-ai.J0sEvH",defaultMessage:"Process with AI",description:"action button label"}),action:()=>{u(actions.job.launchJobStart({tdoId:t.tdoId,selectedEngines:c}))},disabled:!c.length,dataTest:"data-center-process-ai-action-btn"},x={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:e.aiProcessingWrapper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.processAiHeader},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"data-center-process-ai-panel-header-title"},{children: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:SHARED_TEXT.processAiHeaderDescription()})),l===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:p},{children:SHARED_TEXT.processAiRetryBtn()}))})]}))}))]}),l===LoadingStatus.idle&&!(null!=d&&d.length)&&jsxRuntime.exports.jsx(Box,Object.assign({mt:4},{children:jsxRuntime.exports.jsx(Alert,Object.assign({variant:"outlined",severity:"info"},{children:SHARED_TEXT.processAiNoEngineCapability()}))})),l===LoadingStatus.pending&&jsxRuntime.exports.jsx("div",Object.assign({className:e.loaderIcon},{children:jsxRuntime.exports.jsx(CircularProgress$1,{})})),l===LoadingStatus.idle&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(AICategories,{categories:d,closeSnackbar:()=>r(!1)}),jsxRuntime.exports.jsx(ActionsFooter,{confirmationOnCancel:!0,actionButton:g,cancelButton:x})]}),jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsx(JobLaunchSnackbar,{open:o,onClose:()=>r(!1),jobLaunchItems:c,onRetry:e=>{u(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:"\n query fetchEngineCapabilities($limit: Int, $format: String!) {\n engineCategories(limit: $limit) {\n count\n offset\n limit\n records {\n name\n iconClass\n description\n name\n id\n engines(\n limit: $limit\n filter: {\n supportedInputFormats: [$format],\n state: active\n }\n ) {\n count\n offset\n limit\n records {\n id\n description\n name\n state\n signedIconPath\n edgeVersion\n fields {\n name\n type\n defaultValue\n defaultValues\n required\n max\n min\n options {\n __typename\n key\n value\n }\n }\n standaloneJobTemplates {\n type\n }\n libraryRequired\n supportedInputFormats\n }\n }\n }\n }\n }\n ",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=yield getTdoContentType(t,e.payload);const i=AIWareFormatMessage(s);if(!n)return yield put(showMessage({content:i({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 a=yield fetchEngineCapabilities(t,n,200),o=[],r={};null!==a&&void 0!==a&&a.records.forEach(e=>{0<e.engines.count&&(o.push({iconClass:e.iconClass,id:e.id,name:e.name,description:e.description}),r[e.id]=e.engines.records)}),yield put(actions.capabilitiesState.setCapabilities(o)),yield put(actions.capabilitiesState.setEngines(r)),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$1,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,h]=react.exports.useState({}),[b,f]=react.exports.useState(!1),[S,v]=react.exports.useState(!1),[y,R]=react.exports.useState(!1),[C,E]=react.exports.useState(null),[I,A]=react.exports.useState(null);g=i&&"pending"===g;const T=t=>{h(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})),h(s)};react.exports.useEffect(()=>{N()},[]);var O=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),E(e))},onMouseLeave:()=>{d||(R(!1),clearTimeout(C))},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:b,fields:O,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})=>{var s=useStyles()["classes"];const n=useDispatch(),i=useSelector(selectEnginesByCapabilityId(e.id)),a=useSelector(selectSelectedEnginesByCapabilityId(e.id)),[o,r]=react.exports.useState([]),l=e.name.replace(/[^a-zA-Z]/g,""),c=t=>{r(e=>e.filter(e=>e.id!==t))},d=t=>{r(e=>[...e.filter(e=>e.id!==t.id),t])};react.exports.useEffect(()=>{a&&r(a)},[]);const[u,p]=react.exports.useState(""),[g,x]=react.exports.useState(!1),[m,j]=react.exports.useState([...i]),[h,b]=react.exports.useState(10);const f=react.exports.useRef();return react.exports.useEffect(()=>{var e=i["length"];const t=setTimeout(()=>x(!1),15<e?1e3:0);return()=>clearTimeout(t)},[m]),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:i.length<4,onChange:({target:{value:s}})=>{if(p(s),b(10),!s)return j([...i]),x(!1);x(!0);var e=[...i].filter(e=>{const t=e.name.toLowerCase()+e.description.toLowerCase();return t.includes(s.toLowerCase().trim())});j(e)},value:u,isSearching:g}),jsxRuntime.exports.jsxs("div",Object.assign({className:s.engineListWrapper,onScroll:()=>{var e,t,s;f.current&&({scrollTop:e,scrollHeight:t,clientHeight:s}=f.current,t-500<=e+s&&(h>=m.length||b(e=>e+10)))},ref:f},{children:[!g&&m.slice(0,h>m.length?m.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===o||void 0===o?void 0:o.some(e=>e.id===n)),onSave:d,onDeselect:c,iconName:l,signedIconPath:null==e?void 0:e.signedIconPath,defaultConfiguration:(t=e.id,null==(s=null===a||void 0===a?void 0:a.find(e=>e.id===t))?void 0:s.fields),libraryRequired:e.libraryRequired,isEngineAvailable:0<(null==(s=e.standaloneJobTemplates)?void 0:s.length)},e.id)}),(g||h<m.length)&&jsxRuntime.exports.jsx(EngineSearchSkeleton,{}),!g&&0===m.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:o})),null!=t&&t()},disabled:!(null!==a&&void 0!==a&&a.length||null!==o&&void 0!==o&&o.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$t,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$1,{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};
|
|
1
|
+
import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,H as createSlice,cc as combineReducers,m as makeStyles,cf as AIWareThemeProvider,A as AIWareIntlProvider,s as store,k as useSelector,i as useDispatch,T as Typography,at as Button,a8 as Tooltip,a9 as IconButton,fr as Settings,ci as FullscreenExit,cj as Fullscreen,bT as Hide,r as react,x as classNames,bC as CircularProgress,Y as Portal,a2 as all,F as FormattedMessage,aM as Fade,eb as Slide,a7 as Divider,d5 as takeEvery$1,ai as select,M as preferredLanguageSelector,ah as put,bU as showMessage,bV as MessageSeverity,b4 as AIWareFormatMessage}from"./js-core.esm.js";var EntityType,LoadingStatus,MimeType,Save={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(Save,"__esModule",{value:!0}),Save.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"}),"Save"),default_1=Save.default=_default;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const SLICE_NAME="dataLabeler",initialAnnotationSettings=(!function(e){e.Annotation="annotation",e.Publish="publish",e.DatasetAssets="datasetAssets"}(EntityType=EntityType||{}),!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),LoadingStatus.Idle,!function(e){e.VideoMp4="video/mp4",e.AudioMp4="audio/mp4"}(MimeType=MimeType||{}),{isOpen:!1}),initialPublishAnnotationSettings={isOpen:!1},namespace$2="uiState",initialState$1={status:LoadingStatus.Pending,isFullScreen:!1,isFluffy:!1,isInfoOpen:!1,annotationToolSettings:initialAnnotationSettings,publishAnnotationSettings:initialPublishAnnotationSettings},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{init(e){e.status=LoadingStatus.Pending},initDone(e){e.status=LoadingStatus.Idle},initFailed(e){e.status=LoadingStatus.Failed},toggleFullScreen(e){e.isFullScreen=!e.isFullScreen},togglePublishAnnotationSettings(e,{payload:t}){t?(e.publishAnnotationSettings.isOpen=!0,e.publishAnnotationSettings.entityType=t):(e.publishAnnotationSettings.isOpen=!1,delete e.publishAnnotationSettings.entityType)},toggleAnnotationSettings(e,{payload:t}){t?(e.annotationToolSettings.isOpen=!0,e.annotationToolSettings.entityType=t):(e.annotationToolSettings.isOpen=!1,delete e.annotationToolSettings.entityType)}}}),actions$2=slice$1.actions;var uiState=slice$1.reducer;const namespace$1="panelPublishAnnotations",initialState={ids:[]},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{submitPublishAnnotations(e,{payload:t}){e.ids=t.ids}}}),actions$1=slice.actions;var panelPublishAnnotations=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$2]:uiState,[namespace$1]:panelPublishAnnotations}),selectIsFullScreen=e=>e[namespace].uiState.isFullScreen,selectPublishAnnotationSettings=e=>e[namespace].uiState.publishAnnotationSettings,selectAnnotationSettings=e=>e[namespace].uiState.annotationToolSettings,visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;const DATA_LABELER_TEXT={publishAnnotation:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.y9CGIM",defaultMessage:"Publish Annotation",description:"Publish Annotation"}),publishAnnotationSubtitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.r0ufb8",defaultMessage:"Published annotations will be available as Ground Truth within your dataset and used for comparison metrics.",description:"Published annotations will be available as Ground Truth within your dataset and used for comparison metrics."}),annotationSettings:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.XONoJU",defaultMessage:"Annotation Settings",description:"Annotation Settings"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),exitFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.awe7uYc",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}),enterFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.stiZt+b",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"}),toggleFullScreen:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.TUGpHT",defaultMessage:"Toggle FullScreen",description:"Toggle FullScreen"}),submit:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.lOLf4e",defaultMessage:"Submit",description:"Submit"}),show:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.HTVdQU",defaultMessage:"Show",description:"Show"}),hide:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-labeler.sX3mXR",defaultMessage:"Hide",description:"Hide"})},useStyles$2=makeStyles()((e,t,s)=>({root:{flexGrow:1},gridText:{minHeight:0,minWidth:0},divider:{opacity:.9},name:{fontWeight:400,maxWidth:"100%"},type:{paddingLeft:e.spacing(1),maxWidth:e.spacing(12)},padding:{paddingRight:e.spacing(1)},thumbnailContainer:{paddingLeft:e.spacing(3),maxWidth:"60px"},tableHeaderTitle:{paddingLeft:e.spacing(3),maxWidth:"120px"},thumbnail:{width:32,height:32,borderRadius:4,border:".5px solid "+e.palette.divider,objectFit:"cover",verticalAlign:"middle"},header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,display:"flex",height:64,padding:e.spacing(2)},navigationToggle:{marginRight:e.spacing(1)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"},verticalDivider:{borderRight:".5px solid "+e.palette.divider,height:"70%",margin:"0 "+e.spacing(1)},folderMoreIcon:{},row:{cursor:"pointer","&:hover":{borderRadius:4,backgroundColor:"#EEF3F9",["& "+s.folderMoreIcon]:{visibility:"visible",width:"100%",display:"flex",justifyContent:"flex-end"},"& #engineIconContainer":{background:"#fff"}},["& "+s.folderMoreIcon]:{visibility:"hidden"}},publishRoot:{height:"calc(100vh - 260px)",width:"100%"},dRoot:{height:"calc(100vh - 120px)",width:"100%"},dNavBar:{height:"100%",overflow:"hidden",background:"#F4F4F4"},dTitle:{color:"#2A323C",fontWeight:600,fontSize:"18px",lineHeight:"24px",padding:e.spacing(3.2)},dContent:{height:"100%",width:"100%",position:"relative"},dMenu:{overflowY:"auto",height:"calc(100% - 52px)"},loadingContainer:{position:"absolute",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"white"}})),Header=({isFullScreen:e,onPanelClose:t,onFullScreenToggle:s,disableSetting:a})=>{var n=useStyles$2()["classes"];const i=useDispatch();return jsxRuntime.exports.jsxs("header",Object.assign({className:n.header,"data-test":"data-labeler-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-test":"data-labeler-title",style:{marginLeft:30}},{children:"Data Labeler"})),jsxRuntime.exports.jsx("div",Object.assign({style:{alignItems:"center",border:"1px solid #E1E6ED",borderRadius:4,display:"none",flexGrow:1,height:44,padding:20}},{children:"[PLACEHOLDER FOR SEARCH COMPONENT]"})),jsxRuntime.exports.jsxs("div",Object.assign({className:n.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",color:"primary",size:"large","data-test":"data-labeler-open-publish-annotations",style:{marginRight:10},startIcon:jsxRuntime.exports.jsx(default_1,{style:{color:"#FFF"}}),onClick:()=>i(actions.uiState.togglePublishAnnotationSettings(EntityType.Publish))},{children:DATA_LABELER_TEXT.publishAnnotation()})),jsxRuntime.exports.jsx("div",{className:n.verticalDivider}),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-toolbar-open-annotation-settings"},{children:DATA_LABELER_TEXT.annotationSettings()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.annotationSettings()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disabled:a,onClick:()=>i(actions.uiState.toggleAnnotationSettings(EntityType.Annotation)),"data-test":"data-labeler-open-annotation-settings","aria-labelledby":"data-labeler-toolbar-open-annotation-settings",size:"large"},{children:jsxRuntime.exports.jsx(Settings,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-toggle-fullscreen"},{children:DATA_LABELER_TEXT.toggleFullScreen()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:e?DATA_LABELER_TEXT.exitFullScreen():DATA_LABELER_TEXT.enterFullScreen()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"data-labeler-toggle-fullscreen","data-test":"data-labeler-fullscreen-toggle",size:"large"},{children:e?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-close-panel"},{children:DATA_LABELER_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"data-labeler-close-panel","data-test":"data-labeler-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},LabelerIframe=({path:e,fullScreen:t=!1,onClosePanel:s,onSavePublishAnnotation:a})=>{var n=useStyles$2()["classes"];const[i,l]=react.exports.useState(!0),o=react.exports.useRef(null);react.exports.useEffect(()=>{const e=t=>{t=t.data;if(t){let e;try{e=JSON.parse(t)}finally{e&&"closePanel"===e.action&&s&&s(),e&&"savePublishAnnotation"===e.action&&a&&a()}}};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)}),react.exports.useEffect(()=>{o&&o.current&&o.current.focus()},[o]);t=`calc(100vh - ${t?"64":"120"}px)`;return jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(n.dRoot,"hide-in-percy"),style:{height:t}},{children:[i&&jsxRuntime.exports.jsx("div",Object.assign({className:n.loadingContainer},{children:jsxRuntime.exports.jsx(CircularProgress,{})})),jsxRuntime.exports.jsx("iframe",{"data-test":"data-labeler-iframe",title:"Data Labeler Iframe",ref:o,style:{width:"100%",height:"100%",overflow:"auto"},src:e,frameBorder:"0",onLoad:function(){setTimeout(()=>{l(!1)},1e3)}})]}))},useStyles$1=makeStyles()(e=>({panelRoot:{position:"absolute",right:0,top:0,display:"flex","&$fullScreen":{height:"100vh"}},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1,padding:e.spacing(1)},divider:{marginBottom:e.spacing(2)},panelOverlay:{backgroundColor:e.palette.grey[50],opacity:"0.5 !important",height:"100%",position:"absolute",top:0,width:"100%"},EmptyAssetContainer:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",paddingTop:e.spacing(18),width:"100%"},emptyImage:{display:"flex",textAlign:"center",width:"235px",height:"235px",marginBottom:e.spacing(2)},message:{userSelect:"none",paddingBottom:e.spacing(2)}})),SubPanel=({isOpen:e,panelTitle:t,className:s="",onClose:a,children:n,setIsActive:i,width:l=400})=>{var o=useStyles$1()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Fade,Object.assign({in:e,mountOnEnter:!0,unmountOnExit:!0},{children:jsxRuntime.exports.jsx("div",{className:o.panelOverlay})})),jsxRuntime.exports.jsx(Slide,Object.assign({direction:"left",in:e,mountOnEnter:!0,unmountOnExit:!0,onEntered:()=>{i(!0)},onExited:()=>i(!1)},{children:jsxRuntime.exports.jsx("div",Object.assign({className:classNames(s,o.panelRoot),style:{width:l},"data-test":"data-labeler-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:o.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(o.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"data-labeler-action-panel-title",variant:"h1"},{children:t})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"data-labeler-close-action-panel"},{children:DATA_LABELER_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:DATA_LABELER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:a,"aria-labelledby":"data-labeler-close-action-panel","data-test":"data-labeler-close-action-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]})),jsxRuntime.exports.jsx(Divider,{className:o.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:o.panelBody},{children:n}))]}))}))}))]})},AnnotationSettings=e=>{var[t,s]=react.exports.useState(!1);const a=useDispatch();var{isOpen:n,entityType:i}=useSelector(selectAnnotationSettings),l=()=>{a(actions.uiState.toggleAnnotationSettings(null))};return jsxRuntime.exports.jsx(SubPanel,Object.assign({isOpen:!(!n||!i),panelTitle:DATA_LABELER_TEXT.annotationSettings(),onClose:l,setIsActive:s,width:1020},e,{children:t&&jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:e.fullScreen,path:e.blueEyeConfig.settingUri,onClosePanel:l})}))},PublishAnnotations=t=>{var[e,s]=react.exports.useState(!1);const a=useDispatch();var{isOpen:n,entityType:i}=useSelector(selectPublishAnnotationSettings),l=()=>{a(actions.uiState.togglePublishAnnotationSettings(null))};return jsxRuntime.exports.jsx(SubPanel,Object.assign({isOpen:!(!n||!i),panelTitle:DATA_LABELER_TEXT.publishAnnotation(),onClose:l,setIsActive:s,width:400},t,{children:e&&jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:t.fullScreen,path:t.blueEyeConfig.publishUri,onClosePanel:l,onSavePublishAnnotation:()=>{const e=t["publishCallback"];e()}})}))},useStyles=makeStyles()(e=>({root:{width:"100%",position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%",overflow:"hidden"},fullScreen:{position:"fixed",width:"100%",height:"100vh",top:0,left:0,right:0,bottom:0,zIndex:1200}})),Container=({isFullScreen:e,classes:t,children:s})=>e?jsxRuntime.exports.jsx(Portal,{children:jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"data-labeler-widget",className:classNames(t.root,t.panel,t.fullScreen)},{children:s}))}):jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"data-labeler-widget",className:classNames(t.root,t.panel)},{children:s})),MainLayout=({hidePanel:e,blueEyeConfig:t,datasetAssets:s,publishCallback:a,disableSetting:n})=>{var i=useStyles()["classes"],l=useSelector(selectIsFullScreen);const o=useDispatch();return jsxRuntime.exports.jsxs(Container,Object.assign({isFullScreen:l,classes:i},{children:[jsxRuntime.exports.jsx(Header,{isFullScreen:l,onFullScreenToggle:()=>{o(actions.uiState.toggleFullScreen())},onPanelClose:()=>{e&&e()},disableSetting:n}),jsxRuntime.exports.jsx(LabelerIframe,{fullScreen:l,path:t.annotateUri}),jsxRuntime.exports.jsx(AnnotationSettings,{className:i.panel,fullScreen:l,blueEyeConfig:t}),jsxRuntime.exports.jsx(PublishAnnotations,{className:i.panel,fullScreen:l,blueEyeConfig:t,datasetAssets:s,publishCallback:a})]}))},DataLabelerPanel=e=>e.panelRendered?jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}):null;function*submitPublishAnnotationns(e){var e=e.payload,t=e.ids;const s=e.callback;s(t);e=yield select(preferredLanguageSelector);const a=AIWareFormatMessage(e);yield put(showMessage({content:a({id:"os-data-labeler.snackbar.submitPublishSuccess",defaultMessage:[{type:0,value:"Submit publish annotations successfully."}]}),severity:MessageSeverity.Info}))}function*watchSubmitPublishAnnotations(){yield takeEvery$1(actions.panelPublishAnnotations.submitPublishAnnotations.type,submitPublishAnnotationns)}function*rootSaga(){yield all([watchSubmitPublishAnnotations()])}function getDataLabelerBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}store.addModules([getDataLabelerBrowseModule()]);export{DataLabelerPanel};
|