aiware-js 2.34.0 → 2.34.2

package/js-core.esm20.js

@@ -17,4 +17,4 @@ import{cK as useTheme,cL as getThemeProps,r as react,cM as useEnhancedEffect,cN
           }
         }
       }
-    }`,variables:{type:t}},e))}),createEngine=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="createEngine";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation createEngine ($input: CreateEngine!) {\n      createEngine (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:n},operationName:e},t)))[e]}),updateEngine$1=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="updateEngine";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation updateEngine ($input: UpdateEngine!) {\n      updateEngine (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:n},operationName:e},t)))[e]}),getEngineDetails=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="getEngineDetails";return(yield baseGraphQLApiWithError(Object.assign({query:"\n  query getEngineDetails ($id: ID!) {\n    engine (id: $id){\n      id,\n      name,\n      category {\n        id,\n        name,\n        class {\n          id,\n          name\n        }\n      },\n      deploymentModel,\n      isPublic,\n      description,\n      price,\n      edgeVersion,\n      fields {\n        max,\n        min,\n        step,\n        type,\n        info,\n        name,\n        label,\n        options {\n          key,\n          value\n        },\n        defaultValue,\n        defaultValues,\n        required\n      },\n      inputSchemas {\n        records {\n          id\n          dataRegistryId\n          dataRegistry {\n            name\n          }\n          majorVersion\n          minorVersion\n        }\n      }\n      outputSchemas {\n        records {\n          id\n          dataRegistryId\n          dataRegistry {\n            name\n          }\n          majorVersion\n          minorVersion\n        }\n      }\n      iconPath,\n      logoPath,\n      libraryRequired,\n      createsTDO,\n      useCases,\n      industries,\n      manifest,\n      testingDetails {\n        email,\n        mediaFileUri,\n        customFields,\n        isCertified,\n        buildIdCertified,\n        dataCertified\n      },\n      jwtRights,\n      standaloneJobTemplates {\n        type,\n        template,\n      }\n      distributionType\n      website\n      gpuSupported\n      cpuResourceMcpu\n      entityTags {\n        tagKey\n      }\n    }\n  }\n  ",variables:{id:n},operationName:e},t))).engine});function getSignedWritableUrl(t,n){return __awaiter(this,void 0,void 0,function*(){var e="getSignedWritableUrl";return(yield baseGraphQLApiWithError(Object.assign({query:"query getSignedWritableUrl($name: String!) {\n    getSignedWritableUrl(key: $name) {\n      bucket,\n      expiresInSeconds,\n      getUrl,\n      key,\n      unsignedUrl,\n      url,\n    }\n  }",variables:{name:n},operationName:e},t)))[e]})}function uploadFileToS3(n,i,{onProgress:s,onError:r,onAbort:a,onUpload:o}){return __awaiter(this,void 0,void 0,function*(){const e=new XMLHttpRequest;e.upload.onload=()=>{o&&o(`The upload is completed: ${e.status} `+e.response)},e.upload.onerror=()=>{r&&r("Upload failed.")},e.upload.onabort=()=>{a&&a("Upload cancelled.")},e.upload.onprogress=e=>{s&&s(e.loaded/e.total*100)},e.open("PUT",n.url,!0),e.setRequestHeader("Content-Type",i.type);var t=yield(yield fetch(i.previewUrl)).blob();return e.send(t),e})}const getDataRegistries=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="getDataRegistries";return yield baseGraphQLApiWithError(Object.assign({query:"query getDataRegistries ($name: String) {\n      dataRegistries(name: $name, limit: 9999) {\n        records {\n          id\n          name\n          schemas {\n            records {\n              id\n              dataRegistryId\n              majorVersion\n              minorVersion\n            }\n          }\n        }\n      }\n    }",variables:{name:n},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status;var uiState=Object.freeze({__proto__:null,selectUIStateStatus:selectUIStateStatus});const selectEngine=e=>e[namespace].engineFormState.engine,selectCustomFields=e=>e[namespace].engineFormState.engine.customFields,selectStep=e=>e[namespace].engineFormState.step,selectFormValidations=e=>e[namespace].engineFormState.formValidations,selectFormStatus=e=>e[namespace].engineFormState.formStatus,selectEngineCapability=e=>e[namespace].engineFormState.engine.capability,selectEngineClass=e=>e[namespace].engineFormState.engine.class,selectEngineMode=e=>e[namespace].engineFormState.engine.mode,selectEngineFlag=e=>e[namespace].engineFormState.engine.distributionType,selectDeploymentModel=e=>e[namespace].engineFormState.engine.deploymentModel,selectEntityTags=e=>e[namespace].engineFormState.engine.entityTags,selectUiInfo=e=>e[namespace].engineFormState.uiInfo,selectStandaloneJobTemplates=e=>e[namespace].engineFormState.engine.standaloneJobTemplates,selectIsLoadingExistingEngineData=e=>lodash.exports.pick(e[namespace].engineFormState,"isLoadingExistingEngineData"),selectIsEditForm=e=>lodash.exports.pick(e[namespace].engineFormState,"isEditForm"),selectIsResumeSession=e=>lodash.exports.get(e[namespace].engineFormState,"isResumeSession"),selectInputSchemas=e=>e[namespace].engineFormState.engine.inputSchemas,selectOutputSchemas=e=>e[namespace].engineFormState.engine.outputSchemas,selectDataRegistries=e=>e[namespace].engineFormState.dataRegistries,selectIsFetchingDataRegistries=e=>e[namespace].engineFormState.isFetchingDataRegistries;var engineFormState=Object.freeze({__proto__:null,selectEngine:selectEngine,selectCustomFields:selectCustomFields,selectStep:selectStep,selectFormValidations:selectFormValidations,selectFormStatus:selectFormStatus,selectEngineCapability:selectEngineCapability,selectEngineClass:selectEngineClass,selectEngineMode:selectEngineMode,selectEngineFlag:selectEngineFlag,selectDeploymentModel:selectDeploymentModel,selectEntityTags:selectEntityTags,selectUiInfo:selectUiInfo,selectStandaloneJobTemplates:selectStandaloneJobTemplates,selectIsLoadingExistingEngineData:selectIsLoadingExistingEngineData,selectIsEditForm:selectIsEditForm,selectIsResumeSession:selectIsResumeSession,selectInputSchemas:selectInputSchemas,selectOutputSchemas:selectOutputSchemas,selectDataRegistries:selectDataRegistries,selectIsFetchingDataRegistries:selectIsFetchingDataRegistries});const selectIcon=e=>e[namespace].iconUploadState.file;var icon=Object.freeze({__proto__:null,selectIcon:selectIcon});const selectEngineClasses=e=>e[namespace].engineClassesState.engineClasses;var classes=Object.freeze({__proto__:null,selectEngineClasses:selectEngineClasses});const selectApiConfigs$1=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,n)=>({apiRoot:e,graphQLEndpoint:t,token:n}));var TAB_CAPTURE_MODE,selectors=Object.freeze({__proto__:null,selectApiConfigs:selectApiConfigs$1,uiState:uiState,engineFormState:engineFormState,iconUploadState:icon,engineClassesState:classes});const supportedEngineFields=["id","name","categoryId","deploymentModel","isPublic","description","distributionType","price","edgeVersion","fields","iconPath","logoPath","libraryRequired","createsTDO","useCases","industries","manifest","testingDetails","jwtRights","standaloneJobTemplates","cpuResourceMcpu","gpuSupported","website"],formatEngine=t=>{var e;if(!isEngineDeploymentModel(t.deploymentModel))throw new Error("Empty deployment model not allowed!");const n={name:t.name,isPublic:t.isPublic,libraryRequired:t.libraryRequired||!1,createsTDO:t.createsTDO||!1,industries:t.industries||[],categoryId:t.capability.id,deploymentModel:t.deploymentModel,distributionType:t.distributionType,edgeVersion:t.edgeVersion||3,standaloneJobTemplates:[],manifest:{engineMode:t.mode,supportedInputTypes:lodash.exports.map(t.supportedInputTypes,e=>e.mimeType)},fields:[],useCases:[t.markdown],schemas:[],entityTags:t.entityTags||[]};supportedEngineFields.forEach(e=>{"standaloneJobTemplates"===e||lodash.exports.isNil(t[e])||(n[e]=t[e])}),t.customFields&&(n.fields=t.customFields),null!=(e=t.capability)&&e.id&&(n.categoryId=t.capability.id),t.standaloneJobTemplates.upload&&n.standaloneJobTemplates.push({type:"Upload",template:t.standaloneJobTemplates.upload,templateLanguage:"Handlebars"}),t.standaloneJobTemplates.reprocess&&n.standaloneJobTemplates.push({type:"Reprocess",template:t.standaloneJobTemplates.reprocess,templateLanguage:"Handlebars"});let i=[],s=[...t.outputSchemas];return lodash.exports.isEmpty(t.inputSchemas)||(i=lodash.exports.map(t.inputSchemas,e=>{var t=lodash.exports.findIndex(s,{id:e.id});return 0<=t?(lodash.exports.pullAt(s,t),{schemaId:e.id,ioType:SchemaIO.Both}):{schemaId:e.id,ioType:SchemaIO.Input}})),lodash.exports.isEmpty(s)||(s=lodash.exports.map(s,e=>({schemaId:e.id,ioType:SchemaIO.Output})),i=lodash.exports.concat(i,s)),n.schemas=i,n};function*createNewEngine(e){var t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t||"en"),{engine:e,openBuildPanel:n=!1}=e.payload,i=yield select(selectApiConfigs$1);try{var s=formatEngine(e),r=yield call(createEngine,i,s),a=(yield put(actions.engineFormState.createEngineSuccess(r.id)),localStorage.removeItem("engineOnboardingSession"),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineCreateSuccess",defaultMessage:[{type:0,value:"Engine successfully created"}]}),severity:MessageSeverity.Success})),n?"ENGINE_CENTER_NEW_BUILD":"ENGINE_CENTER_DETAILS"),o={name:a,config:{engineId:r.id}};yield put(mountPanel({panelId:a,microFrontend:o,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge"}})),yield put(unmountPanel("ENGINE_CENTER_NEW"))}catch(e){yield put(actions.engineFormState.createEngineFailed(e.message)),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineOnboardingFailed",defaultMessage:[{type:0,value:"Engine onboarding failed"}]}),severity:MessageSeverity.Error}))}}function*watchNewEngineCreateStart(){yield takeLatest$1(actions.engineFormState.createEngineStart.type,createNewEngine)}const newEngineSagas=[fork(watchNewEngineCreateStart)],root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*uploadIcon(t){const n=t.payload.file;t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);try{var e=yield call(getUrlBucket,n.name);const s=Object.assign(Object.assign({},n),{status:IconImportStatus.Uploading,percentComplete:0,expiresInSeconds:e.expiresInSeconds,getUrl:e.getUrl,key:e.key,unsignedUrl:e.unsignedUrl,url:e.url}),r=(yield put(actions.iconUploadState.updateIcon(s)),e=>{fileUploadChannel.put(actions.iconUploadState.updateIcon(Object.assign({id:n.id},e)))});var i=yield uploadFileToS3(e,n,{onProgress:e=>{r({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{r({status:IconImportStatus.Aborted}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),s)},onError:e=>{r({status:IconImportStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),s)},onUpload:e=>{r({status:IconImportStatus.Uploaded}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,s)}});root.xhrInstances[n.id]=i,yield put(actions.iconUploadState.uploadIconSuccess()),yield put(actions.engineFormState.updateEngineFormField({field:"iconPath",value:s.getUrl}))}catch(e){yield put(actions.iconUploadState.uploadIconFailed(e.message)),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.iconUploadFail",defaultMessage:[{type:0,value:"Icon upload failed, please try again."}]}),severity:MessageSeverity.Error}))}}function*getUrlBucket(e){var t=yield select(selectApiConfigs$1);return yield call(getSignedWritableUrl,t,e)}function*watchUploadIconStart(){yield takeLatest$1(actions.iconUploadState.uploadIconStart.type,uploadIcon)}function*watchProgressChannel(){var e=yield take(fileUploadChannel);yield put(e)}const selectApiConfigs=selectors["selectApiConfigs"];function sortEngineClasses(e){const t=lodash.exports.get(e,"engineCategories.records").reduce((e,t)=>(t.class&&(e[t.class.name]?e[t.class.name].capabilities.push(t):e[t.class.name]=Object.assign(Object.assign({},t.class),{capabilities:[t]})),e),{}),n={};return Object.keys(t).sort().forEach(e=>{n[e]=t[e],t[e].formName="class",t[e].shortDescription=t[e].description.toString().split(".")[0]}),n}function*getEngineClassesSaga(e){var t=yield select(selectApiConfigs),e=e.payload,n=yield select(preferredLanguageSelector),n=AIWareFormatMessage(n);try{var i=sortEngineClasses(yield call(getClasses,t,e));yield put(actions.engineClassesState.getEngineClassesSuccess(i))}catch(e){yield put(actions.engineClassesState.getEngineClassesFailed(e.message)),yield put(showMessage({content:n({id:"os-engine-center-new.engine-classes.getEnginesClassesFail",defaultMessage:[{type:0,value:"Getting engine classes failed."}]}),severity:MessageSeverity.Error}))}}function*watchGetEngineClasses(){yield takeLatest$1(actions.engineClassesState.getEngineClassesStart.type,getEngineClassesSaga)}const decodeEngine=e=>({id:e.id,name:e.name,distributionType:e.distributionType,description:e.description,class:e.category.class.name,deploymentModel:e.deploymentModel,isPublic:e.isPublic,libraryRequired:e.libraryRequired,createsTDO:e.createsTDO,industries:e.industries,edgeVersion:e.edgeVersion,iconPath:e.iconPath,website:e.website,customFields:e.fields,inputTypes:[],isTrainable:!1,standaloneJobTemplates:lodash.exports.fromPairs(lodash.exports.map(e.standaloneJobTemplates,e=>[e.type.toLowerCase(),e.template.template])),capability:{name:e.category.name,id:e.category.id},mode:e.manifest.engineMode,supportedInputTypes:lodash.exports.map(e.manifest.supportedInputTypes,t=>{var e=lodash.exports.find(DEFAULT_ACCEPTABLE_FILE_TYPES,e=>lodash.exports.includes(e.extensions,t));return{name:e.name,type:e.type,mimeType:t}}),markdown:lodash.exports.isEmpty(e.useCases)?"":e.useCases[0],inputSchemas:lodash.exports.map(lodash.exports.get(e.inputSchemas,"records"),e=>({id:e.id,dataRegistryId:e.dataRegistryId,dataRegistryName:lodash.exports.get(e,"dataRegistry.name"),majorVersion:e.majorVersion,minorVersion:e.minorVersion})),outputSchemas:lodash.exports.map(lodash.exports.get(e.outputSchemas,"records"),e=>({id:e.id,dataRegistryId:e.dataRegistryId,dataRegistryName:lodash.exports.get(e,"dataRegistry.name"),majorVersion:e.majorVersion,minorVersion:e.minorVersion})),cpuResourceMcpu:e.cpuResourceMcpu,gpuSupported:e.gpuSupported,entityTags:e.entityTags});function*editEngine(e){e=yield queryEngineDetails(e.payload);yield put(actions.engineFormState.setEditEngineExistingData(decodeEngine(e)))}function*queryEngineDetails(e){var t=yield select(selectApiConfigs$1);return yield call(getEngineDetails,t,e)}function*updateEngine(e){var t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t||"en"),{engine:e,openBuildPanel:n=!1}=e.payload,i=yield select(selectApiConfigs$1);try{var s=lodash.exports.omit(formatEngine(e),"createsTDO"),r=yield call(updateEngine$1,i,s),a=(yield put(actions.engineFormState.createEngineSuccess(r.id)),localStorage.removeItem("engineOnboardingSession"),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineUpdateSuccess",defaultMessage:[{type:0,value:"Engine successfully updated"}]}),severity:MessageSeverity.Success})),n?"ENGINE_CENTER_NEW_BUILD":"ENGINE_CENTER_DETAILS"),o={name:a,config:{engineId:r.id}};yield put(mountPanel({panelId:a,microFrontend:o,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge"}})),yield put(unmountPanel("ENGINE_CENTER_NEW"))}catch(e){yield put(actions.engineFormState.createEngineFailed(e.message)),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineOnboardingFailed",defaultMessage:[{type:0,value:"Engine onboarding failed"}]}),severity:MessageSeverity.Error}))}}function*watchEditEngine(){yield takeLatest$1(actions.engineFormState.editEngine.type,editEngine)}function*watchUpdateEngineStart(){yield takeLatest$1(actions.engineFormState.updateEngineStart.type,updateEngine)}const editEngineSagas=[fork(watchEditEngine),fork(watchUpdateEngineStart)];function*updateLocalStorage(){var e=engineFormState["selectEngine"],e=yield select(e);window.localStorage.setItem("engineOnboardingSession",JSON.stringify(e))}function*watchEngineForm(){var e=actions["engineFormState"],e=[e.updateEngineFormField.type,e.updateCapability.type,e.addCustomField.type,e.updateCustomField.type,e.removeCustomField.type,e.clearCustomFields.type,e.addSchemas.type,e.removeSchema.type,e.updateSchemas.type,e.clearSchemas.type];yield takeLatest$1(e,updateLocalStorage)}const updateEngineFormSagas=[fork(watchEngineForm)];function*fetchDataRegistries(){var e=yield select(selectApiConfigs$1);try{var t=yield call(getDataRegistries,e),n=get_1(t,"dataRegistries.records",[]),i=map_1(n,e=>Object.assign(Object.assign({},e),{name:trim_1(e.name)})),s=sortBy_1(i,[e=>lowerCase_1(e.name)]);yield put(actions.engineFormState.fetchDataRegistriesSucceeded({dataRegistries:s}))}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.engineFormState.fetchDataRegistriesFailed())}}function*watchFetchDataRegistries(){yield takeLatest$1([actions.engineFormState.fetchDataRegistries],fetchDataRegistries)}const dataRegistriesSagas=[fork(watchFetchDataRegistries)];function*rootSaga(){yield all$2([watchUploadIconStart(),watchProgressChannel(),watchGetEngineClasses(),...editEngineSagas,...updateEngineFormSagas,...newEngineSagas,...dataRegistriesSagas])}function getEngineCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useEngineDescriptionStyles=makeStyles()(e=>({container:{padding:e.spacing(6),justifyContent:"space-around","& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},textInput:{padding:14.5},labelRow:{display:"flex",gap:e.spacing(2),alignItems:"flex-end"},optional:{fontSize:10,marginBottom:e.spacing(1)},select:{"& > div":{fontWeight:400,width:"280px"}}})),useIconImporterStyles=makeStyles()(e=>({iconBox:{display:"flex",justifyContent:"center",alignItems:"center",width:200,height:200,padding:e.spacing(3),border:"1px dashed #D5DFE9",borderRadius:5,transition:"all .2s ease","&:hover":{border:"1px solid #dde6ee"}},innerBox:{position:"relative",background:"#F5F5F5",width:"100%",height:"100%",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center",transition:"all .2s ease","&:hover":{background:"#dde6ee"}},fileInput:{display:"none"},addIcon:{color:"#555F7C",height:42,width:42,"&:hover":{color:"#555F7C"}},iconPreview:{objectFit:"cover",borderRadius:5,width:"100%",maxHeight:"100%"},removeIcon:{position:"absolute",top:10,right:10}})),useDragAndDrop=({acceptedFileTypes:r})=>{const t=react.exports.useRef(),e=react.exports.useRef(),a=useIntl(),o=useDispatch();var n=useSelector(preferredLanguageSelector);const l=AIWareFormatMessage(n),i=react.exports.useCallback(e=>{var t,n,i,s;e&&(r.includes(e.type)?5e6<=e.size?o(showMessage({content:a.formatMessage({id:"os-engine-center-new.snackbar.unsupportedFileSize",defaultMessage:[{type:0,value:"File file size must be less than 5 MB"}]}),severity:MessageSeverity.Warning})):({name:t,size:n,type:i}=e,s=URL.createObjectURL(e),s={id:guid(),previewUrl:s,name:t,size:n,type:i},o(actions.iconUploadState.uploadIconStart({file:s}))):o(showMessage({content:l({id:"os-engine-center-new.snackbar.unsupportedFileType",defaultMessage:[{type:1,value:"type"},{type:0,value:" is not a supported image type."}]},{type:e.type}),severity:MessageSeverity.Warning})))},[r,o]),s=react.exports.useCallback(e=>{e.preventDefault();e=e.dataTransfer.files[0];i(e)},[i]);const c=e=>{e.preventDefault()};return react.exports.useEffect(()=>{const e=t.current;return e.addEventListener("drop",s),()=>{e.removeEventListener("drop",s)}},[s]),react.exports.useEffect(()=>{const e=t.current;return e&&(e.addEventListener("dragover",c),e.addEventListener("dragleave",c)),()=>{e.removeEventListener("dragover",c),e.removeEventListener("dragleave",c)}},[]),{dropZoneRef:t,fileInputRef:e,handleRemoveFile:e=>{e.stopPropagation(),o(actions.iconUploadState.deleteLocalIcon()),o(actions.engineFormState.updateEngineFormField({field:"iconPath",value:""}))},handleOpenFilePicker:()=>{e.current.click()},handleIconSelect:e=>{e=e.target.files[0];i(e)}}},acceptedFileTypes=["image/jpeg","image/png","image/gif","image/svg+xml"],IconImporter=({iconPath:e})=>{var t=useSelector(selectIcon),n=useIconImporterStyles()["classes"],{dropZoneRef:i,fileInputRef:s,handleRemoveFile:r,handleIconSelect:a,handleOpenFilePicker:o}=useDragAndDrop({acceptedFileTypes:acceptedFileTypes});return jsxRuntime.exports.jsx("div",Object.assign({className:n.iconBox,ref:i,"data-test":"engine-description-icon-dropzone"},{children:e||null!=t&&t.previewUrl?jsxRuntime.exports.jsxs("div",Object.assign({className:n.innerBox,style:{backgroundColor:"transparent"}},{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"engine-description-icon-remove",className:n.removeIcon,size:"small",onClick:r},{children:jsxRuntime.exports.jsx(default_1$6,{})})),jsxRuntime.exports.jsx("img",{src:(null==t?void 0:t.previewUrl)||e,alt:(null==t?void 0:t.name)||"Icon",className:n.iconPreview,"data-test":"engine-description-icon-preview"})]})):jsxRuntime.exports.jsxs(Button,Object.assign({className:n.innerBox,onClick:o},{children:[jsxRuntime.exports.jsx("input",{type:"file",ref:s,className:n.fileInput,onChange:a}),jsxRuntime.exports.jsx(default_1$2,{className:n.addIcon})]}))}))},renderErrorMessage=(e,{type:t,message:n})=>{let i="There is an error with this field";if(isEmpty_1(n))switch(t){case"required":i="This field is required";break;case"min":i="This field must be at least "+e.min;break;case"max":i="This field must be at most "+e.max;break;case"minLength":i=`This field must be at least ${e.minLength} characters`;break;case"maxLength":i=`This field must be at most ${e.maxLength} characters`;break;case"pattern":i="This field must match the pattern "+e.pattern}else i=n;return jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.errorMessage",defaultMessage:"{errorMessage}",description:"Error message",values:{errorMessage:i}})},InputText=react.exports.forwardRef((e,n)=>{var{name:t,label:i,placeholder:s,rules:r,callFieldOnChange:a=!0,onChange:o}=e,l=__rest(e,["name","label","placeholder","rules","callFieldOnChange","onChange"]),e=useFormContext()["control"];const c=useIntl();return jsxRuntime.exports.jsx(Controller,{name:t,control:e,rules:r,render:({field:t,fieldState:{error:e}})=>jsxRuntime.exports.jsx(TextField,Object.assign({},t,{inputRef:n,label:isNil_1(i)?"":c.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/engine-center/new/src/helpers/FormComponents/.cDzoLl",defaultMessage:[{type:1,value:"label"}]},{label:i}),error:!isNil_1(e),helperText:e?renderErrorMessage(r,e):null,onChange:e=>{a&&t.onChange(e),null!=o&&o(e)},placeholder:isNil_1(s)?"":c.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/engine-center/new/src/helpers/FormComponents/.BYW0j2",defaultMessage:[{type:1,value:"placeholder"}]},{placeholder:s})},l))})}),InputSelect=e=>{var{disabled:n,name:t,rules:i,variant:s="outlined",children:r,className:a,callFieldOnChange:o=!0,onChange:l,fullWidth:c=!1}=e,u=__rest(e,["disabled","name","rules","variant","children","className","callFieldOnChange","onChange","fullWidth"]),e=useFormContext()["control"];return jsxRuntime.exports.jsx(Controller,{control:e,name:t,rules:i,render:({field:t,fieldState:{error:e}})=>jsxRuntime.exports.jsxs(FormControl,Object.assign({disabled:n,className:a,variant:s,error:!isNil_1(e),fullWidth:c},{children:[jsxRuntime.exports.jsx(Select,Object.assign({},t,u,{onChange:e=>{o&&t.onChange(e),null!=l&&l(e)}},{children:r})),e&&i&&jsxRuntime.exports.jsx(FormHelperText$2,{children:renderErrorMessage(i,e)})]}))})},InputCheckbox=e=>{var{name:t,label:n,value:i,rules:s,callFieldOnChange:r=!0,onChange:a}=e,o=__rest(e,["name","label","value","rules","callFieldOnChange","onChange"]),{control:e,formState:{errors:l}}=useFormContext();return jsxRuntime.exports.jsxs(FormControl,Object.assign({error:has_1(l,t)},{children:[jsxRuntime.exports.jsx(FormControlLabel,{label:n,control:jsxRuntime.exports.jsx(Controller,{name:t,control:e,rules:s,render:({field:t})=>jsxRuntime.exports.jsx(Checkbox,Object.assign({},t,{value:i,onChange:e=>{r&&t.onChange(e),null!=a&&a(e)},checked:t.value},o))})}),has_1(l,t)&&s&&jsxRuntime.exports.jsx(FormHelperText$2,{children:renderErrorMessage(s,null==l?void 0:l[t])})]}))},InputRadioGroup=react.exports.forwardRef(e=>{var{name:t,rules:n,children:i,callFieldOnChange:s=!0,onChange:r}=e,a=__rest(e,["name","rules","children","callFieldOnChange","onChange"]),e=useFormContext()["control"];return jsxRuntime.exports.jsx(Controller,{name:t,control:e,rules:n,render:({field:t,fieldState:{error:e}})=>jsxRuntime.exports.jsxs(FormControl,Object.assign({error:!isNil_1(e)},{children:[jsxRuntime.exports.jsx(RadioGroup,Object.assign({},t,a,{onChange:e=>{s&&t.onChange(e),null!=r&&r(e)}},{children:i})),e&&n&&jsxRuntime.exports.jsx(FormHelperText$2,{children:renderErrorMessage(n,e)})]}))})}),useStyles$a=makeStyles()(e=>({checked:{color:"#6098D1"},rootSelectedForm:{padding:"0px !important"},rootSelectForm:{padding:"10px !important","&:hover":{background:"#F7F7F7"}},iconStyle:{marginRight:"5px"},iconComponent:{top:"20px"},iconBackground:{display:"inline-block",height:"32px",borderRadius:"32px",width:"32px",background:"#F2F5F9",marginRight:"15px",paddingLeft:"8px",paddingTop:"6px",marginLeft:"5px"},itemIcons:{verticalAlign:"middle"},itemIconsRow:{position:"absolute",top:"0px"},iconBackgroundSelected:{display:"inline-block",height:"25px",borderRadius:"25px",width:"25px",minHeight:"25px",minWidth:"25px",background:e.palette.primary.main,marginRight:"15px",paddingLeft:"7px",paddingTop:"7px",marginLeft:"15px"},helperDescription:{fontSize:"14px",marginBottom:"20px"},menuItem:{width:"958px",padding:"10px",whiteSpace:"initial",height:"fit-content",borderBottom:"0.5px solid "+e.palette.divider,borderRadius:"0px"},optionName:{marginLeft:"0px",textAlign:"left",verticalAlign:"top"},optionNameRow:{marginLeft:"50px"},summary:{fontSize:11,textTransform:"none",width:"900px"},selectForm:{width:"250px",fontWeight:"bold",fontSize:"18px"},selectedForm:{background:"#FAFAFA",width:"960px !important",fontWeight:"bold",fontSize:"18px"},selectedName:{textTransform:"capitalize",background:"#EEF3F9",width:"auto",height:"56px",lineHeight:"56px",fontWeight:"bold"},ul:{listStyle:"none"},selectedDescription:{fontSize:"12px",marginBottom:"10px"},classSelectedBox:{padding:"20px 32px",textOverflow:"wrap",fontSize:"12px",whiteSpace:"initial",wordWrap:"break-word",border:"1px solid "+e.palette.divider,borderTop:"none",lineHeight:"16px"},inputSelectCaption:{fontSize:"12px",fontWeight:600,marginTop:"16px",marginBottom:"11px"},inputSelect:{width:"228px",fontWeight:400,fontSize:"14px"},textInput:{paddingLeft:"15px",paddingTop:"12px",paddingBottom:"12px",fontWeight:400,fontSize:"14px"},selectionName:{marginLeft:"20px"},selectionDescription:{paddingLeft:"60px",marginTop:"-10px",fontSize:"12px"},icon:{textAlign:"center",height:"1rem !important",margin:"0 3px"}})),HelpDocs=({className:e,helpLink:t,sx:n})=>{const i=useDispatch();var s=useSelector(preferredLanguageSelector);const r=AIWareFormatMessage(s);return jsxRuntime.exports.jsx(default_1$1,{className:e,onClick:()=>{has_1(window,"aiware.helpCenter.openDocsPanel")?(window.aiware.helpCenter.openDocsPanel(t,!1),setTimeout(()=>{window.aiware.helpCenter.openDocsPanel(t,!1)},0)):i(showMessage({content:r({id:"os-engine-center-new.snackbar.helpCenterUnavailable",defaultMessage:[{type:0,value:"Help Center is not currently available."}]}),severity:MessageSeverity.Warning}))},sx:n,style:{cursor:"pointer"},color:"secondary"})},Heading=({testName:e,title:t,description:n,helpLink:i})=>{var s=useStyles$a()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({"data-test":e+"-title",style:{fontWeight:"bold"},variant:"h5"},{children:[t,!isNil_1(i)&&jsxRuntime.exports.jsx(HelpDocs,{className:s.icon,helpLink:i})]})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":e+"-description",className:s.helperDescription},{children:n}))]})},Dropdown=({disabled:e,menuItemRow:t,selectFormWidth:n,testName:i,handleSubSelectFormValue:s,handleSelectFormValue:r,selectionItems:a,iconMap:o,iconType:l,selectPlaceholder:c,selectIcon:u,selectedItem:d,selectedSubItem:p,selectFormName:m})=>{const g=useStyles$a()["classes"],h=useFormContext();return jsxRuntime.exports.jsx("div",Object.assign({style:{width:n},className:d?g.selectedForm:g.selectForm},{children:jsxRuntime.exports.jsxs(FormControl,Object.assign({disabled:e,fullWidth:!0,variant:"outlined"},{children:[jsxRuntime.exports.jsx(InputSelect,Object.assign({disabled:e,name:m,rules:{required:!0},displayEmpty:!0,"data-test":i+"-select-form",IconComponent:()=>jsxRuntime.exports.jsx(UpDown,{className:g.iconStyle}),classes:d?{select:g.rootSelectedForm,icon:g.iconComponent}:{select:g.rootSelectForm},defaultValue:(n=isEmpty_1(d)?"":d,h.setValue(m,n),n),onChange:e=>{var t,e=e.target["value"],e=a[e];isEmpty_1(get_1(e,"capabilities"))||(t=e.capabilities[0].id+","+e.capabilities[0].name,null!=s&&s(t)),h.setValue(m,e),h.trigger(m),null!=r&&r(e)},onClick:()=>h.trigger(m),renderValue:e=>e?jsxRuntime.exports.jsxs("div",Object.assign({className:g.selectedName},{children:[jsxRuntime.exports.jsx(Icon,{classes:{root:g.iconBackgroundSelected},className:g.itemIcons,component:get_1(d,"selectedIconName")?l[d.selectedIconName]:get_1(d,"name")?l[o[d.name]+"White"]:null}),get_1(d,"formattedName")||get_1(d,"name")]})):jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6"},{children:[jsxRuntime.exports.jsx(Icon,{classes:{root:g.iconBackground},className:g.itemIcons,component:u}),c]}))},{children:a&&map_1(keys_1(a),e=>jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:"marketplace"===e,className:g.menuItem,"data-test":a[e].value||e,value:a[e].value||e},{children:[jsxRuntime.exports.jsx(Icon,{classes:{root:g.iconBackground},className:t?g.itemIconsRow:g.itemIcons,component:a[e].iconName?l[a[e].iconName]:l[o[e]]}),jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:t?g.optionNameRow:g.optionName,xs:2},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:a[e].formattedName||a[e].name})),t&&jsxRuntime.exports.jsx(Typography,Object.assign({className:g.summary},{children:a[e].description}))]})),!t&&jsxRuntime.exports.jsx(Grid$1,Object.assign({xs:9},{children:jsxRuntime.exports.jsx(Typography,Object.assign({className:g.summary,style:{whiteSpace:"initial"}},{children:a[e].shortDescription}))}))]}),a[e].value||e))})),!isEmpty_1(d)&&!isEmpty_1(d.capabilities)&&jsxRuntime.exports.jsxs(Box$1,Object.assign({className:g.classSelectedBox},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:g.selectedDescription},{children:!isEmpty_1(d)&&d.description})),jsxRuntime.exports.jsx(Typography,Object.assign({className:g.inputSelectCaption},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-dropdown.engine-category",defaultMessage:"Engine Category",description:"Engine Category"})})),jsxRuntime.exports.jsx(InputSelect,Object.assign({inputProps:{maxLength:50,className:g.textInput},className:g.inputSelect,type:"text",name:"type",disabled:1==d.capabilities.length,value:p,onChange:e=>{e=e.target.value;null!=s&&s(e)},style:{minWidth:"100%"},"data-test":i+"-sub-select-form",rules:{required:!0}},{children:map_1(d.capabilities,({id:e,name:t})=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e+","+t,color:"textSecondary","data-test":i+"-sub-select-form-"+kebabCase_1(t)},{children:t}),e))}))]}))]}))}))},GenericSelect=({disabled:e,title:t,description:n,selections:i,iconType:s,selectIcon:r,selectPlaceholder:a,testName:o,selectFormWidth:l,menuItemRow:c,iconMap:u,handleSubSelectFormValue:d,handleSelectFormValue:p,helpLink:m,selectedItem:g,selectedSubItem:h,selectFormName:f})=>jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Heading,{title:t,description:n,testName:o,helpLink:m}),jsxRuntime.exports.jsx(Dropdown,{disabled:e,selectFormName:f,selectionItems:i,iconType:s,selectIcon:r,selectPlaceholder:a,testName:o,selectFormWidth:l,menuItemRow:c,iconMap:u,handleSubSelectFormValue:d,handleSelectFormValue:p,selectedItem:g,selectedSubItem:h})]}),DistributionFlags=({engineFlags:e,handleEngineFlag:t})=>{const n=useSelector(selectEngineFlag);return jsxRuntime.exports.jsx(GenericSelect,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-flag-generic-select-title",defaultMessage:"Distribution Flags",description:"Form label for distribution flags"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-flag-generic-select-description",defaultMessage:"Add Distribution Flags for Engines | Hub.",description:"Add Distribution Flags for Engines | Hub"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-flag-generic-select-placeholder",defaultMessage:"Instance Locked",description:"Placeholder for engine flag"}),selectIcon:Bookmark,iconType:EngineFlagIcons,selections:e,handleSelectFormValue:t,testName:"os-engine-center-new.engine-flag",selectedItem:isEmpty_1(n)?null:find_1(e,{value:n}),selectFormName:"engineFlag"})},engineFlags={private:{formName:"distributionType",name:"Private",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-private",defaultMessage:"Private",description:"label for sharable"}),iconName:"Private",selectedIconName:"PrivateWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-private",defaultMessage:"Your engine will not be distributed and is private to your instance.",description:"short desc for private"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-private",defaultMessage:"Your engine will not be distributed and is private to your instance.",description:"desc for private"}),value:"private",link:""},org_locked:{formName:"distributionType",name:"Org Locked",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-org-locked",defaultMessage:"Org Locked",description:"label for Org Locked"}),iconName:"OrgLocked",selectedIconName:"OrgLockedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-org-locked",defaultMessage:"Your engine will only be distributed to instances within your organization.",description:"short desc for Org Locked"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-org-locked",defaultMessage:"Your engine will only be distributed to instances within your organization.",description:"desc for org locked"}),value:"org_locked",link:""},sharable:{formName:"distributionType",name:"Sharable",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-sharable",defaultMessage:"Sharable",description:"label for sharable"}),iconName:"Sharable",selectedIconName:"SharableWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-sharable",defaultMessage:"Your engine can be distributed to other organizations on any instance.",description:"short desc for sharable"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-sharable",defaultMessage:"Your engine can be distributed to other organizations on any instance.",description:"desc for sharable"}),value:"sharable",link:""},public:{formName:"distributionType",name:"Public",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-message-name-public",defaultMessage:"Public",description:"label for public"}),iconName:"Public",selectedIconName:"PublicWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-public",defaultMessage:"Your engine will be distributed to all instances in and outside of your organization.",description:"short desc for public"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-public",defaultMessage:"Your engine will be distributed to all instances in and outside of your organization.",description:"desc for public"}),value:"public",link:""},instance_locked:{formName:"distributionType",name:"Instance locked",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-message-instance-locked",defaultMessage:"Instance locked",description:"label for Instance locked"}),iconName:"InstanceLocked",selectedIconName:"InstanceLockedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-instance-locked",defaultMessage:"Your engine will be sharable to other organizations on your instance only.",description:"short desc for Instance locked"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-instance-locked",defaultMessage:"Your engine will be sharable to other organizations on your instance only.",description:"desc for instance locked"}),value:"instance_locked",link:""},marketplace:{formName:"distributionType",name:"Marketplace",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-marketplace",defaultMessage:"Marketplace",description:"label for marketplace"}),iconName:"Marketplace",selectedIconName:"MarketplaceWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-marketplace",defaultMessage:"Coming soon...",description:"short desc for marketplace"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-marketplace",defaultMessage:"Coming soon...",description:"desc for marketplace"}),value:"marketplace",link:""}},urlRegex=/^https?:\/\/[(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/,EngineDescription=({onValidate:e})=>{var t=useEngineDescriptionStyles()["classes"];const n=useDispatch(),i=useSelector(selectEngine),s=useSelector(selectIsResumeSession);var r={name:i.name,description:i.description,website:i.website,cpuResourceMcpu:i.cpuResourceMcpu,gpuSupported:i.gpuSupported,distributionType:i.distributionType};const a=useForm({mode:"onChange",defaultValues:r});react.exports.useEffect(()=>{e(a.formState.isValid)},[a.formState.isValid]),react.exports.useEffect(()=>{__awaiter(void 0,void 0,void 0,function*(){s&&(a.reset(i),setTimeout(()=>__awaiter(void 0,void 0,void 0,function*(){yield a.trigger()}),500))})},[s]);const o=(e,t)=>{n(actions.engineFormState.updateEngineFormField({field:e,value:t}))};var r=e=>{var{name:e,value:t}=e.target;o(e,t)},l=e=>{var{name:e,value:t}=e.target;a.setValue(e,t),a.trigger(e),o(e,t)};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},a,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:t.container,container:!0,rowSpacing:4,columnSpacing:10,"data-test":"engine-description"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,xs:12,sm:8,rowSpacing:4,columnSpacing:6},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.name-description-label",defaultMessage:"Name & Description",description:"Name & Description"})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,sm:8},{children:jsxRuntime.exports.jsx(InputText,{inputProps:{className:t.textInput},"data-test":"engine-description-input-name",variant:"outlined",sx:{marginBottom:3},placeholder:"Engine Name",name:"name",value:i.name,onChange:r,fullWidth:!0,rules:{required:!0,maxLength:100}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(InputText,{InputProps:{className:t.textInput},"data-test":"engine-description-input-description",variant:"outlined",placeholder:"Description",name:"description",fullWidth:!0,multiline:!0,rows:10,value:i.description,onChange:r,rules:{required:!0,maxLength:250}})})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:t.labelRow,mb:2},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.url-website-label",defaultMessage:"URL to Website",description:"URL to Website"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:t.optional},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.Uq235r",defaultMessage:" (optional)",description:" (optional)"})}))]})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:t.textInput},"data-test":"engine-description-input-website",variant:"outlined",placeholder:"Website URL",name:"website",fullWidth:!0,value:i.website,onChange:r,type:"url",rules:{pattern:{value:urlRegex,message:"Must be a valid URL including protocol."},maxLength:1e3}})]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,xs:12,sm:4,rowSpacing:4,columnSpacing:6},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:t.labelRow},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.icon-image-label",defaultMessage:"Icon",description:"Icon"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:t.optional,component:"small"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.optional-image-label",defaultMessage:" (optional)",description:" (optional)"})}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.image-recommended-label",defaultMessage:"Recommended image size:{br}300x300 .png or .jpg",description:"Recommended image size:{br} 300x300 .png or .jpg",values:{br:jsxRuntime.exports.jsx("br",{})}})})),jsxRuntime.exports.jsx(IconImporter,{iconPath:i.iconPath})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.cpu-resource-label",defaultMessage:"CPU Requirements",description:"CPU Requirements"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.cpu-requirements-label",defaultMessage:"In milli-cpu's",description:"Explanation of cpu measurement"})})),jsxRuntime.exports.jsxs(InputSelect,Object.assign({inputProps:{className:t.textInput},"data-test":"engine-description-input-cpuResourceMcpu",className:t.select,variant:"outlined",value:i.cpuResourceMcpu,defaultValue:i.cpuResourceMcpu,onChange:l,onClick:()=>a.trigger("cpuResourceMcpu"),name:"cpuResourceMcpu",fullWidth:!0,rules:{required:!0}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:512},{children:"512"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:1024},{children:"1024"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:2048,"data-test":"2048"},{children:"2048"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:4096},{children:"4096"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:8192},{children:"8192"}))]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.gpu-requirements-label",defaultMessage:"GPU Requirements",description:"GPU Requirements"})})),jsxRuntime.exports.jsxs(InputSelect,Object.assign({inputProps:{className:t.textInput},"data-test":"engine-description-input-gpuSupported",className:t.select,variant:"outlined",value:i.gpuSupported,onChange:l,onClick:()=>a.trigger("gpuSupported"),name:"gpuSupported",fullWidth:!0,displayEmpty:!0},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"none"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.input-gpu-none",defaultMessage:"None",description:"label for None"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"aws_p2"},{children:"AWS P2"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"aws_p3"},{children:"AWS P3"}))]}))]}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(DistributionFlags,{engineFlags:engineFlags,handleEngineFlag:({value:e})=>{n(actions.engineFormState.updateEngineFormField({field:"distributionType",value:e}))}})}))]}))}))},useStyles$9=makeStyles()(e=>({container:{padding:e.spacing(6),maxWidth:"100%"},divider:{width:"60rem",margin:e.spacing(5,5,1,6)},list:{width:"60rem",padding:e.spacing(6,0),marginLeft:e.spacing(6)}})),engineClassHelpLink="https://docs.veritone.com/#/developer/engines/cognitive/classes/",engineModeHelpLink="https://docs.veritone.com/#/applications/aiware-applications/developer/processing-modes",deploymentModelHelpLink="https://docs.veritone.com/#/applications/aiware-applications/developer/deployment-models",iconMap={audio:"Audio",biometrics:"Biometrics",data:"Data",speech:"Speech",text:"Text",transformation:"Transformation",vision:"Vision"},EngineClass=({engineClasses:e,handleEngineClassType:t,handleEngineCategoryType:n})=>{const i=useSelector(selectEngineClass),s=useSelector(selectEngineCapability);var r=useSelector(selectIsEditForm)["isEditForm"];return jsxRuntime.exports.jsx(GenericSelect,{disabled:r,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.z3sfba",defaultMessage:"Engine Class",description:"Form label for engine class"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.xXLLoZ",defaultMessage:"Engines are categorized based on the type of data they analyze. The major classes are provided here.",description:"Form description for engine class"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.IPwLZo",defaultMessage:"Select a Class",description:"Placeholder for engine class"}),selectIcon:Bookmark,iconType:EngineClassIcons,selections:e,handleSelectFormValue:t,handleSubSelectFormValue:n,iconMap:iconMap,testName:"os-engine-center-new.engine-class",helpLink:engineClassHelpLink,selectedItem:isEmpty_1(i)?null:find_1(e,{name:i}),selectedSubItem:isEmpty_1(s)?null:s.id+","+s.name,selectFormName:"engineClass"})},EngineMode=({engineModes:e,handleEngineModeType:t})=>{const n=useSelector(selectEngineMode);var i=useSelector(selectIsEditForm)["isEditForm"];return jsxRuntime.exports.jsx(GenericSelect,{disabled:i,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.G52MSw",defaultMessage:"Engine Mode",description:"Form label for engine mode"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.qVtbCX",defaultMessage:"Engines will generally be designed to run in one of three modes on aiWARE: Segment, Stream, or Batch.",description:"Form description for engine mode"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.VvyxXY",defaultMessage:"Choose a mode",description:"Placeholder for engine mode"}),selectIcon:Mode2,iconType:EngineModeIcons,selections:e,handleSelectFormValue:t,testName:"os-engine-center-new.engine-mode",helpLink:engineModeHelpLink,selectedItem:isEmpty_1(n)?null:find_1(e,{value:n}),selectFormName:"engineMode"})},DeploymentModel=({deploymentModels:e,handleDeploymentModelType:t})=>{const n=useSelector(selectDeploymentModel);var i=useSelector(selectIsEditForm)["isEditForm"];return jsxRuntime.exports.jsx(GenericSelect,{disabled:i,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.kpw4rJ",defaultMessage:"Deployment Model",description:"Form label for Deployment Model"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.NHOoQV",defaultMessage:"The engine deployment model tells what type of network access the engine requires. Some engines require access to resources outside the Docker runtime environment. Others do not (and thus are considered Network Isolated).",description:"Form description for Deployment Model"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.Sr2aUm",defaultMessage:"Choose a Deployment Model",description:"Placeholder for Deployment Model"}),selectIcon:Mode2,iconType:DeploymentModelIcons,selections:e,handleSelectFormValue:t,testName:"os-engine-center-new.deployment-model",selectFormWidth:"320px",menuItemRow:!0,helpLink:deploymentModelHelpLink,selectedItem:isEmpty_1(n)?null:find_1(e,{value:n}),selectFormName:"deploymentModel"})},CustomFieldsList=()=>{const n=useDispatch(),t=useSelector(selectCustomFields),e=e=>e.map(e=>({name:e.name,type:e.type,default:e.type!==EngineFieldType.MultiPicklist||isEmpty_1(e.defaultValues)?e.defaultValue:join_1(e.defaultValues,", ")})),[i,s]=react.exports.useState(e(t));react.exports.useEffect(()=>{s(e(t))},[t]);const r=(e=!1,t=-1)=>{e={name:"ENGINE_CENTER_CUSTOM_FIELDS_FORM",config:{name:"Custom Fields",isEdit:e,editIndex:t}};n(mountPanel({panelId:"ENGINE_CENTER_CUSTOM_FIELDS_FORM",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))};return jsxRuntime.exports.jsx(ListField,{idPrefix:"ecn.custom-fields",heading:"Custom Fields",description:"Does your engine require custom fields? If so, specify them here. Leave blank if not.",actionButtonLabel:"Custom Field",items:i,columnNames:["Name","Type","Default","",""],canEdit:!0,canDelete:!0,onActionClick:()=>{r()},onEditClick:e=>{e=i[e],e=findIndex_1(t,{name:e.name,type:e.type});0<=e&&r(!0,e)},onDeleteClick:e=>{e=i[e],e=findIndex_1(t,{name:e.name,type:e.type});0<=e&&n(actions.engineFormState.removeCustomField(e))},onRequestSort:(e,t)=>{s(orderBy_1(i,lowerCase_1(e),t))}})},InputTypeViewListControled=({supportedInputTypes:e,handleDeleteSupportedInputType:t,onAddInputType:n})=>{const[i,s]=react.exports.useState("name"),[r,a]=react.exports.useState("asc"),o=React$1.useMemo(()=>lodash.exports.orderBy(e,i,r),[e,i,r]);return jsxRuntime.exports.jsx(ListField,{canDelete:!0,idPrefix:"ecn.inputTypeViewList",heading:"Supported Input Types",description:"Please specify ALL input types your engine supports. You will be able to update this in the manifest later.",actionButtonLabel:"Input Type",items:lodash.exports.map(o,e=>lodash.exports.omit(e,"type")),columnNames:["Name","Type",""],onActionClick:n,onDeleteClick:e=>t(lodash.exports.nth(o,e)),onRequestSort:(e,t)=>{e=lodash.exports.lowerCase(e);s("type"===e?"mimeType":e),a(t)}})},InputTypeViewList=()=>{const e=useDispatch(),n=useSelector(selectEngine);return jsxRuntime.exports.jsx(InputTypeViewListControled,{supportedInputTypes:n.supportedInputTypes,handleDeleteSupportedInputType:t=>{e(actions.engineFormState.updateEngineFormField({field:"supportedInputTypes",value:lodash.exports.reject(n.supportedInputTypes,e=>e===t)}))},onAddInputType:()=>{e(mountPanel({panelId:"ENGINE_CENTER_INPUT_TYPE_FLYOUT",microFrontend:{name:"ENGINE_CENTER_INPUT_TYPE_FLYOUT",config:{name:"Supported Input Types"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))}})},engineModes={chunk:{formName:"mode",name:"Chunk",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.uJB1gu",defaultMessage:"Chunk",description:"label for Chunk"}),iconName:"Chunk",selectedIconName:"ChunkWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.AHskfr",defaultMessage:"In Segment mode, an engine will process data in small, discrete chunks, which arise from segmentation of the input data into messages.",description:"short desc for Chunk"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.5qrKxx",defaultMessage:"In Segment mode, an engine will process data in small, discrete chunks, which arise from segmentation of the input data into messages. The engine pulls chunks from a stateless queue, which means the engine can process each discrete bit of content without having any knowledge of the content that came before or after the current chunk.",description:"desc for Chunk"}),value:"chunk",link:"https://docs.veritone.com/#/developer/engines/processing-modes/segment-processing/"},stream:{formName:"mode",name:"Stream",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.+hPNys",defaultMessage:"Stream",description:"label for Stream"}),iconName:"Stream",selectedIconName:"StreamWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.t9JU60",defaultMessage:"Stream-based engines process data in streams, using a stateful queue, where the order of the data does matter.",description:"short desc for stream"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.dzszV5",defaultMessage:"Stream-based engines process data in streams, using a stateful queue, where the order of the data does matter. Because they store state, stream engines can use results from earlier cognition to inform later stages of processing. Generally, the engine needs to take care of decoding the raw input itself.",description:"desc for stream"}),value:"stream",link:"https://docs.veritone.com/#/developer/engines/processing-modes/stream-processing/"},batch:{formName:"mode",name:"Batch",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.JldfAk",defaultMessage:"Batch",description:"label for Batch"}),iconName:"Batch",selectedIconName:"BatchWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.VBCYgQ",defaultMessage:"Batch engines are designed to process an entire file in one task (process) invocation and communicate directly with the Veritone aiWARE GraphQL API.",description:"short desc for batch"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.etiD+m",defaultMessage:"Batch engines are designed to process an entire file in one task (process) invocation and communicate directly with the Veritone aiWARE GraphQL API. Because Batch engines simply execute all of the logic defined in the engine this engine mode is ideal for handling business logic like app integrations and other utility use-cases.",description:"desc for batch"}),value:"batch",link:""}},networkIsolatedModelHelpLink="https://docs.veritone.com/#/developer/engines/deployment-model/?id=network-isolated",externalAccessModelHelpLink=" https://docs.veritone.com/#/developer/engines/deployment-model/?id=external-access",externalProcessingModelHelpLink="https://docs.veritone.com/#/developer/engines/deployment-model/?id=external-processing",humanReviewModelHelpLink="https://docs.veritone.com/#/developer/engines/deployment-model/?id=human-review",deploymentModels={MostlyNetworkIsolated:{formName:"deploymentModel",name:"External Access",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.52BnJK",defaultMessage:"External Access",description:"label for External Access"}),iconName:"MostlyNetworkIsolated",selectedIconName:"MostlyNetworkIsolatedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.2YbY12",defaultMessage:"The engine requires internet access for tasks like license checks to an external server, or downloading reference data, but does not send user data outside the container.",description:"short desc for External Access"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.6dfPvn",defaultMessage:"The engine requires internet access for tasks like license checks to an external server, or downloading reference data, but does not send user data outside the container.",description:"desc for External Access"}),value:"MostlyNetworkIsolated",link:externalAccessModelHelpLink},FullyNetworkIsolated:{formName:"deploymentModel",name:"Network Isolated",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.0cXuDd",defaultMessage:"Network Isolated",description:"label for Network Isolated"}),iconName:"FullyNetworkIsolated",selectedIconName:"FullyNetworkIsolatedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.kjYyU2",defaultMessage:"The engine does all processing entirely within its container (ie. itself), running solely within Veritone's infrastructure.",description:"short desc for Network Isolated"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.iFKCNO",defaultMessage:"The engine does all processing entirely within its container (ie. itself), running solely within Veritone's infrastructure. There is no internet access, and no external calls are made to the outside world ever. This is the most secure deployment model, which makes 'network-isolated deployment' a requirement for most Government agencies and Legal & Compliance customers. This deployment is also highly requested by Media & Entertainment customers, since network-isolated engines may be deployed on-premises.",description:"desc for Network Isolated"}),value:"FullyNetworkIsolated",link:networkIsolatedModelHelpLink},NonNetworkIsolated:{formName:"deploymentModel",name:"External Processing",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.IBPpVI",defaultMessage:"External Processing",description:"label for External Processing"}),iconName:"NonNetworkIsolated",selectedIconName:"NonNetworkIsolatedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.vMyLbx",defaultMessage:"The engine does some or all of its processing outside its container and therefore requires internet access.",description:"short desc for External Processing"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.qMDz39",defaultMessage:"The engine does some or all of its processing outside its container and therefore requires internet access. For example, user data may need to be sent to external services (such as a cloud API) for processing.",description:"desc for External Processing"}),value:"NonNetworkIsolated",link:externalProcessingModelHelpLink},HumanReview:{formName:"deploymentModel",name:"Human Review",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.NpSCxi",defaultMessage:"Human Review",description:"label for Human Review"}),iconName:"HumanReview",selectedIconName:"HumanReviewWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.1GxLEU",defaultMessage:"The engine requires human intervention to complete its processing, and therefore needs network access.",description:"short desc for Human Review"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.MoW0r5",defaultMessage:"The engine requires human intervention to complete its processing, and therefore needs network access.",description:"desc for Human Review"}),value:"HumanReview",link:humanReviewModelHelpLink}},FunctionalityStep=({onValidate:e})=>{var t=useStyles$9()["classes"];const n=useDispatch(),{apiRoot:i,graphQLEndpoint:s,token:r}=useSelector(selectApiConfigs$1);var a=useSelector(selectEngineClasses);const o=useSelector(selectEngineClass),l=useSelector(selectEngineMode),c=useSelector(selectDeploymentModel);var u=useSelector(selectEntityTags),d={engineMode:l,engineClass:o,deploymentModel:c,entityTags:u};const p=useForm({mode:"onChange",defaultValues:d});react.exports.useEffect(()=>{lodash.exports.isEmpty(o)||lodash.exports.isEmpty(c)||lodash.exports.isEmpty(l)||e(!0)}),react.exports.useEffect(()=>{i&&s&&r&&n(actions.engineClassesState.getEngineClassesStart("Cognition"))},[i,s,r,n]),react.exports.useEffect(()=>{null!=e&&e(p.formState.isValid)},[p.formState.isValid]);d=e=>{n(actions.engineFormState.updateEngineFormField({field:e.formName,value:e.value||e.name}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},p,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,rowSpacing:5,columnSpacing:6,className:t.container,"data-test":"engine-new-functionality-step-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-class"},{children:jsxRuntime.exports.jsx(EngineClass,{engineClasses:a,handleEngineClassType:d,handleEngineCategoryType:e=>{n(actions.engineFormState.updateCapability({payload:e}))}})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-mode"},{children:jsxRuntime.exports.jsx(EngineMode,{engineModes:engineModes,handleEngineModeType:d})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-tags"},{children:jsxRuntime.exports.jsx(EntityTags,{setSelectedTags:e=>{n(actions.engineFormState.updateEngineFormField({field:"entityTags",value:e}))},selectedTags:u})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-deployment-model"},{children:jsxRuntime.exports.jsx(DeploymentModel,{deploymentModels:deploymentModels,handleDeploymentModelType:d})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Box,Object.assign({className:t.list,"data-test":"engine-new-functionality-step-engine-input-view-list"},{children:jsxRuntime.exports.jsx(InputTypeViewList,{})})),jsxRuntime.exports.jsx(Box,Object.assign({className:t.list,"data-test":"engine-new-functionality-step-engine-custom-field-list"},{children:jsxRuntime.exports.jsx(CustomFieldsList,{})}))]}))}))},useStyles$8=makeStyles()(e=>({backButton:{background:"none",color:"black",marginRight:"20px",":hover":{background:"#D3D3D3"}},root:{width:1020,position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%"},container:{display:"flex",flexDirection:"column",height:"100%"},expand:{marginTop:"-20px"},fullScreen:{position:"fixed",width:"100%",height:"100vh",overflow:"auto",top:0,left:0,right:0,bottom:0,zIndex:1004},fullScreenButton:{marginTop:"-50px"},tabs:{"& .Sdk-MuiTabs-indicator":{backgroundColor:"black",color:"black"},"& .Sdk-Mui-selected":{color:"black"}},bottomButtons:{marginTop:"20px"},markdown:{height:"100%",background:"#303841"},previewMarkdown:{height:"100%",position:"relative",padding:"20px",background:"#303841"},previewMarkdownContent:{background:"white",padding:"15px",borderRadius:"3px"}}));function useTabCapturing({inputRef:r,onChange:a}){const[o,l]=react.exports.useState(TAB_CAPTURE_MODE.NON_CAPTURE_MODE);return[e=>{var t=e["key"];if(!lodash.exports.isNil(r.current)){var{value:n,selectionStart:i,selectionEnd:s}=r.current;switch(t){case"Tab":return void(o===TAB_CAPTURE_MODE.CAPTURING_MODE&&(e.preventDefault(),r.current.value=n.slice(0,i)+"\t"+n.slice(s),r.current.setSelectionRange(i+1,i+1),a(e)));case"Escape":return void l(TAB_CAPTURE_MODE.NON_CAPTURE_MODE);case"m":return void(e.ctrlKey&&l(o===TAB_CAPTURE_MODE.CAPTURING_MODE?TAB_CAPTURE_MODE.NON_CAPTURE_MODE:TAB_CAPTURE_MODE.CAPTURING_MODE));case"Shift":return;default:l(TAB_CAPTURE_MODE.CAPTURING_MODE)}}},e=>{l(TAB_CAPTURE_MODE.CAPTURING_MODE)}]}function useLineNumbers(t){return react.exports.useMemo(()=>{var e=lodash.exports.size(lodash.exports.split(t,"\n"));return lodash.exports.map(new Array(e),(e,t)=>t+1).join("\n")},[t])}!function(e){e[e.CAPTURING_MODE=0]="CAPTURING_MODE",e[e.NON_CAPTURE_MODE=1]="NON_CAPTURE_MODE"}(TAB_CAPTURE_MODE=TAB_CAPTURE_MODE||{});const editorStyles={margin:"0",padding:"10px 0",borderRadius:"0",resize:"none",fontSize:"1em",fontFamily:"Nunito, lucida console, courier new, courier, monospace",lineHeight:"1.6em",outline:"none",boxSizing:"border-box",whiteSpace:"nowrap","&:focus-visible":{outline:"none"},"& textarea":{lineHeight:"2em",whiteSpace:"pre"}},useStyles$7=makeStyles()(e=>({codeEditor:lodash.exports.merge(lodash.exports.cloneDeep(editorStyles),{paddingLeft:"calc(3rem + 10px)",width:"100%",backgroundColor:"#303841",borderColor:"#303841",color:"#ffffff",caretColor:"#FFBB0A"}),lineCounter:lodash.exports.merge(lodash.exports.cloneDeep(editorStyles),{display:"block",borderColor:"#4F565E",overflowY:"hidden",boxShadow:"none",color:"#9CA8B4",backgroundColor:"#4F565E",position:"absolute",width:"3rem",paddingRight:".625rem",top:0,left:0,bottom:0,minHeight:"100%",pointerEvents:"none","& textarea":{textAlign:"right",fontWeight:"600"}})})),InputTypeMarkdown$1=({value:e,name:t,onChange:n})=>{const i=react.exports.useRef();var s=react.exports.useRef(),r=react.exports.useRef(),a=useStyles$7()["classes"],o=useLineNumbers(e),[l,c]=useTabCapturing({inputRef:r,onChange:n});return jsxRuntime.exports.jsxs(Box,Object.assign({position:"relative",padding:0,margin:0,width:"100%"},{children:[jsxRuntime.exports.jsx(InputUnstyled,{"data-test":"input-type-markdown-code-editor",name:t,ref:s,inputRef:r,className:a.codeEditor,onScroll:e=>{lodash.exports.isNil(i.current)||(i.current.scrollTop=e.currentTarget.scrollTop,i.current.scrollLeft=e.currentTarget.scrollLeft)},onKeyDown:l,onChange:e=>{n(e)},onClick:c,spellCheck:!1,value:e,multiline:!0}),jsxRuntime.exports.jsx(InputUnstyled,{"data-test":"input-type-markdown-line-numbers",ref:i,className:a.lineCounter,spellCheck:!1,value:o,multiline:!0,readOnly:!0})]}))},InputTypeMarkdown=()=>{const t=useDispatch();var e=useSelector(selectEngine);return jsxRuntime.exports.jsx(InputTypeMarkdown$1,{value:e.markdown,onChange:e=>{t(actions.engineFormState.updateEngineFormField({field:"markdown",value:e.target.value}))}})},PreviewMarkdown=()=>{var e=useSelector(selectEngine);return jsxRuntime.exports.jsx(ReactMarkdown,{children:e.markdown})},UseCasesStep=({onValidate:e})=>{const t=useStyles$8()["classes"],[n,i]=react.exports.useState(0),[s,r]=react.exports.useState(!1),a=useSelector(selectEngine),o=(react.exports.useEffect(()=>{null!=e&&e(!0)},[]),(e,t)=>{i(Number(t))}),l=()=>{r(!s)};return jsxRuntime.exports.jsx("div",Object.assign({"data-test":"os-engine-center-new.use-cases-step-parent-container",className:s&&classNames(t.root,t.panel,t.fullScreen),style:{height:"100%"}},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:t.container,"data-test":"os-engine-center-new.use-cases-container"},{children:[jsxRuntime.exports.jsx(Box,Object.assign({padding:5,paddingBottom:0},{children:jsxRuntime.exports.jsx(Heading,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-title",defaultMessage:"Use Case Creator",description:"label for use case title"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-description",defaultMessage:"Give examples of typical scenarios in which your engine would be used.",description:"label for use case description"}),testName:"os-engine-center-new.use-cases"})})),jsxRuntime.exports.jsxs(Box,Object.assign({"data-test":"engine-details-tabs-list",padding:4,paddingTop:0,paddingBottom:1},{children:[jsxRuntime.exports.jsxs(Tabs,Object.assign({className:t.tabs,value:n,onChange:o,"aria-label":"icon label tabs example"},{children:[jsxRuntime.exports.jsx(Tab,{"data-test":"os-engine-center-new.use-cases-step-markdown-tab",label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-step-markdown-tab-label",defaultMessage:"Markdown",description:"tab label: Markdown"})}),jsxRuntime.exports.jsx(Tab,{"data-test":"os-engine-center-new.use-cases-step-preview-tab",label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-step-preview-tab-label",defaultMessage:"Preview",description:"tab label: Preview"})})]})),jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"flex-end"},{children:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-use-cases-exit-fullscreen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-use-cases-enter-fullscreen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:l,className:t.fullScreenButton,"aria-labelledby":"engine-center-new.use-cases-step-toggle-fullscreen","data-test":"engine-center-new.use-cases-step-fullscreen-toggle",size:"large"},{children:s?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))}))}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({flexGrow:1},{children:[jsxRuntime.exports.jsx(TabPanel,Object.assign({value:n,index:0},{children:jsxRuntime.exports.jsx("div",Object.assign({className:t.markdown},{children:jsxRuntime.exports.jsx(InputTypeMarkdown,{})}))})),jsxRuntime.exports.jsx(TabPanel,Object.assign({value:n,index:1},{children:jsxRuntime.exports.jsx("div",Object.assign({className:t.previewMarkdown},{children:jsxRuntime.exports.jsx("div",Object.assign({className:!a.markdown||a.markdown.length<=0?"":t.previewMarkdownContent},{children:jsxRuntime.exports.jsx(PreviewMarkdown,{})}))}))}))]}))]}))}))},SchemaList=({schemaType:n})=>{const t=useSelector(n===SchemaIO.Input?selectInputSchemas:selectOutputSchemas),i=(useSelector(selectDataRegistries),useDispatch()),s=(e=!1,t="")=>{e={name:"ENGINE_CENTER_SCHEMAS_FORM_PANEL",config:{name:`${e?"Edit":"Add"} ${capitalize_1(n)} Schemas`,isEdit:e,editId:t,schemaType:n}};i(mountPanel({panelId:"ENGINE_CENTER_SCHEMAS_FORM_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))},e=()=>{var e=map_1(t,e=>({dataRegistry:e.dataRegistryName,schemaVersion:`Version ${e.majorVersion}.`+e.minorVersion,schemaId:e.id}));return orderBy_1(e,[e=>lowerCase_1(e.dataRegistry)],"asc")},[r,a]=react.exports.useState(e());react.exports.useEffect(()=>{a(e())},[t]);return jsxRuntime.exports.jsx(ListField,{idPrefix:"ecn.schema-list."+n,heading:capitalize_1(n)+" Schemas",description:`Add or remove existing ${n} schemas from your engine, if necessary.`,actionButtonLabel:capitalize_1(n)+" Schemas",items:r,columnNames:["Data Registry","Schema Version","Schema ID","",""],canEdit:!0,canDelete:!0,onActionClick:()=>s(),onRequestSort:(t,e)=>{a(orderBy_1(r,[e=>lowerCase_1(e[camelCase_1(t)])],e))},onEditClick:e=>{e=r[e],e=findIndex_1(t,{id:e.schemaId}),e=t[e].dataRegistryId;s(!0,e)},onDeleteClick:e=>{e=r[e],e=findIndex_1(t,{id:e.schemaId});0<=e&&i(actions.engineFormState.removeSchema({schemaType:n,index:e}))}})},errorMessageProps={sx:{position:"absolute",right:0,bottom:-20}},useStyles$6=makeStyles()(e=>({curlyBracesIconContainer:{"& path":{stroke:e.palette.text.primary,strokeWidth:2}}})),IntegrationStep=({onValidate:s})=>{var e=useStyles$6()["classes"],t=useForm();const{getValues:r,setValue:a,setError:o,clearErrors:l}=t,c=useDispatch();var n=react.exports.useRef(null),i=react.exports.useRef(null);const u=e=>{if(e)try{JSON.parse(e)}catch(e){return!1}return!0};var d,p=e=>{var t,{name:e,value:n}=e.target,i=(a(e,n),l(e),t=r("newJobTemplate"),i=r("reprocessingJobTemplate"),t=u(t)&&u(i),s(t),"newJobTemplate"===e?"upload":"reprocess");c(actions.engineFormState.updateEngineFormField({field:"standaloneJobTemplates."+i,value:n}))},[m,g]=useTabCapturing({inputRef:n,onChange:p}),[h,f]=useTabCapturing({inputRef:i,onChange:p}),{upload:x,reprocess:y}=useSelector(selectStandaloneJobTemplates);let b;(d=b=b||{}).New="newJobTemplate",d.Reprocessing="reprocessingJobTemplate";const j=t=>{var e=r(t);if(e)try{var n=JSON.stringify(JSON.parse(e),null,8),i=(a(t,n),l(t),"newJobTemplate"===t?"upload":"reprocess");c(actions.engineFormState.updateEngineFormField({field:"standaloneJobTemplates."+i,value:n}))}catch(e){o(t,{type:"custom",message:"Invalid JSON syntax."})}};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},t,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,spacing:6,padding:6,"data-test":"engine-new-integration-step"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaList,{schemaType:SchemaIO.Input})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,"data-test":"engine-new-input-schemas"},{children:jsxRuntime.exports.jsx(Divider,{sx:{width:"60rem",margin:"5, 5, 1, 5"}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,"data-test":"engine-new-output-schemas"},{children:jsxRuntime.exports.jsx(SchemaList,{schemaType:SchemaIO.Output})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(Divider,{sx:{width:"60rem",margin:"5, 5, 1, 5"}})})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-integration-title"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.integration-title",defaultMessage:"Engine Processing Flow",description:"Integration step title"}),jsxRuntime.exports.jsx(HelpDocs,{helpLink:"https://docs.veritone.com/#/aiware/aiWARE-in-depth/single-engine-jobs?id=creating-your-own-single-engine-job-template",sx:{fontSize:15,marginLeft:2}})]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption","data-test":"engine-new-integration-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.integration-description",defaultMessage:"Provide the job mutations to run your engine for both new Temporal Data Object (TDO) and reprocessing jobs.",description:"Integration step description"})}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,spacing:5},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:[jsxRuntime.exports.jsx(InputText,{ref:n,placeholder:"New TDO Job Mutation",type:"textarea",name:"newJobTemplate",value:x,onChange:p,inputProps:{onKeyDown:m},onClick:g,"data-test":"engine-new-new-tdo-job-mutation",multiline:!0,spellCheck:!1,rows:20,style:{width:"100%"},FormHelperTextProps:errorMessageProps,InputProps:{endAdornment:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"Format JSON"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({className:e.curlyBracesIconContainer,onClick:()=>j(b.New),style:{alignSelf:"end"},"data-test":"engine-new-new-tdo-job-mutation-format-json"},{children:jsxRuntime.exports.jsx(CurlyBraces,{})}))}))}}),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.new-tdo-job-mutation-language",defaultMessage:"Template Language: ",description:"New TDO Job Mutation language"}),jsxRuntime.exports.jsx("a",Object.assign({href:"https://handlebarsjs.com/",target:"_blank",rel:"noreferrer",style:{textDecoration:"none"}},{children:"Handlebars"}))]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:[jsxRuntime.exports.jsx(InputText,{ref:i,placeholder:"Reprocessing Job Mutation",type:"textarea",name:"reprocessingJobTemplate",value:y,onChange:p,inputProps:{onKeyDown:h},onClick:f,"data-test":"engine-new-reprocessing-tdo-job-mutation",multiline:!0,spellCheck:!1,rows:20,style:{width:"100%"},FormHelperTextProps:errorMessageProps,InputProps:{endAdornment:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"Format JSON"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({className:e.curlyBracesIconContainer,onClick:()=>j(b.Reprocessing),style:{alignSelf:"end"},"data-test":"engine-new-reprocessing-tdo-job-mutation-format-json"},{children:jsxRuntime.exports.jsx(CurlyBraces,{})}))}))}}),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.new-tdo-job-mutation-language",defaultMessage:"Template Language: ",description:"New TDO Job Mutation language"}),jsxRuntime.exports.jsx("a",Object.assign({href:"https://handlebarsjs.com/",target:"_blank",rel:"noreferrer",style:{textDecoration:"none"}},{children:"Handlebars"}))]}))]}))]}))]}))}))},useStyles$5=makeStyles()(e=>({container:{width:"100%",padding:"25px 30px"},subheading:{minWidth:"48.75rem",padding:"30px 0"},text:{width:"39.5rem",padding:"14px 0",borderBottom:"0.5px solid #D5DFE9",fontWeight:400},textCollapsible:{width:"39.5rem",padding:"8px 0",borderBottom:"0.5px solid #D5DFE9",cursor:"pointer"},collapse:{width:"39.5rem"},collapseContent:{maxHeight:200,overflow:"auto"},pre:{whiteSpace:"pre-line"},asterisk:{color:"#D43060",margin:"0 2px"}})),useStyles$4=makeStyles()(e=>({root:{borderRadius:"50%",border:"1px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",width:e.spacing(8),height:e.spacing(8)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),EngineLogo=({path:e})=>{var t=useStyles$4()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:t.root},{children:jsxRuntime.exports.jsx("img",{className:t.logo+" "+(!e&&t.veritoneLogo),src:e||img$1y,alt:"engine logo"})}))},Row=({label:e,value:t,style:n,testName:i,icon:s,asterisk:r,handleOpenCollapse:a})=>jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",justifyContent:"space-between",alignItems:"center",textTransform:"capitalize","data-test":i+"-container"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"label-"+i},{children:e})),jsxRuntime.exports.jsxs(Box,Object.assign({className:n,display:"flex",justifyContent:"space-between",alignItems:"center",onClick:a},{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6",sx:{fontWeight:400}},{children:[t,r]})),jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"expand row",size:"small",onClick:a,"data-test":i+"-expand-action-trigger"},{children:s}))]}))]})),CollapseComponent=({open:e,content:t,testName:n,dataType:i})=>{var s=useStyles$5()["classes"];return jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"end","data-test":n},{children:jsxRuntime.exports.jsx(Collapse,Object.assign({className:s.collapse,in:e,timeout:"auto",unmountOnExit:!0},{children:jsxRuntime.exports.jsx(Box,Object.assign({className:s.collapseContent},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",sx:{fontWeight:400,lineHeight:1.5}},{children:jsxRuntime.exports.jsx("pre",Object.assign({className:"markdown"===i?s.pre:""},{children:t}))}))}))}))}))},ENGINE_CENTER_NEW_TEXT={markdownValue:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-use-cases-value",defaultMessage:"Markdown",description:"Markdown"}),tdoValue:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-new-tdo-value",defaultMessage:"New TDO",description:"New TDO"}),reprocessingValue:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-job-mutation-value",defaultMessage:"Reprocessing",description:"Reprocessing"})},ConfirmationStep=()=>{var e=useStyles$5()["classes"];const[t,n]=react.exports.useState(!1),[i,s]=react.exports.useState(!1),[r,a]=react.exports.useState(!1),[o,l]=react.exports.useState(!1),[c,u]=react.exports.useState(!1),d=useSelector(selectEngine);var p=useSelector(selectIsEditForm)["isEditForm"],m=e=>{e=lodash.exports.sortBy(e,[e=>lodash.exports.toLower(e.dataRegistryName)]),e=lodash.exports.map(e,e=>`• ${e.dataRegistryName}: Version ${e.majorVersion}.`+e.minorVersion);return lodash.exports.join(e,"\n")};return jsxRuntime.exports.jsxs(Box,Object.assign({className:e.container,"data-test":"engine-new-confirmation-step"},{children:[jsxRuntime.exports.jsxs(Grid$1,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",gutterBottom:!0,color:"#000000"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-title",defaultMessage:"Engine Summary",description:"Engine Summary"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",fontSize:"14px","data-test":"engine-new-confirmation-step-header-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-header-description-{idSuffix}",defaultMessage:"Review the summary of your engines attributes before {verb} its profile",description:"Review the summary of your engines attributes before {verb} its profile.",values:{idSuffix:p?"edit":"new",verb:p?"updating":"creating"}})}))]}),jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.subheading},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",alignItems:"center",textTransform:"capitalize","data-test":"engine-new-confirmation-step-engine-name"},{children:[jsxRuntime.exports.jsx(EngineLogo,{path:d.iconPath}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",ml:3},{children:lodash.exports.isEmpty(d.name)?"-":d.name}))]})),jsxRuntime.exports.jsx(Box,Object.assign({ml:11,"data-test":"engine-new-confirmation-step-engine-description"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"#2A323C"},{children:lodash.exports.isEmpty(d.description)?"-":d.description}))}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({sx:{width:"100%",pl:11},"data-test":"engine-new-confirmation-step-row-container"},{children:[jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-deployment-model",defaultMessage:"Deployment Model:",description:"Deployment model"}),value:lodash.exports.isEmpty(d.deploymentModel)?"-":lodash.exports.startCase(d.deploymentModel),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-deployment-model"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-engine-class",defaultMessage:"Engine Class:",description:"Engine Class"}),value:lodash.exports.isEmpty(d.class)?"-":lodash.exports.startCase(d.class),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-engine-class"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-engine-capability",defaultMessage:"Engine Capability:",description:"Engine Capability"}),value:lodash.exports.isEmpty(d.capability.name)?"-":lodash.exports.startCase(d.capability.name),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-engine-capability"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-engine-mode",defaultMessage:"Engine Mode:",description:"Engine Mode"}),value:lodash.exports.isEmpty(d.mode)?"-":lodash.exports.startCase(d.mode),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-engine-mode"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-use-cases",defaultMessage:"Use Cases:",description:"Use Cases"}),value:lodash.exports.isEmpty(d.markdown)?"-":ENGINE_CENTER_NEW_TEXT.markdownValue(),handleOpenCollapse:()=>n(!t),icon:t?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),style:e.textCollapsible,testName:"engine-new-confirmation-step-row-use-cases"}),jsxRuntime.exports.jsx(CollapseComponent,{open:t,content:lodash.exports.isEmpty(d.markdown)?"-":d.markdown,testName:"engine-new-use-cases-collapse-container",dataType:"markdown"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-custom-fields",defaultMessage:"Custom Fields:",description:"Custom Fields"}),value:lodash.exports.isEmpty(d.customFields)?"-":lodash.exports.join(lodash.exports.map(d.customFields,e=>e.name),", "),style:e.text,testName:"engine-new-confirmation-step-row-custom-fields"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-input-schemas-label",defaultMessage:"Input Schemas:",description:"Input Schemas"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.inputSchemas)?"-":jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-input-schemas-value",defaultMessage:"Selected schemas...",description:"Input Schemas dropdown label"}),handleOpenCollapse:()=>l(!o),icon:o?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-input-schemas"}),jsxRuntime.exports.jsx(CollapseComponent,{open:o,content:lodash.exports.isEmpty(d.inputSchemas)?"-":m(d.inputSchemas),testName:"engine-new-input-schemas-collapse-container"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-output-schemas-label",defaultMessage:"Output Schemas:",description:"Output Schemas"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.outputSchemas)?"-":jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-output-schemas-value",defaultMessage:"Selected schemas...",description:"Output Schemas dropdown label"}),handleOpenCollapse:()=>u(!c),icon:c?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-output-schemas"}),jsxRuntime.exports.jsx(CollapseComponent,{open:c,content:lodash.exports.isEmpty(d.outputSchemas)?"-":m(d.outputSchemas),testName:"engine-new-output-schemas-collapse-container"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-new-tdo",defaultMessage:"New TDO Mutation:",description:"New TDO mutation"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.standaloneJobTemplates.upload)?"-":ENGINE_CENTER_NEW_TEXT.tdoValue(),handleOpenCollapse:()=>s(!i),icon:i?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-new-tdo"}),jsxRuntime.exports.jsx(CollapseComponent,{open:i,content:d.standaloneJobTemplates.upload?(()=>{try{return JSON.stringify(JSON.parse(d.standaloneJobTemplates.upload),null,2)}catch(e){return d.standaloneJobTemplates.upload}})():"-",testName:"engine-new-new-tdo-collapse-container"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-job-mutation",defaultMessage:"Reprocessing Job Mutation:",description:"Reprocessing Job mutation"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.standaloneJobTemplates.reprocess)?"-":ENGINE_CENTER_NEW_TEXT.reprocessingValue(),handleOpenCollapse:()=>a(!r),icon:r?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-job-mutation"}),jsxRuntime.exports.jsx(CollapseComponent,{open:r,content:d.standaloneJobTemplates.reprocess?(()=>{try{return JSON.stringify(JSON.parse(d.standaloneJobTemplates.reprocess),null,2)}catch(e){return d.standaloneJobTemplates.reprocess}})():"-",testName:"engine-new-job-mutation-collapse-container"}),jsxRuntime.exports.jsx(Box,Object.assign({mt:5},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption",color:"#2A323C"},{children:[jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-bottom-caption",defaultMessage:"Cannot be changed once the engine profile is created.",description:"Cannot be changed once the engine profile is created."})]}))}))]}))]}))},EngineOnboardingFlow=()=>{const t=useDispatch(),n=useSelector(selectEngine),i=useSelector(selectIsEditForm)["isEditForm"],[e,s]=react.exports.useState(!1);var r=e=>s(e);const a=(e=!1)=>{i?t(actions.engineFormState.updateEngineStart({engine:n,openBuildPanel:e})):t(actions.engineFormState.createEngineStart({engine:n,openBuildPanel:e}))};var r=[jsxRuntime.exports.jsx(EngineDescription,{onValidate:r}),jsxRuntime.exports.jsx(FunctionalityStep,{onValidate:r}),jsxRuntime.exports.jsx(UseCasesStep,{onValidate:r}),jsxRuntime.exports.jsx(IntegrationStep,{onValidate:r}),jsxRuntime.exports.jsx(ConfirmationStep,{})],o=[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"engine-new-docker-image-button",variant:"text",color:"secondary",onClick:()=>a(!0),startIcon:jsxRuntime.exports.jsx(Add,{})},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.docker-image-button",defaultMessage:"Docker Image",description:"Docker Image button text"})}),"docker-image-button"),jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"engine-new-create-engine-button",variant:"contained",color:"primary",onClick:()=>a()},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.{idPrefix}-engine-button",defaultMessage:"{verb}",description:"{verb} engine button text",values:{idPrefix:i?"update":"create",verb:i?"Update":"Create"}})}),"create-engine-button")];return jsxRuntime.exports.jsx(ProgressStepper,{panelName:"ENGINE_CENTER_NEW",sessionKey:"engineOnboardingSession",entityId:n.id,onResumeSession:e=>{t(actions.engineFormState.resumeSession(e))},steps:["General","Functionality","Use Cases","Integration","Confirmation"],stepContent:r,customFinalStepButtons:o,nextButtonDisabled:!e,idPrefix:"engine-center-new-eob"})},appBarHeight$2=55,headerHeight=64,borderBottom$2=5,useStyles$3=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight$2}px - ${headerHeight}px - ${borderBottom$2}px)`}})),MainLayout=({engineId:e})=>{var t=useStyles$3()["classes"];const n=useDispatch();var i=useSelector(selectIsLoadingExistingEngineData)["isLoadingExistingEngineData"];return react.exports.useEffect(()=>{e?n(actions.engineFormState.editEngine(e)):n(actions.engineFormState.createNewEngine())},[]),jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"engine-center-new-widget",className:t.ecnPanel},{children:i?jsxRuntime.exports.jsx(Box,Object.assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(CircularProgress,{})})):jsxRuntime.exports.jsx(EngineOnboardingFlow,{})}))},EngineCenterNew=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getEngineCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}))})})),appBarHeight$1=55,borderBottom$1=5,mainHeight=`calc(100vh - ${appBarHeight$1+borderBottom$1}px)`,useStyles$2=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight},container:{padding:e.spacing(5),"& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},"& fieldset":{borderColor:"#D5DFE9"},textInput:{padding:14.5},header:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:20},addButtonWrapper:{flexGrow:1,display:"flex",justifyContent:"flex-end",alignItems:"flex-end",padding:"0px 20px 20px 20px"},inputSelect:{width:"100%"},optional:{fontSize:12,marginBottom:e.spacing(1),marginLeft:e.spacing(1),color:"#9CA8B4"}})),SchemaOrText=()=>{var e=useStyles$2()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.text-schema.default",defaultMessage:"Default Value",description:"You can set a default value for either text or schema selection"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:e.optional,id:"engine-center-new.text-schema.default.optional"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.text-schema.default.optional",defaultMessage:"(Optional)",description:"Set the optional default value for the number field"})}))]})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-text-schema-default",variant:"outlined",type:"text",name:"defaultValue",fullWidth:!0,rules:{maxLength:2048}})]})},Number$1=()=>{var e=useStyles$2()["classes"];const{getValues:n,trigger:t}=useFormContext();return jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,container:!0,xs:12,spacing:2,"data-test":"engine-new-custom-number-container"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-min"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.min",defaultMessage:"Min",description:"Set the minimum value for the number field"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-min",variant:"outlined",type:"number",name:"min",fullWidth:!0,onChange:()=>{isEmpty_1(n("max"))||t("max"),isEmpty_1(n("defaultValue"))||t("defaultValue")},rules:{required:!0,min:-99999,max:99999,validate:{lessThanMax:e=>{return t="Should be less than or equal to Max",e<=toNumber_1(n("max"))||!!isEmpty_1(n("max"))||t;var t}}}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-max"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.max",defaultMessage:"Max",description:"Set the maximum value for the number field"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-max",variant:"outlined",type:"number",name:"max",fullWidth:!0,onChange:()=>{isEmpty_1(n("min"))||t("min"),isEmpty_1(n("defaultValue"))||t("defaultValue")},rules:{required:!0,min:-99999,max:99999,validate:{greaterThanMin:e=>{return t="Should be greater than or equal to Min",e>=toNumber_1(n("min"))||!!isEmpty_1(n("min"))||t;var t}}}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-step"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.step",defaultMessage:"Step",description:"Set the incrementing step value for the number field"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-step",variant:"outlined",type:"number",name:"step",fullWidth:!0,rules:{required:!0,min:-99999,max:99999}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-default"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.default",defaultMessage:"Default",description:"Set the default value for the number field"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:e.optional,"data-test":"engine-new-custom-number-label-optional"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.optional",defaultMessage:"(Optional)",description:"Set the optional default value for the number field"})}))]})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-default",variant:"outlined",type:"number",name:"defaultValue",fullWidth:!0,rules:{min:-99999,max:99999,validate:{betweenMinAndMax:e=>{return t="Should be between Min and Max",!!isEmpty_1(e=e)||toNumber_1(n("min"))<=e&&e<=toNumber_1(n("max"))||!(!isEmpty_1(n("min"))||!isEmpty_1(n("max")))||!!(isEmpty_1(n("min"))&&e<=toNumber_1(n("max")))||!!(isEmpty_1(n("max"))&&e>=toNumber_1(n("min")))||t;var t}}}})]}))]}))},useStyles$1=makeStyles()(e=>({input:{marginBottom:"10px"},radio:{"&:checked":{color:"red"}}})),PicklistInput=({handleRemoveItem:e,isMulti:t,handleAddItem:n,index:i})=>{const s=useFormContext()["getValues"];var r=useStyles$1()["classes"];const a=(t,n,e)=>{var i=s("options");return!(1<filter_1(i,e=>e[t]===n).length)||e};return jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:r.input,container:!0,spacing:4},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:2},{children:jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},{children:t?jsxRuntime.exports.jsx(InputCheckbox,{label:"",name:`options.${i}.checked`,"data-test":"os-engine-center-new-picklist.checkbox-"+i}):jsxRuntime.exports.jsx(FormControlLabel,{label:"",control:jsxRuntime.exports.jsx(Radio,{classes:{root:r.radio}}),"data-test":"os-engine-center-new-picklist.radio-"+i,value:""+i})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(InputText,{"data-test":"os-engine-center-new-picklist.textfield-key-"+i,variant:"outlined",type:"text",name:`options.${i}.key`,fullWidth:!0,rules:{required:!0,validate:{unique:e=>a("key",e,"This key already exists")}}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(InputText,{"data-test":"os-engine-center-new-picklist.textfield-value-"+i,variant:"outlined",type:"text",name:`options.${i}.value`,fullWidth:!0,rules:{required:!0,validate:{unique:e=>a("value",e,"This value already exists")}}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:2},{children:size_1(s("options"))-1===i?jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:n,"data-test":"os-engine-center-new-picklist.add-button-"+i,size:"large"},{children:jsxRuntime.exports.jsx(default_1$2,{})})):jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>e(i),"data-test":"os-engine-center-new-picklist.remove-button-"+i,size:"large"},{children:jsxRuntime.exports.jsx(default_1$3,{})}))}))]}))},Picklist=({isMulti:n})=>{const{control:e,getValues:t,setValue:i}=useFormContext(),{fields:s,append:r,remove:a}=useFieldArray({control:e,name:"options"}),o={key:"",value:""},l={key:"",value:"",checked:!1},c=()=>{r(n?l:o)},u=e=>{0<=e&&(e===toNumber_1(t("defaultValue"))&&i("defaultValue",""),a(e))};var d=()=>(0===s.length&&r(n?l:o),s.map((e,t)=>jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(PicklistInput,{handleAddItem:c,handleRemoveItem:u,isMulti:n,index:t})},e.id)));return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,spacing:4},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:2},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"os-engine-center-new-picklist.default-header",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-picklist.default-label",defaultMessage:"Default",description:"label for default column"})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"os-engine-center-new-picklist.key-header",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-picklist.key-label",defaultMessage:"Key",description:"label for key column"})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"os-engine-center-new-picklist.value-header",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-picklist.value-label",defaultMessage:"Value",description:"label for value column"})}))})),jsxRuntime.exports.jsx(Grid$1,{item:!0,xs:2})]})),!n&&jsxRuntime.exports.jsx(InputRadioGroup,Object.assign({name:"defaultValue"},{children:d()})),n&&d()]})},CustomFieldsForm=({hidePanel:s,isEdit:r=!1,editIndex:a=-1})=>{var e=useStyles$2()["classes"];const o=useDispatch(),i=useSelector(selectCustomFields);var t=()=>{if(r&&0<=a){var e;if(i[a].type===EngineFieldType.Picklist)return e=get_1(i,`[${a}].options`),t=get_1(i,`[${a}].defaultValue`),e=findIndex_1(e,{value:t}),Object.assign(Object.assign({},i[a]),{defaultValue:-1===e?"":toString_1(e)});if(i[a].type!==EngineFieldType.MultiPicklist)return i[a];{var t=get_1(i,`[${a}].options`);const n=get_1(i,`[${a}].defaultValues`);return Object.assign(Object.assign({},i[a]),{options:map_1(t,e=>({key:e.key,value:e.value,checked:includes_1(n,e.value)}))})}}return{name:"",type:EngineFieldType.Text,required:!1,defaultValue:""}},n=t();const l=useForm({mode:"onChange",defaultValues:n}),[c,u]=react.exports.useState(t().type);t=e=>{let t;var n,i;t=e.type===EngineFieldType.Picklist?Object.assign(Object.assign({},e),{defaultValue:get_1(e,`options[${e.defaultValue}].value`,"")}):e.type===EngineFieldType.MultiPicklist?(n=map_1(filter_1(e.options,{checked:!0}),e=>e.value),i=map_1(e.options,e=>({key:e.key,value:e.value})),Object.assign(Object.assign({},e),{options:i,defaultValues:n})):e.type===EngineFieldType.Number?Object.assign(Object.assign({},e),{min:toNumber_1(e.min),max:toNumber_1(e.max),step:toNumber_1(e.step)}):e,r?o(actions.engineFormState.updateCustomField({customField:t,index:a})):o(actions.engineFormState.addCustomField(t)),s()};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},l,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:l.handleSubmit(t)},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.container,container:!0,spacing:5,"data-test":"engine-new-custom-fields-form-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(Box,Object.assign({className:e.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-new-custom-fields-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.form-title",defaultMessage:"{label} Custom Fields",description:"Form label for supported file types",values:{label:r?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-name",defaultMessage:"Field Name",description:"You can set a field name"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"name",fullWidth:!0,"data-test":"engine-new-custom-fields-name-content",rules:{required:!0,maxLength:50}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Box,Object.assign({display:"flex"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-label"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-label",defaultMessage:"Field Label",description:"You can set a field label"})}))})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"label",fullWidth:!0,"data-test":"engine-new-custom-fields-label-content",inputProps:{maxLength:50,className:e.textInput},rules:{required:!0,maxLength:50}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-information"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-information",defaultMessage:"Field Information",description:"You can set a field information"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:e.optional,"data-test":"engine-new-custom-fields-header-information-optional"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.information.optional",defaultMessage:"(Optional)",description:"Set the optional default value for the number field"})}))]})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",name:"info",fullWidth:!0,multiline:!0,rows:5,"data-test":"engine-new-custom-fields-information-content",inputProps:{maxLength:250},InputProps:{className:e.textInput},rules:{maxLength:250}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-type"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-type",defaultMessage:"Field Type",description:"You can set a field type"})})),jsxRuntime.exports.jsx(InputSelect,Object.assign({inputProps:{maxLength:50,className:e.textInput},className:e.inputSelect,type:"text",name:"type",value:c,onChange:e=>{l.resetField("defaultValue"),l.unregister("defaultValues"),l.unregister("min"),l.unregister("max"),l.unregister("step"),l.resetField("options"),l.unregister("options"),l.setValue("type",e.target.value),u(e.target.value)},style:{minWidth:"100%"},"data-test":"engine-new-custom-fields-type-content",rules:{required:!0}},{children:map_1(keys_1(EngineFieldType),(e,t)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:EngineFieldType[e]},{children:EngineFieldType[e]}),t))}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,style:{padding:"5px 0 0 25px"}},{children:jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"start",alignItems:"center"},{children:jsxRuntime.exports.jsx(InputCheckbox,{name:"required",defaultChecked:n.required,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.required-checkbox",defaultMessage:"Required Field",description:"Required field checkbox"})})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:(()=>{switch(c){case EngineFieldType.Text:case EngineFieldType.SchemaSelection:return jsxRuntime.exports.jsx(SchemaOrText,{});case EngineFieldType.Number:return jsxRuntime.exports.jsx(Number$1,{});case EngineFieldType.Picklist:return jsxRuntime.exports.jsx(Picklist,{isMulti:!1});case EngineFieldType.MultiPicklist:return jsxRuntime.exports.jsx(Picklist,{isMulti:!0});default:return null}})()}))]})),jsxRuntime.exports.jsx(Box,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(l,"formState.isValid"),onSubmit:t,variant:"contained",color:"primary","data-test":"engine-new-custom-fields-button-submit"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-custom-fields.submit-button-label",defaultMessage:"{label}",description:"{label} Custom Fields",values:{label:r?"Update":"Add"}})}))}))]}))}))},EngineCenterCustomFieldsForm=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CustomFieldsForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})})),useStyles=makeStyles()(e=>({applyButtonWrapper:{padding:"0px 20px 20px 20px"},supportedFilesTypeHeader:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",padding:"0px 10px",marginBottom:20},supportedFilesTypeWrapper:{padding:"8px 20px 20px 20px"},fileTypeItem:{border:"1px solid #D5DFE9",borderRadius:5,marginBottom:20,overflow:"hidden"},fileTypeItemHeader:{padding:18,borderBottom:"1px solid #D5DFE9",background:"#FAFAFA",display:"flex",alignItems:"center"},fileTypeItemHeaderRow:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},fileTypeHeaderRowItem:{display:"flex",alignItems:"center"},fileTypeItemBody:{display:"flex",alignItems:"center",padding:"26px 0",flexWrap:"wrap"},fileTypeItemExtension:{width:"50%",padding:"4px 0 4px 54px"},fileTypeItemExtensionFullWidth:{width:"100%"},fileItemTypeName:{marginLeft:12}})),icons={video:jsxRuntime.exports.jsx(VideoCamera,{}),image:jsxRuntime.exports.jsx(Image,{}),audio:jsxRuntime.exports.jsx(Sound,{}),text:jsxRuntime.exports.jsx(Description,{}),application:jsxRuntime.exports.jsx(Description,{})},FileItemIcon=({filetype:e})=>{var[e]=e.split("/");return e&&icons[e]?icons[e]:jsxRuntime.exports.jsx(UnknownDocument,{})},InputType=({fileItemType:i,currentTypes:e,handleInputTypes:s,handleSelectAll:t})=>{var n;const r=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeItem,"data-test":"engine-center-new-supported-file-item","data-testtype":"engine-center-new-input-type-container."+i.name},{children:[jsxRuntime.exports.jsx("header",Object.assign({className:r.fileTypeItemHeader},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeItemHeaderRow},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeHeaderRowItem},{children:[jsxRuntime.exports.jsx("span",Object.assign({"data-test":"engine-center-new-file-item-icon"},{children:jsxRuntime.exports.jsx(FileItemIcon,{filetype:i.type})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",className:r.fileItemTypeName,"data-test":"engine-center-new-file-type-name"},{children:i.name}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeHeaderRowItem,"data-test":"engine-center-new-input-type-name-checkbox.select-all-container."+i.name},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1","data-test":"engine-center-new-file-type-select-all"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.select-all-label",defaultMessage:"Select All",description:"Select all mimetypes of a file type"})})),jsxRuntime.exports.jsx(Checkbox,{"data-test":"engine-center-new-input-type-name-checkbox.select-all."+i.name,checked:i.extensions.every(t=>lodash.exports.some(e,e=>e.mimeType===t)),onChange:e=>t(e.target.checked,i.name)})]}))]}))})),jsxRuntime.exports.jsx("div",Object.assign({className:r.fileTypeItemBody,"data-test":"engine-center-new-extension-list"},{children:null==(n=null==i?void 0:i.extensions)?void 0:n.map(t=>{return jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2","data-test":"engine-center-new-input-type-name",color:"textPrimary",className:classNames(r.fileTypeItemExtension,{[r.fileTypeItemExtensionFullWidth]:i.type===FileItemTypeNames.Text})},{children:[jsxRuntime.exports.jsx(Checkbox,{"data-test":"engine-center-new-input-type-name-checkbox."+t,checked:lodash.exports.some(e,e=>e.mimeType===t),value:t,onChange:(n={name:i.name,type:i.type,mimeType:t},e=>{var{value:e,checked:t}=e.target;s&&s({inputType:n,value:e,checked:t})})}),".",t]}),t);var n})}))]}))},InputTypeFlyout$1=({fileTypes:e,hidePanel:t,savedInputTypes:n=[],handleInput:i,handleSelectAll:s})=>{var r=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:r.supportedFilesTypeWrapper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:r.supportedFilesTypeHeader},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-center-new-supported-files-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.panel-header",defaultMessage:"Supported File Types",description:"Form label for supported file types"})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.close-button-tooltip",defaultMessage:"Close",description:"Close panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-center-new-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),e.map(t=>jsxRuntime.exports.jsx(InputType,{currentTypes:lodash.exports.filter(n,e=>e.type===t.type),handleInputTypes:i,fileItemType:t,handleSelectAll:s},t.name))]}))},InputTypeFlyout=()=>{const e=useDispatch(),t=useSelector(selectEngine);const n=()=>{e(unmountPanel("ENGINE_CENTER_INPUT_TYPE_FLYOUT"))},[i,s]=react.exports.useState(t.supportedInputTypes),r=react.exports.useRef(t.supportedInputTypes);react.exports.useEffect(()=>{lodash.exports.isEqual(r,t.supportedInputTypes)||(r.current=t.supportedInputTypes,s(t.supportedInputTypes))},[t.supportedInputTypes]);var a=useStyles()["classes"];return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsxs(CacheProvider,Object.assign({value:muiCache},{children:[jsxRuntime.exports.jsx(InputTypeFlyout$1,{fileTypes:DEFAULT_ACCEPTABLE_FILE_TYPES,handleInput:({inputType:t,checked:e})=>{s(e?lodash.exports.unionBy(i,[t],"mimeType"):lodash.exports.reject(i,e=>e.mimeType===t.mimeType))},hidePanel:n,savedInputTypes:i,handleSelectAll:(e,t)=>{if(e){const n=DEFAULT_ACCEPTABLE_FILE_TYPES.find(e=>e.name===t);e=n.extensions,e=lodash.exports.map(e,e=>({name:t,mimeType:e,type:n.type}));s(lodash.exports.unionBy(i,e,"mimeType"))}else s(lodash.exports.reject(i,e=>e.name===t))}}),jsxRuntime.exports.jsx(Box,Object.assign({className:a.applyButtonWrapper,display:"flex",justifyContent:"flex-end"},{children:jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e(actions.engineFormState.updateEngineFormField({field:"supportedInputTypes",value:i})),n()},variant:"contained",color:"primary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.apply-button-label",defaultMessage:"Apply",description:"Save changes"})}))}))]}))})})},LISTBOX_PADDING=8;function renderRow(e){var{data:e,index:t,style:n}=e,e=e[t],t=Object.assign(Object.assign({},n),{top:n.top+LISTBOX_PADDING});return has_1(e,"group")?jsxRuntime.exports.jsx(ListSubheader,Object.assign({sx:{backgroundColor:"#F2F5F9"},component:"div",style:t},{children:e.group}),e.key):jsxRuntime.exports.jsx(Typography,Object.assign({component:"li"},e[0],{noWrap:!0,style:t},{children:e[1]}))}const OuterElementContext=react.exports.createContext({}),OuterElementType=react.exports.forwardRef((e,t)=>{var n=react.exports.useContext(OuterElementContext);return jsxRuntime.exports.jsx("div",Object.assign({ref:t},e,n))});function useResetCache(e){const t=react.exports.useRef(null);return react.exports.useEffect(()=>{null!=t.current&&t.current.resetAfterIndex(0,!0)},[e]),t}const ListboxAdapter=react.exports.forwardRef(function(e,t){var n=e["children"],e=__rest(e,["children"]);const i=[];n.forEach(e=>{i.push(e),i.push(...e.children||[])});n=useMediaQuery(useTheme$1().breakpoints.up("sm"),{noSsr:!0});const s=i.length,r=n?36:48,a=e=>has_1(e,"group")?48:r;n=useResetCache(s);return jsxRuntime.exports.jsx("div",Object.assign({ref:t},{children:jsxRuntime.exports.jsx(OuterElementContext.Provider,Object.assign({value:e},{children:jsxRuntime.exports.jsx(VariableSizeList,Object.assign({itemData:i,height:(8<s?8*r:i.map(a).reduce((e,t)=>e+t,0))+2*LISTBOX_PADDING,width:"100%",ref:n,outerElementType:OuterElementType,innerElementType:"ul",itemSize:e=>a(i[e]),overscanCount:5,itemCount:s},{children:renderRow}))}))}))}),SchemaAutocomplete=({ref:e,disabled:t,options:n,value:i,inputValue:s,onChange:r,onInputChange:a})=>{const o=useSelector(selectIsFetchingDataRegistries);var l=styled(Popper)({["& ."+autocompleteClasses.listbox]:{boxSizing:"border-box","& ul":{padding:0,margin:0}}});return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Box,Object.assign({display:"flex"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-center-new-schemas-select-schema"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.select-schema",defaultMessage:"Schema",description:"Select schema dropdown label"})}))})),jsxRuntime.exports.jsx(Autocomplete,{"data-test":"engine-center-new-schemas-select-schema-autocomplete",ref:e,disabled:t,options:n,disableListWrap:!0,value:i,inputValue:s,PopperComponent:l,ListboxComponent:ListboxAdapter,loading:o,loadingText:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.loading-text",defaultMessage:"Loading...",description:"Loading text for fetching data registries"}),renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{variant:"outlined",fullWidth:!0,InputProps:Object.assign(Object.assign({},e.InputProps),{placeholder:"Select a Schema...",endAdornment:jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[o?jsxRuntime.exports.jsx(CircularProgress,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})})})),renderOption:(e,t)=>[e,t.label],groupBy:e=>toUpper_1(get_1(e,"label[0]")),renderGroup:e=>e,onChange:r,onInputChange:a})]})},styles={container:{border:"1px solid #D5DFE9",borderRadius:"5px",marginBottom:"20px",overflow:"hidden"},header:{padding:"18px",borderBottom:"1px solid #D5DFE9",background:"#FAFAFA",display:"flex",alignItems:"center",verticalAlign:"middle !important"},headerText:{marginLeft:"12px"},body:{display:"flex",alignItems:"center",padding:"26px 0",flexWrap:"wrap"}},GroupBox=({heading:e,headingIcon:t,children:n})=>jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.container},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.header},{children:[t,jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",sx:styles.headerText},{children:e}))]})),jsxRuntime.exports.jsx(Box,Object.assign({sx:styles.body},{children:n}))]})),SchemaVersions=({schemaVersions:e,selectedVersionIndexes:n,onCheck:i})=>jsxRuntime.exports.jsx(GroupBox,Object.assign({heading:"Versions",headingIcon:jsxRuntime.exports.jsx(default_1,{sx:{verticalAlign:"middle",paddingBottom:"3px"}})},{children:map_1(e,(e,t)=>jsxRuntime.exports.jsx(FormControlLabel,{"data-test":"engine-center-new.schemas.version-option-label-"+t,sx:{width:"100%",padding:"4px 0 4px 54px",alignItems:"center"},control:jsxRuntime.exports.jsx(Checkbox,{"data-test":"engine-center-new.schemas.version-option-checkbox-"+t,checked:includes_1(n,t),name:e.id,value:t,onChange:i}),label:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.version-label.{idPostfix}",defaultMessage:"{label}",description:"Version option label",values:{label:`Version ${e.majorVersion}.`+e.minorVersion,idPostfix:e.majorVersion+"."+e.minorVersion}})},e.id))})),headerStyles={display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},SchemaFormHeader=({name:e,hidePanel:t})=>jsxRuntime.exports.jsxs(Box,Object.assign({sx:headerStyles},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-center-new-schemas-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.form-title",defaultMessage:"{label}",description:"Label for title of the form",values:{label:e}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),appBarHeight=55,borderBottom=5,containerStyles={justifyContent:"space-between",flexDirection:"column",height:`calc(100vh - ${appBarHeight}px - ${borderBottom}px)`,display:"flex"},addButtonStyles={flexGrow:1,display:"flex",justifyContent:"flex-end",alignItems:"flex-end",padding:"0px 20px 20px 20px"},SchemasForm=({hidePanel:t,name:e,isEdit:i,editId:n,schemaType:s})=>{const r=useDispatch(),a=react.exports.useRef(null);var o=useSelector(preferredLanguageSelector);const l=AIWareFormatMessage(o),c=useSelector(selectIsFetchingDataRegistries),u=useSelector(selectDataRegistries),d=useSelector(s===SchemaIO.Input?selectInputSchemas:selectOutputSchemas),[p,m]=react.exports.useState([]),[g,h]=react.exports.useState(null),[f,x]=react.exports.useState([]),[y,b]=react.exports.useState([]),[j,v]=react.exports.useState(-1),[S,k]=react.exports.useState(""),[w,E]=react.exports.useState(null),R=(react.exports.useEffect(()=>{!c&&isEmpty_1(u)&&r(actions.engineFormState.fetchDataRegistries())},[]),react.exports.useEffect(()=>{var e=map_1(u,(e,t)=>{t={label:get_1(e,"name",""),index:t};return e.id===n&&h(t),t});m(e)},[u]),react.exports.useEffect(()=>{isEmpty_1(g)||(k(g.label),E(g),v(g.index))},[p]),()=>{b([]),x([]),b([]),v(-1),E(null)});react.exports.useEffect(()=>{if(0<=j){var e=get_1(u,`[${j}].schemas.records`,[]);if(x(e),i){let t=0;const n=map_1(d,e=>e.id);e=flatMap_1(e,e=>includes_1(n,e.id)?[t++]:(t++,[]));b(e)}else b([0])}else R()},[j]);return jsxRuntime.exports.jsxs(Box,Object.assign({sx:containerStyles},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,padding:5,spacing:5,justifyContent:"flex-start",alignItems:"flex-start","data-test":"engine-center-new-schemas-form-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaFormHeader,{name:e,hidePanel:t})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaAutocomplete,{ref:a,disabled:i,options:p,value:w,inputValue:S,onChange:(e,t)=>{var n=get_1(t,"index",-1);v(n),E(t)},onInputChange:(e,t)=>{k(t)}})})),0<=j&&jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,"data-test":"engine-center-new-schema-versions"},{children:jsxRuntime.exports.jsx(SchemaVersions,{schemaVersions:f,selectedVersionIndexes:y,onCheck:e=>{const t=toNumber_1(e.target.value);includes_1(y,t)?(e=y,remove_1(e,e=>e===t),b([...e])):(e=[...y,t],b(e))}})}))]})),jsxRuntime.exports.jsx(Box,Object.assign({sx:addButtonStyles},{children:jsxRuntime.exports.jsx(Button,Object.assign({disabled:isEmpty_1(y)||j<0,variant:"contained",color:"primary","data-test":"engine-center-new-schemas-button-submit",onClick:()=>{var e=map_1(y,e=>{e=get_1(u,`[${j}].schemas.records[${e}]`);return{id:e.id,dataRegistryId:e.dataRegistryId,dataRegistryName:u[j].name,majorVersion:e.majorVersion,minorVersion:e.minorVersion}});r(actions.engineFormState.addSchemas({schemas:e,schemaType:s})),i?(r(actions.engineFormState.updateSchemas({updatedSchemas:e,schemaType:s,dataRegistryId:u[j].id})),t()):(r(showMessage({content:l({id:"engine-center-new.snackbar.addSchemaSuccess",defaultMessage:[{type:0,value:"Added schema to engine successfully."}]}),severity:MessageSeverity.Info})),R(),(e=a.current.getElementsByClassName("MuiAutocomplete-clearIndicator")[0])&&e.click())}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-schemas.submit-button-label",defaultMessage:"{label}",description:"Submit Schemas",values:{label:i?"Update":"Add"}})}))}))]}))},SchemasFormPanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(SchemasForm,{name:e.name,hidePanel:e.hidePanel,isEdit:e.isEdit,editId:e.editId,schemaType:e.schemaType})})})}));var index_esm=Object.freeze({__proto__:null,EngineCenterCustomFieldsForm:EngineCenterCustomFieldsForm,EngineCenterNew:EngineCenterNew,GenericSelect:GenericSelect,Heading:Heading,InputCheckbox:InputCheckbox,InputRadioGroup:InputRadioGroup,InputSelect:InputSelect,InputText:InputText,InputTypeFlyout:InputTypeFlyout,InputTypeMarkdown:InputTypeMarkdown$1,InputTypeMarkdownControlled:InputTypeMarkdown$1,Number:Number$1,Picklist:Picklist,PreviewMarkdown:PreviewMarkdown,SchemaOrText:SchemaOrText,SchemasFormPanel:SchemasFormPanel,actions:actions,getSignedWritableUrl:getSignedWritableUrl,types:index,uploadFileToS3:uploadFileToS3,useUseCaseStyles:useStyles$8,ListField:ListField});export{Heading as H,InputTypeMarkdown$1 as I,ReactMarkdown as R,SchemaOrText as S,actions as a,InputText as b,InputSelect as c,InputCheckbox as d,InputRadioGroup as e,uploadFileToS3 as f,getSignedWritableUrl as g,index_esm as h,index as i,join_1 as j,lowerCase_1 as l,orderBy_1 as o,set_1 as s,useStyles$8 as u};
+    }`,variables:{type:t}},e))}),createEngine=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="createEngine";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation createEngine ($input: CreateEngine!) {\n      createEngine (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:n},operationName:e},t)))[e]}),updateEngine$1=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="updateEngine";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation updateEngine ($input: UpdateEngine!) {\n      updateEngine (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:n},operationName:e},t)))[e]}),getEngineDetails=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="getEngineDetails";return(yield baseGraphQLApiWithError(Object.assign({query:"\n  query getEngineDetails ($id: ID!) {\n    engine (id: $id){\n      id,\n      name,\n      category {\n        id,\n        name,\n        class {\n          id,\n          name\n        }\n      },\n      deploymentModel,\n      isPublic,\n      description,\n      price,\n      edgeVersion,\n      fields {\n        max,\n        min,\n        step,\n        type,\n        info,\n        name,\n        label,\n        options {\n          key,\n          value\n        },\n        defaultValue,\n        defaultValues,\n        required\n      },\n      inputSchemas {\n        records {\n          id\n          dataRegistryId\n          dataRegistry {\n            name\n          }\n          majorVersion\n          minorVersion\n        }\n      }\n      outputSchemas {\n        records {\n          id\n          dataRegistryId\n          dataRegistry {\n            name\n          }\n          majorVersion\n          minorVersion\n        }\n      }\n      iconPath,\n      logoPath,\n      libraryRequired,\n      createsTDO,\n      useCases,\n      industries,\n      manifest,\n      testingDetails {\n        email,\n        mediaFileUri,\n        customFields,\n        isCertified,\n        buildIdCertified,\n        dataCertified\n      },\n      jwtRights,\n      standaloneJobTemplates {\n        type,\n        template,\n      }\n      distributionType\n      website\n      gpuSupported\n      cpuResourceMcpu\n      entityTags {\n        tagKey\n      }\n    }\n  }\n  ",variables:{id:n},operationName:e},t))).engine});function getSignedWritableUrl(t,n){return __awaiter(this,void 0,void 0,function*(){var e="getSignedWritableUrl";return(yield baseGraphQLApiWithError(Object.assign({query:"query getSignedWritableUrl($name: String!) {\n    getSignedWritableUrl(key: $name) {\n      bucket,\n      expiresInSeconds,\n      getUrl,\n      key,\n      unsignedUrl,\n      url,\n    }\n  }",variables:{name:n},operationName:e},t)))[e]})}function uploadFileToS3(n,i,{onProgress:s,onError:r,onAbort:a,onUpload:o}){return __awaiter(this,void 0,void 0,function*(){const e=new XMLHttpRequest;e.upload.onload=()=>{o&&o(`The upload is completed: ${e.status} `+e.response)},e.upload.onerror=()=>{r&&r("Upload failed.")},e.upload.onabort=()=>{a&&a("Upload cancelled.")},e.upload.onprogress=e=>{s&&s(e.loaded/e.total*100)},e.open("PUT",n.url,!0),e.setRequestHeader("Content-Type",i.type);var t=yield(yield fetch(i.previewUrl)).blob();return e.send(t),e})}const getDataRegistries=(t,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="getDataRegistries";return yield baseGraphQLApiWithError(Object.assign({query:"query getDataRegistries ($name: String) {\n      dataRegistries(name: $name, limit: 9999) {\n        records {\n          id\n          name\n          schemas {\n            records {\n              id\n              dataRegistryId\n              majorVersion\n              minorVersion\n            }\n          }\n        }\n      }\n    }",variables:{name:n},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status;var uiState=Object.freeze({__proto__:null,selectUIStateStatus:selectUIStateStatus});const selectEngine=e=>e[namespace].engineFormState.engine,selectCustomFields=e=>e[namespace].engineFormState.engine.customFields,selectStep=e=>e[namespace].engineFormState.step,selectFormValidations=e=>e[namespace].engineFormState.formValidations,selectFormStatus=e=>e[namespace].engineFormState.formStatus,selectEngineCapability=e=>e[namespace].engineFormState.engine.capability,selectEngineClass=e=>e[namespace].engineFormState.engine.class,selectEngineMode=e=>e[namespace].engineFormState.engine.mode,selectEngineFlag=e=>e[namespace].engineFormState.engine.distributionType,selectDeploymentModel=e=>e[namespace].engineFormState.engine.deploymentModel,selectEntityTags=e=>e[namespace].engineFormState.engine.entityTags,selectUiInfo=e=>e[namespace].engineFormState.uiInfo,selectStandaloneJobTemplates=e=>e[namespace].engineFormState.engine.standaloneJobTemplates,selectIsLoadingExistingEngineData=e=>lodash.exports.pick(e[namespace].engineFormState,"isLoadingExistingEngineData"),selectIsEditForm=e=>lodash.exports.pick(e[namespace].engineFormState,"isEditForm"),selectIsResumeSession=e=>lodash.exports.get(e[namespace].engineFormState,"isResumeSession"),selectInputSchemas=e=>e[namespace].engineFormState.engine.inputSchemas,selectOutputSchemas=e=>e[namespace].engineFormState.engine.outputSchemas,selectDataRegistries=e=>e[namespace].engineFormState.dataRegistries,selectIsFetchingDataRegistries=e=>e[namespace].engineFormState.isFetchingDataRegistries;var engineFormState=Object.freeze({__proto__:null,selectEngine:selectEngine,selectCustomFields:selectCustomFields,selectStep:selectStep,selectFormValidations:selectFormValidations,selectFormStatus:selectFormStatus,selectEngineCapability:selectEngineCapability,selectEngineClass:selectEngineClass,selectEngineMode:selectEngineMode,selectEngineFlag:selectEngineFlag,selectDeploymentModel:selectDeploymentModel,selectEntityTags:selectEntityTags,selectUiInfo:selectUiInfo,selectStandaloneJobTemplates:selectStandaloneJobTemplates,selectIsLoadingExistingEngineData:selectIsLoadingExistingEngineData,selectIsEditForm:selectIsEditForm,selectIsResumeSession:selectIsResumeSession,selectInputSchemas:selectInputSchemas,selectOutputSchemas:selectOutputSchemas,selectDataRegistries:selectDataRegistries,selectIsFetchingDataRegistries:selectIsFetchingDataRegistries});const selectIcon=e=>e[namespace].iconUploadState.file;var icon=Object.freeze({__proto__:null,selectIcon:selectIcon});const selectEngineClasses=e=>e[namespace].engineClassesState.engineClasses;var classes=Object.freeze({__proto__:null,selectEngineClasses:selectEngineClasses});const selectApiConfigs$1=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,n)=>({apiRoot:e,graphQLEndpoint:t,token:n}));var TAB_CAPTURE_MODE,selectors=Object.freeze({__proto__:null,selectApiConfigs:selectApiConfigs$1,uiState:uiState,engineFormState:engineFormState,iconUploadState:icon,engineClassesState:classes});const supportedEngineFields=["id","name","categoryId","deploymentModel","isPublic","description","distributionType","price","edgeVersion","fields","iconPath","logoPath","libraryRequired","createsTDO","useCases","industries","manifest","testingDetails","jwtRights","standaloneJobTemplates","cpuResourceMcpu","gpuSupported","website"],formatEngine=t=>{var e;if(!isEngineDeploymentModel(t.deploymentModel))throw new Error("Empty deployment model not allowed!");const n={name:t.name,isPublic:t.isPublic,libraryRequired:t.libraryRequired||!1,createsTDO:t.createsTDO||!1,industries:t.industries||[],categoryId:t.capability.id,deploymentModel:t.deploymentModel,distributionType:t.distributionType,edgeVersion:t.edgeVersion||3,standaloneJobTemplates:[],manifest:{engineMode:t.mode,supportedInputTypes:lodash.exports.map(t.supportedInputTypes,e=>e.mimeType)},fields:[],useCases:[t.markdown],schemas:[],entityTags:t.entityTags||[]};supportedEngineFields.forEach(e=>{"standaloneJobTemplates"===e||lodash.exports.isNil(t[e])||(n[e]=t[e])}),t.customFields&&(n.fields=t.customFields),null!=(e=t.capability)&&e.id&&(n.categoryId=t.capability.id),t.standaloneJobTemplates.upload&&n.standaloneJobTemplates.push({type:"Upload",template:t.standaloneJobTemplates.upload,templateLanguage:"Handlebars"}),t.standaloneJobTemplates.reprocess&&n.standaloneJobTemplates.push({type:"Reprocess",template:t.standaloneJobTemplates.reprocess,templateLanguage:"Handlebars"});let i=[],s=[...t.outputSchemas];return lodash.exports.isEmpty(t.inputSchemas)||(i=lodash.exports.map(t.inputSchemas,e=>{var t=lodash.exports.findIndex(s,{id:e.id});return 0<=t?(lodash.exports.pullAt(s,t),{schemaId:e.id,ioType:SchemaIO.Both}):{schemaId:e.id,ioType:SchemaIO.Input}})),lodash.exports.isEmpty(s)||(s=lodash.exports.map(s,e=>({schemaId:e.id,ioType:SchemaIO.Output})),i=lodash.exports.concat(i,s)),n.schemas=i,n};function*createNewEngine(e){var t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t||"en"),{engine:e,openBuildPanel:n=!1}=e.payload,i=yield select(selectApiConfigs$1);try{var s=formatEngine(e),r=yield call(createEngine,i,s),a=(yield put(actions.engineFormState.createEngineSuccess(r.id)),localStorage.removeItem("engineOnboardingSession"),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineCreateSuccess",defaultMessage:[{type:0,value:"Engine successfully created"}]}),severity:MessageSeverity.Success})),n?"ENGINE_CENTER_NEW_BUILD":"ENGINE_CENTER_DETAILS"),o={name:a,config:{engineId:r.id}};yield put(mountPanel({panelId:a,microFrontend:o,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge"}})),yield put(unmountPanel("ENGINE_CENTER_NEW"))}catch(e){yield put(actions.engineFormState.createEngineFailed(e.message)),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineOnboardingFailed",defaultMessage:[{type:0,value:"Engine onboarding failed"}]}),severity:MessageSeverity.Error}))}}function*watchNewEngineCreateStart(){yield takeLatest$1(actions.engineFormState.createEngineStart.type,createNewEngine)}const newEngineSagas=[fork(watchNewEngineCreateStart)],root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*uploadIcon(t){const n=t.payload.file;t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);try{var e=yield call(getUrlBucket,n.name);const s=Object.assign(Object.assign({},n),{status:IconImportStatus.Uploading,percentComplete:0,expiresInSeconds:e.expiresInSeconds,getUrl:e.getUrl,key:e.key,unsignedUrl:e.unsignedUrl,url:e.url}),r=(yield put(actions.iconUploadState.updateIcon(s)),e=>{fileUploadChannel.put(actions.iconUploadState.updateIcon(Object.assign({id:n.id},e)))});var i=yield uploadFileToS3(e,n,{onProgress:e=>{r({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{r({status:IconImportStatus.Aborted}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),s)},onError:e=>{r({status:IconImportStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),s)},onUpload:e=>{r({status:IconImportStatus.Uploaded}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,s)}});root.xhrInstances[n.id]=i,yield put(actions.iconUploadState.uploadIconSuccess()),yield put(actions.engineFormState.updateEngineFormField({field:"iconPath",value:s.getUrl}))}catch(e){yield put(actions.iconUploadState.uploadIconFailed(e.message)),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.iconUploadFail",defaultMessage:[{type:0,value:"Icon upload failed, please try again."}]}),severity:MessageSeverity.Error}))}}function*getUrlBucket(e){var t=yield select(selectApiConfigs$1);return yield call(getSignedWritableUrl,t,e)}function*watchUploadIconStart(){yield takeLatest$1(actions.iconUploadState.uploadIconStart.type,uploadIcon)}function*watchProgressChannel(){var e=yield take(fileUploadChannel);yield put(e)}const selectApiConfigs=selectors["selectApiConfigs"];function sortEngineClasses(e){const t=lodash.exports.get(e,"engineCategories.records").reduce((e,t)=>(t.class&&(e[t.class.name]?e[t.class.name].capabilities.push(t):e[t.class.name]=Object.assign(Object.assign({},t.class),{capabilities:[t]})),e),{}),n={};return Object.keys(t).sort().forEach(e=>{n[e]=t[e],t[e].formName="class",t[e].shortDescription=t[e].description.toString().split(".")[0]}),n}function*getEngineClassesSaga(e){var t=yield select(selectApiConfigs),e=e.payload,n=yield select(preferredLanguageSelector),n=AIWareFormatMessage(n);try{var i=sortEngineClasses(yield call(getClasses,t,e));yield put(actions.engineClassesState.getEngineClassesSuccess(i))}catch(e){yield put(actions.engineClassesState.getEngineClassesFailed(e.message)),yield put(showMessage({content:n({id:"os-engine-center-new.engine-classes.getEnginesClassesFail",defaultMessage:[{type:0,value:"Getting engine classes failed."}]}),severity:MessageSeverity.Error}))}}function*watchGetEngineClasses(){yield takeLatest$1(actions.engineClassesState.getEngineClassesStart.type,getEngineClassesSaga)}const decodeEngine=e=>({id:e.id,name:e.name,distributionType:e.distributionType,description:e.description,class:e.category.class.name,deploymentModel:e.deploymentModel,isPublic:e.isPublic,libraryRequired:e.libraryRequired,createsTDO:e.createsTDO,industries:e.industries,edgeVersion:e.edgeVersion,iconPath:e.iconPath,website:e.website,customFields:e.fields,inputTypes:[],isTrainable:!1,standaloneJobTemplates:lodash.exports.fromPairs(lodash.exports.map(e.standaloneJobTemplates,e=>[e.type.toLowerCase(),e.template.template])),capability:{name:e.category.name,id:e.category.id},mode:e.manifest.engineMode,supportedInputTypes:lodash.exports.map(e.manifest.supportedInputTypes,t=>{var e=lodash.exports.find(DEFAULT_ACCEPTABLE_FILE_TYPES,e=>lodash.exports.includes(e.extensions,t));return{name:e.name,type:e.type,mimeType:t}}),markdown:lodash.exports.isEmpty(e.useCases)?"":e.useCases[0],inputSchemas:lodash.exports.map(lodash.exports.get(e.inputSchemas,"records"),e=>({id:e.id,dataRegistryId:e.dataRegistryId,dataRegistryName:lodash.exports.get(e,"dataRegistry.name"),majorVersion:e.majorVersion,minorVersion:e.minorVersion})),outputSchemas:lodash.exports.map(lodash.exports.get(e.outputSchemas,"records"),e=>({id:e.id,dataRegistryId:e.dataRegistryId,dataRegistryName:lodash.exports.get(e,"dataRegistry.name"),majorVersion:e.majorVersion,minorVersion:e.minorVersion})),cpuResourceMcpu:e.cpuResourceMcpu,gpuSupported:e.gpuSupported,entityTags:e.entityTags});function*editEngine(e){e=yield queryEngineDetails(e.payload);yield put(actions.engineFormState.setEditEngineExistingData(decodeEngine(e)))}function*queryEngineDetails(e){var t=yield select(selectApiConfigs$1);return yield call(getEngineDetails,t,e)}function*updateEngine(e){var t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t||"en"),{engine:e,openBuildPanel:n=!1}=e.payload,i=yield select(selectApiConfigs$1);try{var s=lodash.exports.omit(formatEngine(e),"createsTDO"),r=yield call(updateEngine$1,i,s),a=(yield put(actions.engineFormState.createEngineSuccess(r.id)),localStorage.removeItem("engineOnboardingSession"),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineUpdateSuccess",defaultMessage:[{type:0,value:"Engine successfully updated"}]}),severity:MessageSeverity.Success})),n?"ENGINE_CENTER_NEW_BUILD":"ENGINE_CENTER_DETAILS"),o={name:a,config:{engineId:r.id}};yield put(mountPanel({panelId:a,microFrontend:o,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge"}})),yield put(unmountPanel("ENGINE_CENTER_NEW"))}catch(e){yield put(actions.engineFormState.createEngineFailed(e.message)),yield put(showMessage({content:t({id:"os-engine-center-new.snackbar.engineOnboardingFailed",defaultMessage:[{type:0,value:"Engine onboarding failed"}]}),severity:MessageSeverity.Error}))}}function*watchEditEngine(){yield takeLatest$1(actions.engineFormState.editEngine.type,editEngine)}function*watchUpdateEngineStart(){yield takeLatest$1(actions.engineFormState.updateEngineStart.type,updateEngine)}const editEngineSagas=[fork(watchEditEngine),fork(watchUpdateEngineStart)];function*updateLocalStorage(){var e=engineFormState["selectEngine"],e=yield select(e);window.localStorage.setItem("engineOnboardingSession",JSON.stringify(e))}function*watchEngineForm(){var e=actions["engineFormState"],e=[e.updateEngineFormField.type,e.updateCapability.type,e.addCustomField.type,e.updateCustomField.type,e.removeCustomField.type,e.clearCustomFields.type,e.addSchemas.type,e.removeSchema.type,e.updateSchemas.type,e.clearSchemas.type];yield takeLatest$1(e,updateLocalStorage)}const updateEngineFormSagas=[fork(watchEngineForm)];function*fetchDataRegistries(){var e=yield select(selectApiConfigs$1);try{var t=yield call(getDataRegistries,e),n=get_1(t,"dataRegistries.records",[]),i=map_1(n,e=>Object.assign(Object.assign({},e),{name:trim_1(e.name)})),s=sortBy_1(i,[e=>lowerCase_1(e.name)]);yield put(actions.engineFormState.fetchDataRegistriesSucceeded({dataRegistries:s}))}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.engineFormState.fetchDataRegistriesFailed())}}function*watchFetchDataRegistries(){yield takeLatest$1([actions.engineFormState.fetchDataRegistries],fetchDataRegistries)}const dataRegistriesSagas=[fork(watchFetchDataRegistries)];function*rootSaga(){yield all$2([watchUploadIconStart(),watchProgressChannel(),watchGetEngineClasses(),...editEngineSagas,...updateEngineFormSagas,...newEngineSagas,...dataRegistriesSagas])}function getEngineCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useEngineDescriptionStyles=makeStyles()(e=>({container:{padding:e.spacing(6),justifyContent:"space-around","& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},textInput:{padding:14.5},labelRow:{display:"flex",gap:e.spacing(2),alignItems:"flex-end"},optional:{fontSize:10,marginBottom:e.spacing(1)},select:{"& > div":{fontWeight:400,width:"280px"}}})),useIconImporterStyles=makeStyles()(e=>({iconBox:{display:"flex",justifyContent:"center",alignItems:"center",width:200,height:200,padding:e.spacing(3),border:"1px dashed #D5DFE9",borderRadius:5,transition:"all .2s ease","&:hover":{border:"1px solid #dde6ee"}},innerBox:{position:"relative",background:"#F5F5F5",width:"100%",height:"100%",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center",transition:"all .2s ease","&:hover":{background:"#dde6ee"}},fileInput:{display:"none"},addIcon:{color:"#555F7C",height:42,width:42,"&:hover":{color:"#555F7C"}},iconPreview:{objectFit:"cover",borderRadius:5,width:"100%",maxHeight:"100%"},removeIcon:{position:"absolute",top:10,right:10}})),useDragAndDrop=({acceptedFileTypes:r})=>{const t=react.exports.useRef(),e=react.exports.useRef(),a=useIntl(),o=useDispatch();var n=useSelector(preferredLanguageSelector);const l=AIWareFormatMessage(n),i=react.exports.useCallback(e=>{var t,n,i,s;e&&(r.includes(e.type)?5e6<=e.size?o(showMessage({content:a.formatMessage({id:"os-engine-center-new.snackbar.unsupportedFileSize",defaultMessage:[{type:0,value:"File file size must be less than 5 MB"}]}),severity:MessageSeverity.Warning})):({name:t,size:n,type:i}=e,s=URL.createObjectURL(e),s={id:guid(),previewUrl:s,name:t,size:n,type:i},o(actions.iconUploadState.uploadIconStart({file:s}))):o(showMessage({content:l({id:"os-engine-center-new.snackbar.unsupportedFileType",defaultMessage:[{type:1,value:"type"},{type:0,value:" is not a supported image type."}]},{type:e.type}),severity:MessageSeverity.Warning})))},[r,o]),s=react.exports.useCallback(e=>{e.preventDefault();e=e.dataTransfer.files[0];i(e)},[i]);const c=e=>{e.preventDefault()};return react.exports.useEffect(()=>{const e=t.current;return e.addEventListener("drop",s),()=>{e.removeEventListener("drop",s)}},[s]),react.exports.useEffect(()=>{const e=t.current;return e&&(e.addEventListener("dragover",c),e.addEventListener("dragleave",c)),()=>{e.removeEventListener("dragover",c),e.removeEventListener("dragleave",c)}},[]),{dropZoneRef:t,fileInputRef:e,handleRemoveFile:e=>{e.stopPropagation(),o(actions.iconUploadState.deleteLocalIcon()),o(actions.engineFormState.updateEngineFormField({field:"iconPath",value:""}))},handleOpenFilePicker:()=>{e.current.click()},handleIconSelect:e=>{e=e.target.files[0];i(e)}}},acceptedFileTypes=["image/jpeg","image/png","image/gif","image/svg+xml"],IconImporter=({iconPath:e})=>{var t=useSelector(selectIcon),n=useIconImporterStyles()["classes"],{dropZoneRef:i,fileInputRef:s,handleRemoveFile:r,handleIconSelect:a,handleOpenFilePicker:o}=useDragAndDrop({acceptedFileTypes:acceptedFileTypes});return jsxRuntime.exports.jsx("div",Object.assign({className:n.iconBox,ref:i,"data-test":"engine-description-icon-dropzone"},{children:e||null!=t&&t.previewUrl?jsxRuntime.exports.jsxs("div",Object.assign({className:n.innerBox,style:{backgroundColor:"transparent"}},{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"engine-description-icon-remove",className:n.removeIcon,size:"small",onClick:r},{children:jsxRuntime.exports.jsx(default_1$6,{})})),jsxRuntime.exports.jsx("img",{src:(null==t?void 0:t.previewUrl)||e,alt:(null==t?void 0:t.name)||"Icon",className:n.iconPreview,"data-test":"engine-description-icon-preview"})]})):jsxRuntime.exports.jsxs(Button,Object.assign({className:n.innerBox,onClick:o},{children:[jsxRuntime.exports.jsx("input",{type:"file",ref:s,className:n.fileInput,onChange:a}),jsxRuntime.exports.jsx(default_1$2,{className:n.addIcon})]}))}))},renderErrorMessage=(e,{type:t,message:n})=>{let i="There is an error with this field";if(isEmpty_1(n))switch(t){case"required":i="This field is required";break;case"min":i="This field must be at least "+e.min;break;case"max":i="This field must be at most "+e.max;break;case"minLength":i=`This field must be at least ${e.minLength} characters`;break;case"maxLength":i=`This field must be at most ${e.maxLength} characters`;break;case"pattern":i="This field must match the pattern "+e.pattern}else i=n;return jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.errorMessage",defaultMessage:"{errorMessage}",description:"Error message",values:{errorMessage:i}})},InputText=react.exports.forwardRef((e,n)=>{var{name:t,label:i,placeholder:s,rules:r,callFieldOnChange:a=!0,onChange:o}=e,l=__rest(e,["name","label","placeholder","rules","callFieldOnChange","onChange"]),e=useFormContext()["control"];const c=useIntl();return jsxRuntime.exports.jsx(Controller,{name:t,control:e,rules:r,render:({field:t,fieldState:{error:e}})=>jsxRuntime.exports.jsx(TextField,Object.assign({},t,{inputRef:n,label:isNil_1(i)?"":c.formatMessage({id:"/Users/rvance/dev/aiware-js-sdk/libs/os/engine-center/new/src/helpers/FormComponents/.cDzoLl",defaultMessage:[{type:1,value:"label"}]},{label:i}),error:!isNil_1(e),helperText:e?renderErrorMessage(r,e):null,onChange:e=>{a&&t.onChange(e),null!=o&&o(e)},placeholder:isNil_1(s)?"":c.formatMessage({id:"/Users/rvance/dev/aiware-js-sdk/libs/os/engine-center/new/src/helpers/FormComponents/.BYW0j2",defaultMessage:[{type:1,value:"placeholder"}]},{placeholder:s})},l))})}),InputSelect=e=>{var{disabled:n,name:t,rules:i,variant:s="outlined",children:r,className:a,callFieldOnChange:o=!0,onChange:l,fullWidth:c=!1}=e,u=__rest(e,["disabled","name","rules","variant","children","className","callFieldOnChange","onChange","fullWidth"]),e=useFormContext()["control"];return jsxRuntime.exports.jsx(Controller,{control:e,name:t,rules:i,render:({field:t,fieldState:{error:e}})=>jsxRuntime.exports.jsxs(FormControl,Object.assign({disabled:n,className:a,variant:s,error:!isNil_1(e),fullWidth:c},{children:[jsxRuntime.exports.jsx(Select,Object.assign({},t,u,{onChange:e=>{o&&t.onChange(e),null!=l&&l(e)}},{children:r})),e&&i&&jsxRuntime.exports.jsx(FormHelperText$2,{children:renderErrorMessage(i,e)})]}))})},InputCheckbox=e=>{var{name:t,label:n,value:i,rules:s,callFieldOnChange:r=!0,onChange:a}=e,o=__rest(e,["name","label","value","rules","callFieldOnChange","onChange"]),{control:e,formState:{errors:l}}=useFormContext();return jsxRuntime.exports.jsxs(FormControl,Object.assign({error:has_1(l,t)},{children:[jsxRuntime.exports.jsx(FormControlLabel,{label:n,control:jsxRuntime.exports.jsx(Controller,{name:t,control:e,rules:s,render:({field:t})=>jsxRuntime.exports.jsx(Checkbox,Object.assign({},t,{value:i,onChange:e=>{r&&t.onChange(e),null!=a&&a(e)},checked:t.value},o))})}),has_1(l,t)&&s&&jsxRuntime.exports.jsx(FormHelperText$2,{children:renderErrorMessage(s,null==l?void 0:l[t])})]}))},InputRadioGroup=react.exports.forwardRef(e=>{var{name:t,rules:n,children:i,callFieldOnChange:s=!0,onChange:r}=e,a=__rest(e,["name","rules","children","callFieldOnChange","onChange"]),e=useFormContext()["control"];return jsxRuntime.exports.jsx(Controller,{name:t,control:e,rules:n,render:({field:t,fieldState:{error:e}})=>jsxRuntime.exports.jsxs(FormControl,Object.assign({error:!isNil_1(e)},{children:[jsxRuntime.exports.jsx(RadioGroup,Object.assign({},t,a,{onChange:e=>{s&&t.onChange(e),null!=r&&r(e)}},{children:i})),e&&n&&jsxRuntime.exports.jsx(FormHelperText$2,{children:renderErrorMessage(n,e)})]}))})}),useStyles$a=makeStyles()(e=>({checked:{color:"#6098D1"},rootSelectedForm:{padding:"0px !important"},rootSelectForm:{padding:"10px !important","&:hover":{background:"#F7F7F7"}},iconStyle:{marginRight:"5px"},iconComponent:{top:"20px"},iconBackground:{display:"inline-block",height:"32px",borderRadius:"32px",width:"32px",background:"#F2F5F9",marginRight:"15px",paddingLeft:"8px",paddingTop:"6px",marginLeft:"5px"},itemIcons:{verticalAlign:"middle"},itemIconsRow:{position:"absolute",top:"0px"},iconBackgroundSelected:{display:"inline-block",height:"25px",borderRadius:"25px",width:"25px",minHeight:"25px",minWidth:"25px",background:e.palette.primary.main,marginRight:"15px",paddingLeft:"7px",paddingTop:"7px",marginLeft:"15px"},helperDescription:{fontSize:"14px",marginBottom:"20px"},menuItem:{width:"958px",padding:"10px",whiteSpace:"initial",height:"fit-content",borderBottom:"0.5px solid "+e.palette.divider,borderRadius:"0px"},optionName:{marginLeft:"0px",textAlign:"left",verticalAlign:"top"},optionNameRow:{marginLeft:"50px"},summary:{fontSize:11,textTransform:"none",width:"900px"},selectForm:{width:"250px",fontWeight:"bold",fontSize:"18px"},selectedForm:{background:"#FAFAFA",width:"960px !important",fontWeight:"bold",fontSize:"18px"},selectedName:{textTransform:"capitalize",background:"#EEF3F9",width:"auto",height:"56px",lineHeight:"56px",fontWeight:"bold"},ul:{listStyle:"none"},selectedDescription:{fontSize:"12px",marginBottom:"10px"},classSelectedBox:{padding:"20px 32px",textOverflow:"wrap",fontSize:"12px",whiteSpace:"initial",wordWrap:"break-word",border:"1px solid "+e.palette.divider,borderTop:"none",lineHeight:"16px"},inputSelectCaption:{fontSize:"12px",fontWeight:600,marginTop:"16px",marginBottom:"11px"},inputSelect:{width:"228px",fontWeight:400,fontSize:"14px"},textInput:{paddingLeft:"15px",paddingTop:"12px",paddingBottom:"12px",fontWeight:400,fontSize:"14px"},selectionName:{marginLeft:"20px"},selectionDescription:{paddingLeft:"60px",marginTop:"-10px",fontSize:"12px"},icon:{textAlign:"center",height:"1rem !important",margin:"0 3px"}})),HelpDocs=({className:e,helpLink:t,sx:n})=>{const i=useDispatch();var s=useSelector(preferredLanguageSelector);const r=AIWareFormatMessage(s);return jsxRuntime.exports.jsx(default_1$1,{className:e,onClick:()=>{has_1(window,"aiware.helpCenter.openDocsPanel")?(window.aiware.helpCenter.openDocsPanel(t,!1),setTimeout(()=>{window.aiware.helpCenter.openDocsPanel(t,!1)},0)):i(showMessage({content:r({id:"os-engine-center-new.snackbar.helpCenterUnavailable",defaultMessage:[{type:0,value:"Help Center is not currently available."}]}),severity:MessageSeverity.Warning}))},sx:n,style:{cursor:"pointer"},color:"secondary"})},Heading=({testName:e,title:t,description:n,helpLink:i})=>{var s=useStyles$a()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({"data-test":e+"-title",style:{fontWeight:"bold"},variant:"h5"},{children:[t,!isNil_1(i)&&jsxRuntime.exports.jsx(HelpDocs,{className:s.icon,helpLink:i})]})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":e+"-description",className:s.helperDescription},{children:n}))]})},Dropdown=({disabled:e,menuItemRow:t,selectFormWidth:n,testName:i,handleSubSelectFormValue:s,handleSelectFormValue:r,selectionItems:a,iconMap:o,iconType:l,selectPlaceholder:c,selectIcon:u,selectedItem:d,selectedSubItem:p,selectFormName:m})=>{const g=useStyles$a()["classes"],h=useFormContext();return jsxRuntime.exports.jsx("div",Object.assign({style:{width:n},className:d?g.selectedForm:g.selectForm},{children:jsxRuntime.exports.jsxs(FormControl,Object.assign({disabled:e,fullWidth:!0,variant:"outlined"},{children:[jsxRuntime.exports.jsx(InputSelect,Object.assign({disabled:e,name:m,rules:{required:!0},displayEmpty:!0,"data-test":i+"-select-form",IconComponent:()=>jsxRuntime.exports.jsx(UpDown,{className:g.iconStyle}),classes:d?{select:g.rootSelectedForm,icon:g.iconComponent}:{select:g.rootSelectForm},defaultValue:(n=isEmpty_1(d)?"":d,h.setValue(m,n),n),onChange:e=>{var t,e=e.target["value"],e=a[e];isEmpty_1(get_1(e,"capabilities"))||(t=e.capabilities[0].id+","+e.capabilities[0].name,null!=s&&s(t)),h.setValue(m,e),h.trigger(m),null!=r&&r(e)},onClick:()=>h.trigger(m),renderValue:e=>e?jsxRuntime.exports.jsxs("div",Object.assign({className:g.selectedName},{children:[jsxRuntime.exports.jsx(Icon,{classes:{root:g.iconBackgroundSelected},className:g.itemIcons,component:get_1(d,"selectedIconName")?l[d.selectedIconName]:get_1(d,"name")?l[o[d.name]+"White"]:null}),get_1(d,"formattedName")||get_1(d,"name")]})):jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6"},{children:[jsxRuntime.exports.jsx(Icon,{classes:{root:g.iconBackground},className:g.itemIcons,component:u}),c]}))},{children:a&&map_1(keys_1(a),e=>jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:"marketplace"===e,className:g.menuItem,"data-test":a[e].value||e,value:a[e].value||e},{children:[jsxRuntime.exports.jsx(Icon,{classes:{root:g.iconBackground},className:t?g.itemIconsRow:g.itemIcons,component:a[e].iconName?l[a[e].iconName]:l[o[e]]}),jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:t?g.optionNameRow:g.optionName,xs:2},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:a[e].formattedName||a[e].name})),t&&jsxRuntime.exports.jsx(Typography,Object.assign({className:g.summary},{children:a[e].description}))]})),!t&&jsxRuntime.exports.jsx(Grid$1,Object.assign({xs:9},{children:jsxRuntime.exports.jsx(Typography,Object.assign({className:g.summary,style:{whiteSpace:"initial"}},{children:a[e].shortDescription}))}))]}),a[e].value||e))})),!isEmpty_1(d)&&!isEmpty_1(d.capabilities)&&jsxRuntime.exports.jsxs(Box$1,Object.assign({className:g.classSelectedBox},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:g.selectedDescription},{children:!isEmpty_1(d)&&d.description})),jsxRuntime.exports.jsx(Typography,Object.assign({className:g.inputSelectCaption},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-dropdown.engine-category",defaultMessage:"Engine Category",description:"Engine Category"})})),jsxRuntime.exports.jsx(InputSelect,Object.assign({inputProps:{maxLength:50,className:g.textInput},className:g.inputSelect,type:"text",name:"type",disabled:1==d.capabilities.length,value:p,onChange:e=>{e=e.target.value;null!=s&&s(e)},style:{minWidth:"100%"},"data-test":i+"-sub-select-form",rules:{required:!0}},{children:map_1(d.capabilities,({id:e,name:t})=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e+","+t,color:"textSecondary","data-test":i+"-sub-select-form-"+kebabCase_1(t)},{children:t}),e))}))]}))]}))}))},GenericSelect=({disabled:e,title:t,description:n,selections:i,iconType:s,selectIcon:r,selectPlaceholder:a,testName:o,selectFormWidth:l,menuItemRow:c,iconMap:u,handleSubSelectFormValue:d,handleSelectFormValue:p,helpLink:m,selectedItem:g,selectedSubItem:h,selectFormName:f})=>jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Heading,{title:t,description:n,testName:o,helpLink:m}),jsxRuntime.exports.jsx(Dropdown,{disabled:e,selectFormName:f,selectionItems:i,iconType:s,selectIcon:r,selectPlaceholder:a,testName:o,selectFormWidth:l,menuItemRow:c,iconMap:u,handleSubSelectFormValue:d,handleSelectFormValue:p,selectedItem:g,selectedSubItem:h})]}),DistributionFlags=({engineFlags:e,handleEngineFlag:t})=>{const n=useSelector(selectEngineFlag);return jsxRuntime.exports.jsx(GenericSelect,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-flag-generic-select-title",defaultMessage:"Distribution Flags",description:"Form label for distribution flags"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-flag-generic-select-description",defaultMessage:"Add Distribution Flags for Engines | Hub.",description:"Add Distribution Flags for Engines | Hub"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-flag-generic-select-placeholder",defaultMessage:"Instance Locked",description:"Placeholder for engine flag"}),selectIcon:Bookmark,iconType:EngineFlagIcons,selections:e,handleSelectFormValue:t,testName:"os-engine-center-new.engine-flag",selectedItem:isEmpty_1(n)?null:find_1(e,{value:n}),selectFormName:"engineFlag"})},engineFlags={private:{formName:"distributionType",name:"Private",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-private",defaultMessage:"Private",description:"label for sharable"}),iconName:"Private",selectedIconName:"PrivateWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-private",defaultMessage:"Your engine will not be distributed and is private to your instance.",description:"short desc for private"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-private",defaultMessage:"Your engine will not be distributed and is private to your instance.",description:"desc for private"}),value:"private",link:""},org_locked:{formName:"distributionType",name:"Org Locked",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-org-locked",defaultMessage:"Org Locked",description:"label for Org Locked"}),iconName:"OrgLocked",selectedIconName:"OrgLockedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-org-locked",defaultMessage:"Your engine will only be distributed to instances within your organization.",description:"short desc for Org Locked"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-org-locked",defaultMessage:"Your engine will only be distributed to instances within your organization.",description:"desc for org locked"}),value:"org_locked",link:""},sharable:{formName:"distributionType",name:"Sharable",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-sharable",defaultMessage:"Sharable",description:"label for sharable"}),iconName:"Sharable",selectedIconName:"SharableWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-sharable",defaultMessage:"Your engine can be distributed to other organizations on any instance.",description:"short desc for sharable"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-sharable",defaultMessage:"Your engine can be distributed to other organizations on any instance.",description:"desc for sharable"}),value:"sharable",link:""},public:{formName:"distributionType",name:"Public",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-message-name-public",defaultMessage:"Public",description:"label for public"}),iconName:"Public",selectedIconName:"PublicWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-public",defaultMessage:"Your engine will be distributed to all instances in and outside of your organization.",description:"short desc for public"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-public",defaultMessage:"Your engine will be distributed to all instances in and outside of your organization.",description:"desc for public"}),value:"public",link:""},instance_locked:{formName:"distributionType",name:"Instance locked",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-message-instance-locked",defaultMessage:"Instance locked",description:"label for Instance locked"}),iconName:"InstanceLocked",selectedIconName:"InstanceLockedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-instance-locked",defaultMessage:"Your engine will be sharable to other organizations on your instance only.",description:"short desc for Instance locked"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-instance-locked",defaultMessage:"Your engine will be sharable to other organizations on your instance only.",description:"desc for instance locked"}),value:"instance_locked",link:""},marketplace:{formName:"distributionType",name:"Marketplace",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-formatted-name-marketplace",defaultMessage:"Marketplace",description:"label for marketplace"}),iconName:"Marketplace",selectedIconName:"MarketplaceWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-short-description-marketplace",defaultMessage:"Coming soon...",description:"short desc for marketplace"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.distribution-type-description-marketplace",defaultMessage:"Coming soon...",description:"desc for marketplace"}),value:"marketplace",link:""}},urlRegex=/^https?:\/\/[(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/,EngineDescription=({onValidate:e})=>{var t=useEngineDescriptionStyles()["classes"];const n=useDispatch(),i=useSelector(selectEngine),s=useSelector(selectIsResumeSession);var r={name:i.name,description:i.description,website:i.website,cpuResourceMcpu:i.cpuResourceMcpu,gpuSupported:i.gpuSupported,distributionType:i.distributionType};const a=useForm({mode:"onChange",defaultValues:r});react.exports.useEffect(()=>{e(a.formState.isValid)},[a.formState.isValid]),react.exports.useEffect(()=>{__awaiter(void 0,void 0,void 0,function*(){s&&(a.reset(i),setTimeout(()=>__awaiter(void 0,void 0,void 0,function*(){yield a.trigger()}),500))})},[s]);const o=(e,t)=>{n(actions.engineFormState.updateEngineFormField({field:e,value:t}))};var r=e=>{var{name:e,value:t}=e.target;o(e,t)},l=e=>{var{name:e,value:t}=e.target;a.setValue(e,t),a.trigger(e),o(e,t)};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},a,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:t.container,container:!0,rowSpacing:4,columnSpacing:10,"data-test":"engine-description"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,xs:12,sm:8,rowSpacing:4,columnSpacing:6},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.name-description-label",defaultMessage:"Name & Description",description:"Name & Description"})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,sm:8},{children:jsxRuntime.exports.jsx(InputText,{inputProps:{className:t.textInput},"data-test":"engine-description-input-name",variant:"outlined",sx:{marginBottom:3},placeholder:"Engine Name",name:"name",value:i.name,onChange:r,fullWidth:!0,rules:{required:!0,maxLength:100}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(InputText,{InputProps:{className:t.textInput},"data-test":"engine-description-input-description",variant:"outlined",placeholder:"Description",name:"description",fullWidth:!0,multiline:!0,rows:10,value:i.description,onChange:r,rules:{required:!0,maxLength:250}})})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:t.labelRow,mb:2},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.url-website-label",defaultMessage:"URL to Website",description:"URL to Website"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:t.optional},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.Uq235r",defaultMessage:" (optional)",description:" (optional)"})}))]})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:t.textInput},"data-test":"engine-description-input-website",variant:"outlined",placeholder:"Website URL",name:"website",fullWidth:!0,value:i.website,onChange:r,type:"url",rules:{pattern:{value:urlRegex,message:"Must be a valid URL including protocol."},maxLength:1e3}})]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,xs:12,sm:4,rowSpacing:4,columnSpacing:6},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:t.labelRow},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.icon-image-label",defaultMessage:"Icon",description:"Icon"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:t.optional,component:"small"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.optional-image-label",defaultMessage:" (optional)",description:" (optional)"})}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.image-recommended-label",defaultMessage:"Recommended image size:{br}300x300 .png or .jpg",description:"Recommended image size:{br} 300x300 .png or .jpg",values:{br:jsxRuntime.exports.jsx("br",{})}})})),jsxRuntime.exports.jsx(IconImporter,{iconPath:i.iconPath})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.cpu-resource-label",defaultMessage:"CPU Requirements",description:"CPU Requirements"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.cpu-requirements-label",defaultMessage:"In milli-cpu's",description:"Explanation of cpu measurement"})})),jsxRuntime.exports.jsxs(InputSelect,Object.assign({inputProps:{className:t.textInput},"data-test":"engine-description-input-cpuResourceMcpu",className:t.select,variant:"outlined",value:i.cpuResourceMcpu,defaultValue:i.cpuResourceMcpu,onChange:l,onClick:()=>a.trigger("cpuResourceMcpu"),name:"cpuResourceMcpu",fullWidth:!0,rules:{required:!0}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:512},{children:"512"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:1024},{children:"1024"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:2048,"data-test":"2048"},{children:"2048"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:4096},{children:"4096"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:8192},{children:"8192"}))]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.gpu-requirements-label",defaultMessage:"GPU Requirements",description:"GPU Requirements"})})),jsxRuntime.exports.jsxs(InputSelect,Object.assign({inputProps:{className:t.textInput},"data-test":"engine-description-input-gpuSupported",className:t.select,variant:"outlined",value:i.gpuSupported,onChange:l,onClick:()=>a.trigger("gpuSupported"),name:"gpuSupported",fullWidth:!0,displayEmpty:!0},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"none"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.input-gpu-none",defaultMessage:"None",description:"label for None"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"aws_p2"},{children:"AWS P2"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"aws_p3"},{children:"AWS P3"}))]}))]}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(DistributionFlags,{engineFlags:engineFlags,handleEngineFlag:({value:e})=>{n(actions.engineFormState.updateEngineFormField({field:"distributionType",value:e}))}})}))]}))}))},useStyles$9=makeStyles()(e=>({container:{padding:e.spacing(6),maxWidth:"100%"},divider:{width:"60rem",margin:e.spacing(5,5,1,6)},list:{width:"60rem",padding:e.spacing(6,0),marginLeft:e.spacing(6)}})),engineClassHelpLink="https://docs.veritone.com/#/developer/engines/cognitive/classes/",engineModeHelpLink="https://docs.veritone.com/#/applications/aiware-applications/developer/processing-modes",deploymentModelHelpLink="https://docs.veritone.com/#/applications/aiware-applications/developer/deployment-models",iconMap={audio:"Audio",biometrics:"Biometrics",data:"Data",speech:"Speech",text:"Text",transformation:"Transformation",vision:"Vision"},EngineClass=({engineClasses:e,handleEngineClassType:t,handleEngineCategoryType:n})=>{const i=useSelector(selectEngineClass),s=useSelector(selectEngineCapability);var r=useSelector(selectIsEditForm)["isEditForm"];return jsxRuntime.exports.jsx(GenericSelect,{disabled:r,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.z3sfba",defaultMessage:"Engine Class",description:"Form label for engine class"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.xXLLoZ",defaultMessage:"Engines are categorized based on the type of data they analyze. The major classes are provided here.",description:"Form description for engine class"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.IPwLZo",defaultMessage:"Select a Class",description:"Placeholder for engine class"}),selectIcon:Bookmark,iconType:EngineClassIcons,selections:e,handleSelectFormValue:t,handleSubSelectFormValue:n,iconMap:iconMap,testName:"os-engine-center-new.engine-class",helpLink:engineClassHelpLink,selectedItem:isEmpty_1(i)?null:find_1(e,{name:i}),selectedSubItem:isEmpty_1(s)?null:s.id+","+s.name,selectFormName:"engineClass"})},EngineMode=({engineModes:e,handleEngineModeType:t})=>{const n=useSelector(selectEngineMode);var i=useSelector(selectIsEditForm)["isEditForm"];return jsxRuntime.exports.jsx(GenericSelect,{disabled:i,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.G52MSw",defaultMessage:"Engine Mode",description:"Form label for engine mode"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.qVtbCX",defaultMessage:"Engines will generally be designed to run in one of three modes on aiWARE: Segment, Stream, or Batch.",description:"Form description for engine mode"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.VvyxXY",defaultMessage:"Choose a mode",description:"Placeholder for engine mode"}),selectIcon:Mode2,iconType:EngineModeIcons,selections:e,handleSelectFormValue:t,testName:"os-engine-center-new.engine-mode",helpLink:engineModeHelpLink,selectedItem:isEmpty_1(n)?null:find_1(e,{value:n}),selectFormName:"engineMode"})},DeploymentModel=({deploymentModels:e,handleDeploymentModelType:t})=>{const n=useSelector(selectDeploymentModel);var i=useSelector(selectIsEditForm)["isEditForm"];return jsxRuntime.exports.jsx(GenericSelect,{disabled:i,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.kpw4rJ",defaultMessage:"Deployment Model",description:"Form label for Deployment Model"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.NHOoQV",defaultMessage:"The engine deployment model tells what type of network access the engine requires. Some engines require access to resources outside the Docker runtime environment. Others do not (and thus are considered Network Isolated).",description:"Form description for Deployment Model"}),selectPlaceholder:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.Sr2aUm",defaultMessage:"Choose a Deployment Model",description:"Placeholder for Deployment Model"}),selectIcon:Mode2,iconType:DeploymentModelIcons,selections:e,handleSelectFormValue:t,testName:"os-engine-center-new.deployment-model",selectFormWidth:"320px",menuItemRow:!0,helpLink:deploymentModelHelpLink,selectedItem:isEmpty_1(n)?null:find_1(e,{value:n}),selectFormName:"deploymentModel"})},CustomFieldsList=()=>{const n=useDispatch(),t=useSelector(selectCustomFields),e=e=>e.map(e=>({name:e.name,type:e.type,default:e.type!==EngineFieldType.MultiPicklist||isEmpty_1(e.defaultValues)?e.defaultValue:join_1(e.defaultValues,", ")})),[i,s]=react.exports.useState(e(t));react.exports.useEffect(()=>{s(e(t))},[t]);const r=(e=!1,t=-1)=>{e={name:"ENGINE_CENTER_CUSTOM_FIELDS_FORM",config:{name:"Custom Fields",isEdit:e,editIndex:t}};n(mountPanel({panelId:"ENGINE_CENTER_CUSTOM_FIELDS_FORM",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))};return jsxRuntime.exports.jsx(ListField,{idPrefix:"ecn.custom-fields",heading:"Custom Fields",description:"Does your engine require custom fields? If so, specify them here. Leave blank if not.",actionButtonLabel:"Custom Field",items:i,columnNames:["Name","Type","Default","",""],canEdit:!0,canDelete:!0,onActionClick:()=>{r()},onEditClick:e=>{e=i[e],e=findIndex_1(t,{name:e.name,type:e.type});0<=e&&r(!0,e)},onDeleteClick:e=>{e=i[e],e=findIndex_1(t,{name:e.name,type:e.type});0<=e&&n(actions.engineFormState.removeCustomField(e))},onRequestSort:(e,t)=>{s(orderBy_1(i,lowerCase_1(e),t))}})},InputTypeViewListControled=({supportedInputTypes:e,handleDeleteSupportedInputType:t,onAddInputType:n})=>{const[i,s]=react.exports.useState("name"),[r,a]=react.exports.useState("asc"),o=React$1.useMemo(()=>lodash.exports.orderBy(e,i,r),[e,i,r]);return jsxRuntime.exports.jsx(ListField,{canDelete:!0,idPrefix:"ecn.inputTypeViewList",heading:"Supported Input Types",description:"Please specify ALL input types your engine supports. You will be able to update this in the manifest later.",actionButtonLabel:"Input Type",items:lodash.exports.map(o,e=>lodash.exports.omit(e,"type")),columnNames:["Name","Type",""],onActionClick:n,onDeleteClick:e=>t(lodash.exports.nth(o,e)),onRequestSort:(e,t)=>{e=lodash.exports.lowerCase(e);s("type"===e?"mimeType":e),a(t)}})},InputTypeViewList=()=>{const e=useDispatch(),n=useSelector(selectEngine);return jsxRuntime.exports.jsx(InputTypeViewListControled,{supportedInputTypes:n.supportedInputTypes,handleDeleteSupportedInputType:t=>{e(actions.engineFormState.updateEngineFormField({field:"supportedInputTypes",value:lodash.exports.reject(n.supportedInputTypes,e=>e===t)}))},onAddInputType:()=>{e(mountPanel({panelId:"ENGINE_CENTER_INPUT_TYPE_FLYOUT",microFrontend:{name:"ENGINE_CENTER_INPUT_TYPE_FLYOUT",config:{name:"Supported Input Types"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))}})},engineModes={chunk:{formName:"mode",name:"Chunk",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.uJB1gu",defaultMessage:"Chunk",description:"label for Chunk"}),iconName:"Chunk",selectedIconName:"ChunkWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.AHskfr",defaultMessage:"In Segment mode, an engine will process data in small, discrete chunks, which arise from segmentation of the input data into messages.",description:"short desc for Chunk"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.5qrKxx",defaultMessage:"In Segment mode, an engine will process data in small, discrete chunks, which arise from segmentation of the input data into messages. The engine pulls chunks from a stateless queue, which means the engine can process each discrete bit of content without having any knowledge of the content that came before or after the current chunk.",description:"desc for Chunk"}),value:"chunk",link:"https://docs.veritone.com/#/developer/engines/processing-modes/segment-processing/"},stream:{formName:"mode",name:"Stream",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.+hPNys",defaultMessage:"Stream",description:"label for Stream"}),iconName:"Stream",selectedIconName:"StreamWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.t9JU60",defaultMessage:"Stream-based engines process data in streams, using a stateful queue, where the order of the data does matter.",description:"short desc for stream"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.dzszV5",defaultMessage:"Stream-based engines process data in streams, using a stateful queue, where the order of the data does matter. Because they store state, stream engines can use results from earlier cognition to inform later stages of processing. Generally, the engine needs to take care of decoding the raw input itself.",description:"desc for stream"}),value:"stream",link:"https://docs.veritone.com/#/developer/engines/processing-modes/stream-processing/"},batch:{formName:"mode",name:"Batch",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.JldfAk",defaultMessage:"Batch",description:"label for Batch"}),iconName:"Batch",selectedIconName:"BatchWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.VBCYgQ",defaultMessage:"Batch engines are designed to process an entire file in one task (process) invocation and communicate directly with the Veritone aiWARE GraphQL API.",description:"short desc for batch"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.etiD+m",defaultMessage:"Batch engines are designed to process an entire file in one task (process) invocation and communicate directly with the Veritone aiWARE GraphQL API. Because Batch engines simply execute all of the logic defined in the engine this engine mode is ideal for handling business logic like app integrations and other utility use-cases.",description:"desc for batch"}),value:"batch",link:""}},networkIsolatedModelHelpLink="https://docs.veritone.com/#/developer/engines/deployment-model/?id=network-isolated",externalAccessModelHelpLink=" https://docs.veritone.com/#/developer/engines/deployment-model/?id=external-access",externalProcessingModelHelpLink="https://docs.veritone.com/#/developer/engines/deployment-model/?id=external-processing",humanReviewModelHelpLink="https://docs.veritone.com/#/developer/engines/deployment-model/?id=human-review",deploymentModels={MostlyNetworkIsolated:{formName:"deploymentModel",name:"External Access",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.52BnJK",defaultMessage:"External Access",description:"label for External Access"}),iconName:"MostlyNetworkIsolated",selectedIconName:"MostlyNetworkIsolatedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.2YbY12",defaultMessage:"The engine requires internet access for tasks like license checks to an external server, or downloading reference data, but does not send user data outside the container.",description:"short desc for External Access"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.6dfPvn",defaultMessage:"The engine requires internet access for tasks like license checks to an external server, or downloading reference data, but does not send user data outside the container.",description:"desc for External Access"}),value:"MostlyNetworkIsolated",link:externalAccessModelHelpLink},FullyNetworkIsolated:{formName:"deploymentModel",name:"Network Isolated",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.0cXuDd",defaultMessage:"Network Isolated",description:"label for Network Isolated"}),iconName:"FullyNetworkIsolated",selectedIconName:"FullyNetworkIsolatedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.kjYyU2",defaultMessage:"The engine does all processing entirely within its container (ie. itself), running solely within Veritone's infrastructure.",description:"short desc for Network Isolated"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.iFKCNO",defaultMessage:"The engine does all processing entirely within its container (ie. itself), running solely within Veritone's infrastructure. There is no internet access, and no external calls are made to the outside world ever. This is the most secure deployment model, which makes 'network-isolated deployment' a requirement for most Government agencies and Legal & Compliance customers. This deployment is also highly requested by Media & Entertainment customers, since network-isolated engines may be deployed on-premises.",description:"desc for Network Isolated"}),value:"FullyNetworkIsolated",link:networkIsolatedModelHelpLink},NonNetworkIsolated:{formName:"deploymentModel",name:"External Processing",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.IBPpVI",defaultMessage:"External Processing",description:"label for External Processing"}),iconName:"NonNetworkIsolated",selectedIconName:"NonNetworkIsolatedWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.vMyLbx",defaultMessage:"The engine does some or all of its processing outside its container and therefore requires internet access.",description:"short desc for External Processing"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.qMDz39",defaultMessage:"The engine does some or all of its processing outside its container and therefore requires internet access. For example, user data may need to be sent to external services (such as a cloud API) for processing.",description:"desc for External Processing"}),value:"NonNetworkIsolated",link:externalProcessingModelHelpLink},HumanReview:{formName:"deploymentModel",name:"Human Review",formattedName:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.NpSCxi",defaultMessage:"Human Review",description:"label for Human Review"}),iconName:"HumanReview",selectedIconName:"HumanReviewWhite",shortDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.1GxLEU",defaultMessage:"The engine requires human intervention to complete its processing, and therefore needs network access.",description:"short desc for Human Review"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.MoW0r5",defaultMessage:"The engine requires human intervention to complete its processing, and therefore needs network access.",description:"desc for Human Review"}),value:"HumanReview",link:humanReviewModelHelpLink}},FunctionalityStep=({onValidate:e})=>{var t=useStyles$9()["classes"];const n=useDispatch(),{apiRoot:i,graphQLEndpoint:s,token:r}=useSelector(selectApiConfigs$1);var a=useSelector(selectEngineClasses);const o=useSelector(selectEngineClass),l=useSelector(selectEngineMode),c=useSelector(selectDeploymentModel);var u=useSelector(selectEntityTags),d={engineMode:l,engineClass:o,deploymentModel:c,entityTags:u};const p=useForm({mode:"onChange",defaultValues:d});react.exports.useEffect(()=>{lodash.exports.isEmpty(o)||lodash.exports.isEmpty(c)||lodash.exports.isEmpty(l)||e(!0)}),react.exports.useEffect(()=>{i&&s&&r&&n(actions.engineClassesState.getEngineClassesStart("Cognition"))},[i,s,r,n]),react.exports.useEffect(()=>{null!=e&&e(p.formState.isValid)},[p.formState.isValid]);d=e=>{n(actions.engineFormState.updateEngineFormField({field:e.formName,value:e.value||e.name}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},p,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,rowSpacing:5,columnSpacing:6,className:t.container,"data-test":"engine-new-functionality-step-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-class"},{children:jsxRuntime.exports.jsx(EngineClass,{engineClasses:a,handleEngineClassType:d,handleEngineCategoryType:e=>{n(actions.engineFormState.updateCapability({payload:e}))}})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-mode"},{children:jsxRuntime.exports.jsx(EngineMode,{engineModes:engineModes,handleEngineModeType:d})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-tags"},{children:jsxRuntime.exports.jsx(EntityTags,{setSelectedTags:e=>{n(actions.engineFormState.updateEngineFormField({field:"entityTags",value:e}))},selectedTags:u})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,"data-test":"engine-new-functionality-step-engine-deployment-model"},{children:jsxRuntime.exports.jsx(DeploymentModel,{deploymentModels:deploymentModels,handleDeploymentModelType:d})})),jsxRuntime.exports.jsx(Divider,{className:t.divider}),jsxRuntime.exports.jsx(Box,Object.assign({className:t.list,"data-test":"engine-new-functionality-step-engine-input-view-list"},{children:jsxRuntime.exports.jsx(InputTypeViewList,{})})),jsxRuntime.exports.jsx(Box,Object.assign({className:t.list,"data-test":"engine-new-functionality-step-engine-custom-field-list"},{children:jsxRuntime.exports.jsx(CustomFieldsList,{})}))]}))}))},useStyles$8=makeStyles()(e=>({backButton:{background:"none",color:"black",marginRight:"20px",":hover":{background:"#D3D3D3"}},root:{width:1020,position:"relative"},panel:{backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%"},container:{display:"flex",flexDirection:"column",height:"100%"},expand:{marginTop:"-20px"},fullScreen:{position:"fixed",width:"100%",height:"100vh",overflow:"auto",top:0,left:0,right:0,bottom:0,zIndex:1004},fullScreenButton:{marginTop:"-50px"},tabs:{"& .Sdk-MuiTabs-indicator":{backgroundColor:"black",color:"black"},"& .Sdk-Mui-selected":{color:"black"}},bottomButtons:{marginTop:"20px"},markdown:{height:"100%",background:"#303841"},previewMarkdown:{height:"100%",position:"relative",padding:"20px",background:"#303841"},previewMarkdownContent:{background:"white",padding:"15px",borderRadius:"3px"}}));function useTabCapturing({inputRef:r,onChange:a}){const[o,l]=react.exports.useState(TAB_CAPTURE_MODE.NON_CAPTURE_MODE);return[e=>{var t=e["key"];if(!lodash.exports.isNil(r.current)){var{value:n,selectionStart:i,selectionEnd:s}=r.current;switch(t){case"Tab":return void(o===TAB_CAPTURE_MODE.CAPTURING_MODE&&(e.preventDefault(),r.current.value=n.slice(0,i)+"\t"+n.slice(s),r.current.setSelectionRange(i+1,i+1),a(e)));case"Escape":return void l(TAB_CAPTURE_MODE.NON_CAPTURE_MODE);case"m":return void(e.ctrlKey&&l(o===TAB_CAPTURE_MODE.CAPTURING_MODE?TAB_CAPTURE_MODE.NON_CAPTURE_MODE:TAB_CAPTURE_MODE.CAPTURING_MODE));case"Shift":return;default:l(TAB_CAPTURE_MODE.CAPTURING_MODE)}}},e=>{l(TAB_CAPTURE_MODE.CAPTURING_MODE)}]}function useLineNumbers(t){return react.exports.useMemo(()=>{var e=lodash.exports.size(lodash.exports.split(t,"\n"));return lodash.exports.map(new Array(e),(e,t)=>t+1).join("\n")},[t])}!function(e){e[e.CAPTURING_MODE=0]="CAPTURING_MODE",e[e.NON_CAPTURE_MODE=1]="NON_CAPTURE_MODE"}(TAB_CAPTURE_MODE=TAB_CAPTURE_MODE||{});const editorStyles={margin:"0",padding:"10px 0",borderRadius:"0",resize:"none",fontSize:"1em",fontFamily:"Nunito, lucida console, courier new, courier, monospace",lineHeight:"1.6em",outline:"none",boxSizing:"border-box",whiteSpace:"nowrap","&:focus-visible":{outline:"none"},"& textarea":{lineHeight:"2em",whiteSpace:"pre"}},useStyles$7=makeStyles()(e=>({codeEditor:lodash.exports.merge(lodash.exports.cloneDeep(editorStyles),{paddingLeft:"calc(3rem + 10px)",width:"100%",backgroundColor:"#303841",borderColor:"#303841",color:"#ffffff",caretColor:"#FFBB0A"}),lineCounter:lodash.exports.merge(lodash.exports.cloneDeep(editorStyles),{display:"block",borderColor:"#4F565E",overflowY:"hidden",boxShadow:"none",color:"#9CA8B4",backgroundColor:"#4F565E",position:"absolute",width:"3rem",paddingRight:".625rem",top:0,left:0,bottom:0,minHeight:"100%",pointerEvents:"none","& textarea":{textAlign:"right",fontWeight:"600"}})})),InputTypeMarkdown$1=({value:e,name:t,onChange:n})=>{const i=react.exports.useRef();var s=react.exports.useRef(),r=react.exports.useRef(),a=useStyles$7()["classes"],o=useLineNumbers(e),[l,c]=useTabCapturing({inputRef:r,onChange:n});return jsxRuntime.exports.jsxs(Box,Object.assign({position:"relative",padding:0,margin:0,width:"100%"},{children:[jsxRuntime.exports.jsx(InputUnstyled,{"data-test":"input-type-markdown-code-editor",name:t,ref:s,inputRef:r,className:a.codeEditor,onScroll:e=>{lodash.exports.isNil(i.current)||(i.current.scrollTop=e.currentTarget.scrollTop,i.current.scrollLeft=e.currentTarget.scrollLeft)},onKeyDown:l,onChange:e=>{n(e)},onClick:c,spellCheck:!1,value:e,multiline:!0}),jsxRuntime.exports.jsx(InputUnstyled,{"data-test":"input-type-markdown-line-numbers",ref:i,className:a.lineCounter,spellCheck:!1,value:o,multiline:!0,readOnly:!0})]}))},InputTypeMarkdown=()=>{const t=useDispatch();var e=useSelector(selectEngine);return jsxRuntime.exports.jsx(InputTypeMarkdown$1,{value:e.markdown,onChange:e=>{t(actions.engineFormState.updateEngineFormField({field:"markdown",value:e.target.value}))}})},PreviewMarkdown=()=>{var e=useSelector(selectEngine);return jsxRuntime.exports.jsx(ReactMarkdown,{children:e.markdown})},UseCasesStep=({onValidate:e})=>{const t=useStyles$8()["classes"],[n,i]=react.exports.useState(0),[s,r]=react.exports.useState(!1),a=useSelector(selectEngine),o=(react.exports.useEffect(()=>{null!=e&&e(!0)},[]),(e,t)=>{i(Number(t))}),l=()=>{r(!s)};return jsxRuntime.exports.jsx("div",Object.assign({"data-test":"os-engine-center-new.use-cases-step-parent-container",className:s&&classNames(t.root,t.panel,t.fullScreen),style:{height:"100%"}},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:t.container,"data-test":"os-engine-center-new.use-cases-container"},{children:[jsxRuntime.exports.jsx(Box,Object.assign({padding:5,paddingBottom:0},{children:jsxRuntime.exports.jsx(Heading,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-title",defaultMessage:"Use Case Creator",description:"label for use case title"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-description",defaultMessage:"Give examples of typical scenarios in which your engine would be used.",description:"label for use case description"}),testName:"os-engine-center-new.use-cases"})})),jsxRuntime.exports.jsxs(Box,Object.assign({"data-test":"engine-details-tabs-list",padding:4,paddingTop:0,paddingBottom:1},{children:[jsxRuntime.exports.jsxs(Tabs,Object.assign({className:t.tabs,value:n,onChange:o,"aria-label":"icon label tabs example"},{children:[jsxRuntime.exports.jsx(Tab,{"data-test":"os-engine-center-new.use-cases-step-markdown-tab",label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-step-markdown-tab-label",defaultMessage:"Markdown",description:"tab label: Markdown"})}),jsxRuntime.exports.jsx(Tab,{"data-test":"os-engine-center-new.use-cases-step-preview-tab",label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.use-cases-step-preview-tab-label",defaultMessage:"Preview",description:"tab label: Preview"})})]})),jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"flex-end"},{children:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-use-cases-exit-fullscreen",defaultMessage:"Exit Fullscreen",description:"Exit Fullscreen"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-use-cases-enter-fullscreen",defaultMessage:"Enter Fullscreen",description:"Enter Fullscreen"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:l,className:t.fullScreenButton,"aria-labelledby":"engine-center-new.use-cases-step-toggle-fullscreen","data-test":"engine-center-new.use-cases-step-fullscreen-toggle",size:"large"},{children:s?jsxRuntime.exports.jsx(FullscreenExit,{}):jsxRuntime.exports.jsx(Fullscreen,{})}))}))}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({flexGrow:1},{children:[jsxRuntime.exports.jsx(TabPanel,Object.assign({value:n,index:0},{children:jsxRuntime.exports.jsx("div",Object.assign({className:t.markdown},{children:jsxRuntime.exports.jsx(InputTypeMarkdown,{})}))})),jsxRuntime.exports.jsx(TabPanel,Object.assign({value:n,index:1},{children:jsxRuntime.exports.jsx("div",Object.assign({className:t.previewMarkdown},{children:jsxRuntime.exports.jsx("div",Object.assign({className:!a.markdown||a.markdown.length<=0?"":t.previewMarkdownContent},{children:jsxRuntime.exports.jsx(PreviewMarkdown,{})}))}))}))]}))]}))}))},SchemaList=({schemaType:n})=>{const t=useSelector(n===SchemaIO.Input?selectInputSchemas:selectOutputSchemas),i=(useSelector(selectDataRegistries),useDispatch()),s=(e=!1,t="")=>{e={name:"ENGINE_CENTER_SCHEMAS_FORM_PANEL",config:{name:`${e?"Edit":"Add"} ${capitalize_1(n)} Schemas`,isEdit:e,editId:t,schemaType:n}};i(mountPanel({panelId:"ENGINE_CENTER_SCHEMAS_FORM_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))},e=()=>{var e=map_1(t,e=>({dataRegistry:e.dataRegistryName,schemaVersion:`Version ${e.majorVersion}.`+e.minorVersion,schemaId:e.id}));return orderBy_1(e,[e=>lowerCase_1(e.dataRegistry)],"asc")},[r,a]=react.exports.useState(e());react.exports.useEffect(()=>{a(e())},[t]);return jsxRuntime.exports.jsx(ListField,{idPrefix:"ecn.schema-list."+n,heading:capitalize_1(n)+" Schemas",description:`Add or remove existing ${n} schemas from your engine, if necessary.`,actionButtonLabel:capitalize_1(n)+" Schemas",items:r,columnNames:["Data Registry","Schema Version","Schema ID","",""],canEdit:!0,canDelete:!0,onActionClick:()=>s(),onRequestSort:(t,e)=>{a(orderBy_1(r,[e=>lowerCase_1(e[camelCase_1(t)])],e))},onEditClick:e=>{e=r[e],e=findIndex_1(t,{id:e.schemaId}),e=t[e].dataRegistryId;s(!0,e)},onDeleteClick:e=>{e=r[e],e=findIndex_1(t,{id:e.schemaId});0<=e&&i(actions.engineFormState.removeSchema({schemaType:n,index:e}))}})},errorMessageProps={sx:{position:"absolute",right:0,bottom:-20}},useStyles$6=makeStyles()(e=>({curlyBracesIconContainer:{"& path":{stroke:e.palette.text.primary,strokeWidth:2}}})),IntegrationStep=({onValidate:s})=>{var e=useStyles$6()["classes"],t=useForm();const{getValues:r,setValue:a,setError:o,clearErrors:l}=t,c=useDispatch();var n=react.exports.useRef(null),i=react.exports.useRef(null);const u=e=>{if(e)try{JSON.parse(e)}catch(e){return!1}return!0};var d,p=e=>{var t,{name:e,value:n}=e.target,i=(a(e,n),l(e),t=r("newJobTemplate"),i=r("reprocessingJobTemplate"),t=u(t)&&u(i),s(t),"newJobTemplate"===e?"upload":"reprocess");c(actions.engineFormState.updateEngineFormField({field:"standaloneJobTemplates."+i,value:n}))},[m,g]=useTabCapturing({inputRef:n,onChange:p}),[h,f]=useTabCapturing({inputRef:i,onChange:p}),{upload:x,reprocess:y}=useSelector(selectStandaloneJobTemplates);let b;(d=b=b||{}).New="newJobTemplate",d.Reprocessing="reprocessingJobTemplate";const j=t=>{var e=r(t);if(e)try{var n=JSON.stringify(JSON.parse(e),null,8),i=(a(t,n),l(t),"newJobTemplate"===t?"upload":"reprocess");c(actions.engineFormState.updateEngineFormField({field:"standaloneJobTemplates."+i,value:n}))}catch(e){o(t,{type:"custom",message:"Invalid JSON syntax."})}};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},t,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,spacing:6,padding:6,"data-test":"engine-new-integration-step"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaList,{schemaType:SchemaIO.Input})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,"data-test":"engine-new-input-schemas"},{children:jsxRuntime.exports.jsx(Divider,{sx:{width:"60rem",margin:"5, 5, 1, 5"}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,"data-test":"engine-new-output-schemas"},{children:jsxRuntime.exports.jsx(SchemaList,{schemaType:SchemaIO.Output})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(Divider,{sx:{width:"60rem",margin:"5, 5, 1, 5"}})})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-integration-title"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.integration-title",defaultMessage:"Engine Processing Flow",description:"Integration step title"}),jsxRuntime.exports.jsx(HelpDocs,{helpLink:"https://docs.veritone.com/#/aiware/aiWARE-in-depth/single-engine-jobs?id=creating-your-own-single-engine-job-template",sx:{fontSize:15,marginLeft:2}})]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption","data-test":"engine-new-integration-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.integration-description",defaultMessage:"Provide the job mutations to run your engine for both new Temporal Data Object (TDO) and reprocessing jobs.",description:"Integration step description"})}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,spacing:5},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:[jsxRuntime.exports.jsx(InputText,{ref:n,placeholder:"New TDO Job Mutation",type:"textarea",name:"newJobTemplate",value:x,onChange:p,inputProps:{onKeyDown:m},onClick:g,"data-test":"engine-new-new-tdo-job-mutation",multiline:!0,spellCheck:!1,rows:20,style:{width:"100%"},FormHelperTextProps:errorMessageProps,InputProps:{endAdornment:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"Format JSON"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({className:e.curlyBracesIconContainer,onClick:()=>j(b.New),style:{alignSelf:"end"},"data-test":"engine-new-new-tdo-job-mutation-format-json"},{children:jsxRuntime.exports.jsx(CurlyBraces,{})}))}))}}),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.new-tdo-job-mutation-language",defaultMessage:"Template Language: ",description:"New TDO Job Mutation language"}),jsxRuntime.exports.jsx("a",Object.assign({href:"https://handlebarsjs.com/",target:"_blank",rel:"noreferrer",style:{textDecoration:"none"}},{children:"Handlebars"}))]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:[jsxRuntime.exports.jsx(InputText,{ref:i,placeholder:"Reprocessing Job Mutation",type:"textarea",name:"reprocessingJobTemplate",value:y,onChange:p,inputProps:{onKeyDown:h},onClick:f,"data-test":"engine-new-reprocessing-tdo-job-mutation",multiline:!0,spellCheck:!1,rows:20,style:{width:"100%"},FormHelperTextProps:errorMessageProps,InputProps:{endAdornment:jsxRuntime.exports.jsx(Tooltip,Object.assign({title:"Format JSON"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({className:e.curlyBracesIconContainer,onClick:()=>j(b.Reprocessing),style:{alignSelf:"end"},"data-test":"engine-new-reprocessing-tdo-job-mutation-format-json"},{children:jsxRuntime.exports.jsx(CurlyBraces,{})}))}))}}),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.new-tdo-job-mutation-language",defaultMessage:"Template Language: ",description:"New TDO Job Mutation language"}),jsxRuntime.exports.jsx("a",Object.assign({href:"https://handlebarsjs.com/",target:"_blank",rel:"noreferrer",style:{textDecoration:"none"}},{children:"Handlebars"}))]}))]}))]}))]}))}))},useStyles$5=makeStyles()(e=>({container:{width:"100%",padding:"25px 30px"},subheading:{minWidth:"48.75rem",padding:"30px 0"},text:{width:"39.5rem",padding:"14px 0",borderBottom:"0.5px solid #D5DFE9",fontWeight:400},textCollapsible:{width:"39.5rem",padding:"8px 0",borderBottom:"0.5px solid #D5DFE9",cursor:"pointer"},collapse:{width:"39.5rem"},collapseContent:{maxHeight:200,overflow:"auto"},pre:{whiteSpace:"pre-line"},asterisk:{color:"#D43060",margin:"0 2px"}})),useStyles$4=makeStyles()(e=>({root:{borderRadius:"50%",border:"1px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",width:e.spacing(8),height:e.spacing(8)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),EngineLogo=({path:e})=>{var t=useStyles$4()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:t.root},{children:jsxRuntime.exports.jsx("img",{className:t.logo+" "+(!e&&t.veritoneLogo),src:e||img$1y,alt:"engine logo"})}))},Row=({label:e,value:t,style:n,testName:i,icon:s,asterisk:r,handleOpenCollapse:a})=>jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",justifyContent:"space-between",alignItems:"center",textTransform:"capitalize","data-test":i+"-container"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"label-"+i},{children:e})),jsxRuntime.exports.jsxs(Box,Object.assign({className:n,display:"flex",justifyContent:"space-between",alignItems:"center",onClick:a},{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6",sx:{fontWeight:400}},{children:[t,r]})),jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"expand row",size:"small",onClick:a,"data-test":i+"-expand-action-trigger"},{children:s}))]}))]})),CollapseComponent=({open:e,content:t,testName:n,dataType:i})=>{var s=useStyles$5()["classes"];return jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"end","data-test":n},{children:jsxRuntime.exports.jsx(Collapse,Object.assign({className:s.collapse,in:e,timeout:"auto",unmountOnExit:!0},{children:jsxRuntime.exports.jsx(Box,Object.assign({className:s.collapseContent},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",sx:{fontWeight:400,lineHeight:1.5}},{children:jsxRuntime.exports.jsx("pre",Object.assign({className:"markdown"===i?s.pre:""},{children:t}))}))}))}))}))},ENGINE_CENTER_NEW_TEXT={markdownValue:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-use-cases-value",defaultMessage:"Markdown",description:"Markdown"}),tdoValue:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-new-tdo-value",defaultMessage:"New TDO",description:"New TDO"}),reprocessingValue:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-job-mutation-value",defaultMessage:"Reprocessing",description:"Reprocessing"})},ConfirmationStep=()=>{var e=useStyles$5()["classes"];const[t,n]=react.exports.useState(!1),[i,s]=react.exports.useState(!1),[r,a]=react.exports.useState(!1),[o,l]=react.exports.useState(!1),[c,u]=react.exports.useState(!1),d=useSelector(selectEngine);var p=useSelector(selectIsEditForm)["isEditForm"],m=e=>{e=lodash.exports.sortBy(e,[e=>lodash.exports.toLower(e.dataRegistryName)]),e=lodash.exports.map(e,e=>`• ${e.dataRegistryName}: Version ${e.majorVersion}.`+e.minorVersion);return lodash.exports.join(e,"\n")};return jsxRuntime.exports.jsxs(Box,Object.assign({className:e.container,"data-test":"engine-new-confirmation-step"},{children:[jsxRuntime.exports.jsxs(Grid$1,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",gutterBottom:!0,color:"#000000"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-title",defaultMessage:"Engine Summary",description:"Engine Summary"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",fontSize:"14px","data-test":"engine-new-confirmation-step-header-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-header-description-{idSuffix}",defaultMessage:"Review the summary of your engines attributes before {verb} its profile",description:"Review the summary of your engines attributes before {verb} its profile.",values:{idSuffix:p?"edit":"new",verb:p?"updating":"creating"}})}))]}),jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.subheading},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",alignItems:"center",textTransform:"capitalize","data-test":"engine-new-confirmation-step-engine-name"},{children:[jsxRuntime.exports.jsx(EngineLogo,{path:d.iconPath}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",ml:3},{children:lodash.exports.isEmpty(d.name)?"-":d.name}))]})),jsxRuntime.exports.jsx(Box,Object.assign({ml:11,"data-test":"engine-new-confirmation-step-engine-description"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"#2A323C"},{children:lodash.exports.isEmpty(d.description)?"-":d.description}))}))]})),jsxRuntime.exports.jsxs(Box,Object.assign({sx:{width:"100%",pl:11},"data-test":"engine-new-confirmation-step-row-container"},{children:[jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-deployment-model",defaultMessage:"Deployment Model:",description:"Deployment model"}),value:lodash.exports.isEmpty(d.deploymentModel)?"-":lodash.exports.startCase(d.deploymentModel),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-deployment-model"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-engine-class",defaultMessage:"Engine Class:",description:"Engine Class"}),value:lodash.exports.isEmpty(d.class)?"-":lodash.exports.startCase(d.class),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-engine-class"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-engine-capability",defaultMessage:"Engine Capability:",description:"Engine Capability"}),value:lodash.exports.isEmpty(d.capability.name)?"-":lodash.exports.startCase(d.capability.name),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-engine-capability"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-engine-mode",defaultMessage:"Engine Mode:",description:"Engine Mode"}),value:lodash.exports.isEmpty(d.mode)?"-":lodash.exports.startCase(d.mode),style:e.text,asterisk:jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),testName:"engine-new-confirmation-step-row-engine-mode"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-use-cases",defaultMessage:"Use Cases:",description:"Use Cases"}),value:lodash.exports.isEmpty(d.markdown)?"-":ENGINE_CENTER_NEW_TEXT.markdownValue(),handleOpenCollapse:()=>n(!t),icon:t?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),style:e.textCollapsible,testName:"engine-new-confirmation-step-row-use-cases"}),jsxRuntime.exports.jsx(CollapseComponent,{open:t,content:lodash.exports.isEmpty(d.markdown)?"-":d.markdown,testName:"engine-new-use-cases-collapse-container",dataType:"markdown"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-custom-fields",defaultMessage:"Custom Fields:",description:"Custom Fields"}),value:lodash.exports.isEmpty(d.customFields)?"-":lodash.exports.join(lodash.exports.map(d.customFields,e=>e.name),", "),style:e.text,testName:"engine-new-confirmation-step-row-custom-fields"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-input-schemas-label",defaultMessage:"Input Schemas:",description:"Input Schemas"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.inputSchemas)?"-":jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-input-schemas-value",defaultMessage:"Selected schemas...",description:"Input Schemas dropdown label"}),handleOpenCollapse:()=>l(!o),icon:o?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-input-schemas"}),jsxRuntime.exports.jsx(CollapseComponent,{open:o,content:lodash.exports.isEmpty(d.inputSchemas)?"-":m(d.inputSchemas),testName:"engine-new-input-schemas-collapse-container"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-output-schemas-label",defaultMessage:"Output Schemas:",description:"Output Schemas"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.outputSchemas)?"-":jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-output-schemas-value",defaultMessage:"Selected schemas...",description:"Output Schemas dropdown label"}),handleOpenCollapse:()=>u(!c),icon:c?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-output-schemas"}),jsxRuntime.exports.jsx(CollapseComponent,{open:c,content:lodash.exports.isEmpty(d.outputSchemas)?"-":m(d.outputSchemas),testName:"engine-new-output-schemas-collapse-container"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-new-tdo",defaultMessage:"New TDO Mutation:",description:"New TDO mutation"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.standaloneJobTemplates.upload)?"-":ENGINE_CENTER_NEW_TEXT.tdoValue(),handleOpenCollapse:()=>s(!i),icon:i?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-new-tdo"}),jsxRuntime.exports.jsx(CollapseComponent,{open:i,content:d.standaloneJobTemplates.upload?(()=>{try{return JSON.stringify(JSON.parse(d.standaloneJobTemplates.upload),null,2)}catch(e){return d.standaloneJobTemplates.upload}})():"-",testName:"engine-new-new-tdo-collapse-container"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-job-mutation",defaultMessage:"Reprocessing Job Mutation:",description:"Reprocessing Job mutation"}),style:e.textCollapsible,value:lodash.exports.isEmpty(d.standaloneJobTemplates.reprocess)?"-":ENGINE_CENTER_NEW_TEXT.reprocessingValue(),handleOpenCollapse:()=>a(!r),icon:r?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$5,{}),testName:"engine-new-confirmation-step-row-job-mutation"}),jsxRuntime.exports.jsx(CollapseComponent,{open:r,content:d.standaloneJobTemplates.reprocess?(()=>{try{return JSON.stringify(JSON.parse(d.standaloneJobTemplates.reprocess),null,2)}catch(e){return d.standaloneJobTemplates.reprocess}})():"-",testName:"engine-new-job-mutation-collapse-container"}),jsxRuntime.exports.jsx(Box,Object.assign({mt:5},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption",color:"#2A323C"},{children:[jsxRuntime.exports.jsx("span",Object.assign({className:e.asterisk},{children:"*"})),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.confirmation-step-bottom-caption",defaultMessage:"Cannot be changed once the engine profile is created.",description:"Cannot be changed once the engine profile is created."})]}))}))]}))]}))},EngineOnboardingFlow=()=>{const t=useDispatch(),n=useSelector(selectEngine),i=useSelector(selectIsEditForm)["isEditForm"],[e,s]=react.exports.useState(!1);var r=e=>s(e);const a=(e=!1)=>{i?t(actions.engineFormState.updateEngineStart({engine:n,openBuildPanel:e})):t(actions.engineFormState.createEngineStart({engine:n,openBuildPanel:e}))};var r=[jsxRuntime.exports.jsx(EngineDescription,{onValidate:r}),jsxRuntime.exports.jsx(FunctionalityStep,{onValidate:r}),jsxRuntime.exports.jsx(UseCasesStep,{onValidate:r}),jsxRuntime.exports.jsx(IntegrationStep,{onValidate:r}),jsxRuntime.exports.jsx(ConfirmationStep,{})],o=[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"engine-new-docker-image-button",variant:"text",color:"secondary",onClick:()=>a(!0),startIcon:jsxRuntime.exports.jsx(Add,{})},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.docker-image-button",defaultMessage:"Docker Image",description:"Docker Image button text"})}),"docker-image-button"),jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"engine-new-create-engine-button",variant:"contained",color:"primary",onClick:()=>a()},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new.{idPrefix}-engine-button",defaultMessage:"{verb}",description:"{verb} engine button text",values:{idPrefix:i?"update":"create",verb:i?"Update":"Create"}})}),"create-engine-button")];return jsxRuntime.exports.jsx(ProgressStepper,{panelName:"ENGINE_CENTER_NEW",sessionKey:"engineOnboardingSession",entityId:n.id,onResumeSession:e=>{t(actions.engineFormState.resumeSession(e))},steps:["General","Functionality","Use Cases","Integration","Confirmation"],stepContent:r,customFinalStepButtons:o,nextButtonDisabled:!e,idPrefix:"engine-center-new-eob"})},appBarHeight$2=55,headerHeight=64,borderBottom$2=5,useStyles$3=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight$2}px - ${headerHeight}px - ${borderBottom$2}px)`}})),MainLayout=({engineId:e})=>{var t=useStyles$3()["classes"];const n=useDispatch();var i=useSelector(selectIsLoadingExistingEngineData)["isLoadingExistingEngineData"];return react.exports.useEffect(()=>{e?n(actions.engineFormState.editEngine(e)):n(actions.engineFormState.createNewEngine())},[]),jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"engine-center-new-widget",className:t.ecnPanel},{children:i?jsxRuntime.exports.jsx(Box,Object.assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(CircularProgress,{})})):jsxRuntime.exports.jsx(EngineOnboardingFlow,{})}))},EngineCenterNew=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getEngineCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}))})})),appBarHeight$1=55,borderBottom$1=5,mainHeight=`calc(100vh - ${appBarHeight$1+borderBottom$1}px)`,useStyles$2=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight},container:{padding:e.spacing(5),"& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},"& fieldset":{borderColor:"#D5DFE9"},textInput:{padding:14.5},header:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:20},addButtonWrapper:{flexGrow:1,display:"flex",justifyContent:"flex-end",alignItems:"flex-end",padding:"0px 20px 20px 20px"},inputSelect:{width:"100%"},optional:{fontSize:12,marginBottom:e.spacing(1),marginLeft:e.spacing(1),color:"#9CA8B4"}})),SchemaOrText=()=>{var e=useStyles$2()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.text-schema.default",defaultMessage:"Default Value",description:"You can set a default value for either text or schema selection"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:e.optional,id:"engine-center-new.text-schema.default.optional"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.text-schema.default.optional",defaultMessage:"(Optional)",description:"Set the optional default value for the number field"})}))]})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-text-schema-default",variant:"outlined",type:"text",name:"defaultValue",fullWidth:!0,rules:{maxLength:2048}})]})},Number$1=()=>{var e=useStyles$2()["classes"];const{getValues:n,trigger:t}=useFormContext();return jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,container:!0,xs:12,spacing:2,"data-test":"engine-new-custom-number-container"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-min"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.min",defaultMessage:"Min",description:"Set the minimum value for the number field"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-min",variant:"outlined",type:"number",name:"min",fullWidth:!0,onChange:()=>{isEmpty_1(n("max"))||t("max"),isEmpty_1(n("defaultValue"))||t("defaultValue")},rules:{required:!0,min:-99999,max:99999,validate:{lessThanMax:e=>{return t="Should be less than or equal to Max",e<=toNumber_1(n("max"))||!!isEmpty_1(n("max"))||t;var t}}}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-max"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.max",defaultMessage:"Max",description:"Set the maximum value for the number field"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-max",variant:"outlined",type:"number",name:"max",fullWidth:!0,onChange:()=>{isEmpty_1(n("min"))||t("min"),isEmpty_1(n("defaultValue"))||t("defaultValue")},rules:{required:!0,min:-99999,max:99999,validate:{greaterThanMin:e=>{return t="Should be greater than or equal to Min",e>=toNumber_1(n("min"))||!!isEmpty_1(n("min"))||t;var t}}}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-step"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.step",defaultMessage:"Step",description:"Set the incrementing step value for the number field"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-step",variant:"outlined",type:"number",name:"step",fullWidth:!0,rules:{required:!0,min:-99999,max:99999}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:3},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-number-label-default"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.default",defaultMessage:"Default",description:"Set the default value for the number field"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:e.optional,"data-test":"engine-new-custom-number-label-optional"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.number-field.optional",defaultMessage:"(Optional)",description:"Set the optional default value for the number field"})}))]})),jsxRuntime.exports.jsx(InputText,{inputProps:{className:e.textInput},"data-test":"engine-new-custom-number-default",variant:"outlined",type:"number",name:"defaultValue",fullWidth:!0,rules:{min:-99999,max:99999,validate:{betweenMinAndMax:e=>{return t="Should be between Min and Max",!!isEmpty_1(e=e)||toNumber_1(n("min"))<=e&&e<=toNumber_1(n("max"))||!(!isEmpty_1(n("min"))||!isEmpty_1(n("max")))||!!(isEmpty_1(n("min"))&&e<=toNumber_1(n("max")))||!!(isEmpty_1(n("max"))&&e>=toNumber_1(n("min")))||t;var t}}}})]}))]}))},useStyles$1=makeStyles()(e=>({input:{marginBottom:"10px"},radio:{"&:checked":{color:"red"}}})),PicklistInput=({handleRemoveItem:e,isMulti:t,handleAddItem:n,index:i})=>{const s=useFormContext()["getValues"];var r=useStyles$1()["classes"];const a=(t,n,e)=>{var i=s("options");return!(1<filter_1(i,e=>e[t]===n).length)||e};return jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:r.input,container:!0,spacing:4},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:2},{children:jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},{children:t?jsxRuntime.exports.jsx(InputCheckbox,{label:"",name:`options.${i}.checked`,"data-test":"os-engine-center-new-picklist.checkbox-"+i}):jsxRuntime.exports.jsx(FormControlLabel,{label:"",control:jsxRuntime.exports.jsx(Radio,{classes:{root:r.radio}}),"data-test":"os-engine-center-new-picklist.radio-"+i,value:""+i})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(InputText,{"data-test":"os-engine-center-new-picklist.textfield-key-"+i,variant:"outlined",type:"text",name:`options.${i}.key`,fullWidth:!0,rules:{required:!0,validate:{unique:e=>a("key",e,"This key already exists")}}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(InputText,{"data-test":"os-engine-center-new-picklist.textfield-value-"+i,variant:"outlined",type:"text",name:`options.${i}.value`,fullWidth:!0,rules:{required:!0,validate:{unique:e=>a("value",e,"This value already exists")}}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:2},{children:size_1(s("options"))-1===i?jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:n,"data-test":"os-engine-center-new-picklist.add-button-"+i,size:"large"},{children:jsxRuntime.exports.jsx(default_1$2,{})})):jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>e(i),"data-test":"os-engine-center-new-picklist.remove-button-"+i,size:"large"},{children:jsxRuntime.exports.jsx(default_1$3,{})}))}))]}))},Picklist=({isMulti:n})=>{const{control:e,getValues:t,setValue:i}=useFormContext(),{fields:s,append:r,remove:a}=useFieldArray({control:e,name:"options"}),o={key:"",value:""},l={key:"",value:"",checked:!1},c=()=>{r(n?l:o)},u=e=>{0<=e&&(e===toNumber_1(t("defaultValue"))&&i("defaultValue",""),a(e))};var d=()=>(0===s.length&&r(n?l:o),s.map((e,t)=>jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(PicklistInput,{handleAddItem:c,handleRemoveItem:u,isMulti:n,index:t})},e.id)));return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,spacing:4},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:2},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"os-engine-center-new-picklist.default-header",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-picklist.default-label",defaultMessage:"Default",description:"label for default column"})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"os-engine-center-new-picklist.key-header",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-picklist.key-label",defaultMessage:"Key",description:"label for key column"})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:4},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"os-engine-center-new-picklist.value-header",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-picklist.value-label",defaultMessage:"Value",description:"label for value column"})}))})),jsxRuntime.exports.jsx(Grid$1,{item:!0,xs:2})]})),!n&&jsxRuntime.exports.jsx(InputRadioGroup,Object.assign({name:"defaultValue"},{children:d()})),n&&d()]})},CustomFieldsForm=({hidePanel:s,isEdit:r=!1,editIndex:a=-1})=>{var e=useStyles$2()["classes"];const o=useDispatch(),i=useSelector(selectCustomFields);var t=()=>{if(r&&0<=a){var e;if(i[a].type===EngineFieldType.Picklist)return e=get_1(i,`[${a}].options`),t=get_1(i,`[${a}].defaultValue`),e=findIndex_1(e,{value:t}),Object.assign(Object.assign({},i[a]),{defaultValue:-1===e?"":toString_1(e)});if(i[a].type!==EngineFieldType.MultiPicklist)return i[a];{var t=get_1(i,`[${a}].options`);const n=get_1(i,`[${a}].defaultValues`);return Object.assign(Object.assign({},i[a]),{options:map_1(t,e=>({key:e.key,value:e.value,checked:includes_1(n,e.value)}))})}}return{name:"",type:EngineFieldType.Text,required:!1,defaultValue:""}},n=t();const l=useForm({mode:"onChange",defaultValues:n}),[c,u]=react.exports.useState(t().type);t=e=>{let t;var n,i;t=e.type===EngineFieldType.Picklist?Object.assign(Object.assign({},e),{defaultValue:get_1(e,`options[${e.defaultValue}].value`,"")}):e.type===EngineFieldType.MultiPicklist?(n=map_1(filter_1(e.options,{checked:!0}),e=>e.value),i=map_1(e.options,e=>({key:e.key,value:e.value})),Object.assign(Object.assign({},e),{options:i,defaultValues:n})):e.type===EngineFieldType.Number?Object.assign(Object.assign({},e),{min:toNumber_1(e.min),max:toNumber_1(e.max),step:toNumber_1(e.step)}):e,r?o(actions.engineFormState.updateCustomField({customField:t,index:a})):o(actions.engineFormState.addCustomField(t)),s()};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},l,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:l.handleSubmit(t)},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.container,container:!0,spacing:5,"data-test":"engine-new-custom-fields-form-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(Box,Object.assign({className:e.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-new-custom-fields-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.form-title",defaultMessage:"{label} Custom Fields",description:"Form label for supported file types",values:{label:r?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-name",defaultMessage:"Field Name",description:"You can set a field name"})})),jsxRuntime.exports.jsx(InputText,{inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"name",fullWidth:!0,"data-test":"engine-new-custom-fields-name-content",rules:{required:!0,maxLength:50}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Box,Object.assign({display:"flex"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-label"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-label",defaultMessage:"Field Label",description:"You can set a field label"})}))})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"label",fullWidth:!0,"data-test":"engine-new-custom-fields-label-content",inputProps:{maxLength:50,className:e.textInput},rules:{required:!0,maxLength:50}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-information"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-information",defaultMessage:"Field Information",description:"You can set a field information"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:e.optional,"data-test":"engine-new-custom-fields-header-information-optional"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.information.optional",defaultMessage:"(Optional)",description:"Set the optional default value for the number field"})}))]})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",name:"info",fullWidth:!0,multiline:!0,rows:5,"data-test":"engine-new-custom-fields-information-content",inputProps:{maxLength:250},InputProps:{className:e.textInput},rules:{maxLength:250}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-new-custom-fields-header-type"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.field-type",defaultMessage:"Field Type",description:"You can set a field type"})})),jsxRuntime.exports.jsx(InputSelect,Object.assign({inputProps:{maxLength:50,className:e.textInput},className:e.inputSelect,type:"text",name:"type",value:c,onChange:e=>{l.resetField("defaultValue"),l.unregister("defaultValues"),l.unregister("min"),l.unregister("max"),l.unregister("step"),l.resetField("options"),l.unregister("options"),l.setValue("type",e.target.value),u(e.target.value)},style:{minWidth:"100%"},"data-test":"engine-new-custom-fields-type-content",rules:{required:!0}},{children:map_1(keys_1(EngineFieldType),(e,t)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:EngineFieldType[e]},{children:EngineFieldType[e]}),t))}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,style:{padding:"5px 0 0 25px"}},{children:jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",justifyContent:"start",alignItems:"center"},{children:jsxRuntime.exports.jsx(InputCheckbox,{name:"required",defaultChecked:n.required,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.custom-fields.required-checkbox",defaultMessage:"Required Field",description:"Required field checkbox"})})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:(()=>{switch(c){case EngineFieldType.Text:case EngineFieldType.SchemaSelection:return jsxRuntime.exports.jsx(SchemaOrText,{});case EngineFieldType.Number:return jsxRuntime.exports.jsx(Number$1,{});case EngineFieldType.Picklist:return jsxRuntime.exports.jsx(Picklist,{isMulti:!1});case EngineFieldType.MultiPicklist:return jsxRuntime.exports.jsx(Picklist,{isMulti:!0});default:return null}})()}))]})),jsxRuntime.exports.jsx(Box,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(l,"formState.isValid"),onSubmit:t,variant:"contained",color:"primary","data-test":"engine-new-custom-fields-button-submit"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-custom-fields.submit-button-label",defaultMessage:"{label}",description:"{label} Custom Fields",values:{label:r?"Update":"Add"}})}))}))]}))}))},EngineCenterCustomFieldsForm=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CustomFieldsForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})})),useStyles=makeStyles()(e=>({applyButtonWrapper:{padding:"0px 20px 20px 20px"},supportedFilesTypeHeader:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",padding:"0px 10px",marginBottom:20},supportedFilesTypeWrapper:{padding:"8px 20px 20px 20px"},fileTypeItem:{border:"1px solid #D5DFE9",borderRadius:5,marginBottom:20,overflow:"hidden"},fileTypeItemHeader:{padding:18,borderBottom:"1px solid #D5DFE9",background:"#FAFAFA",display:"flex",alignItems:"center"},fileTypeItemHeaderRow:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},fileTypeHeaderRowItem:{display:"flex",alignItems:"center"},fileTypeItemBody:{display:"flex",alignItems:"center",padding:"26px 0",flexWrap:"wrap"},fileTypeItemExtension:{width:"50%",padding:"4px 0 4px 54px"},fileTypeItemExtensionFullWidth:{width:"100%"},fileItemTypeName:{marginLeft:12}})),icons={video:jsxRuntime.exports.jsx(VideoCamera,{}),image:jsxRuntime.exports.jsx(Image,{}),audio:jsxRuntime.exports.jsx(Sound,{}),text:jsxRuntime.exports.jsx(Description,{}),application:jsxRuntime.exports.jsx(Description,{})},FileItemIcon=({filetype:e})=>{var[e]=e.split("/");return e&&icons[e]?icons[e]:jsxRuntime.exports.jsx(UnknownDocument,{})},InputType=({fileItemType:i,currentTypes:e,handleInputTypes:s,handleSelectAll:t})=>{var n;const r=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeItem,"data-test":"engine-center-new-supported-file-item","data-testtype":"engine-center-new-input-type-container."+i.name},{children:[jsxRuntime.exports.jsx("header",Object.assign({className:r.fileTypeItemHeader},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeItemHeaderRow},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeHeaderRowItem},{children:[jsxRuntime.exports.jsx("span",Object.assign({"data-test":"engine-center-new-file-item-icon"},{children:jsxRuntime.exports.jsx(FileItemIcon,{filetype:i.type})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",className:r.fileItemTypeName,"data-test":"engine-center-new-file-type-name"},{children:i.name}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:r.fileTypeHeaderRowItem,"data-test":"engine-center-new-input-type-name-checkbox.select-all-container."+i.name},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1","data-test":"engine-center-new-file-type-select-all"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.select-all-label",defaultMessage:"Select All",description:"Select all mimetypes of a file type"})})),jsxRuntime.exports.jsx(Checkbox,{"data-test":"engine-center-new-input-type-name-checkbox.select-all."+i.name,checked:i.extensions.every(t=>lodash.exports.some(e,e=>e.mimeType===t)),onChange:e=>t(e.target.checked,i.name)})]}))]}))})),jsxRuntime.exports.jsx("div",Object.assign({className:r.fileTypeItemBody,"data-test":"engine-center-new-extension-list"},{children:null==(n=null==i?void 0:i.extensions)?void 0:n.map(t=>{return jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2","data-test":"engine-center-new-input-type-name",color:"textPrimary",className:classNames(r.fileTypeItemExtension,{[r.fileTypeItemExtensionFullWidth]:i.type===FileItemTypeNames.Text})},{children:[jsxRuntime.exports.jsx(Checkbox,{"data-test":"engine-center-new-input-type-name-checkbox."+t,checked:lodash.exports.some(e,e=>e.mimeType===t),value:t,onChange:(n={name:i.name,type:i.type,mimeType:t},e=>{var{value:e,checked:t}=e.target;s&&s({inputType:n,value:e,checked:t})})}),".",t]}),t);var n})}))]}))},InputTypeFlyout$1=({fileTypes:e,hidePanel:t,savedInputTypes:n=[],handleInput:i,handleSelectAll:s})=>{var r=useStyles()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:r.supportedFilesTypeWrapper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:r.supportedFilesTypeHeader},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-center-new-supported-files-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.panel-header",defaultMessage:"Supported File Types",description:"Form label for supported file types"})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.close-button-tooltip",defaultMessage:"Close",description:"Close panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-center-new-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),e.map(t=>jsxRuntime.exports.jsx(InputType,{currentTypes:lodash.exports.filter(n,e=>e.type===t.type),handleInputTypes:i,fileItemType:t,handleSelectAll:s},t.name))]}))},InputTypeFlyout=()=>{const e=useDispatch(),t=useSelector(selectEngine);const n=()=>{e(unmountPanel("ENGINE_CENTER_INPUT_TYPE_FLYOUT"))},[i,s]=react.exports.useState(t.supportedInputTypes),r=react.exports.useRef(t.supportedInputTypes);react.exports.useEffect(()=>{lodash.exports.isEqual(r,t.supportedInputTypes)||(r.current=t.supportedInputTypes,s(t.supportedInputTypes))},[t.supportedInputTypes]);var a=useStyles()["classes"];return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsxs(CacheProvider,Object.assign({value:muiCache},{children:[jsxRuntime.exports.jsx(InputTypeFlyout$1,{fileTypes:DEFAULT_ACCEPTABLE_FILE_TYPES,handleInput:({inputType:t,checked:e})=>{s(e?lodash.exports.unionBy(i,[t],"mimeType"):lodash.exports.reject(i,e=>e.mimeType===t.mimeType))},hidePanel:n,savedInputTypes:i,handleSelectAll:(e,t)=>{if(e){const n=DEFAULT_ACCEPTABLE_FILE_TYPES.find(e=>e.name===t);e=n.extensions,e=lodash.exports.map(e,e=>({name:t,mimeType:e,type:n.type}));s(lodash.exports.unionBy(i,e,"mimeType"))}else s(lodash.exports.reject(i,e=>e.name===t))}}),jsxRuntime.exports.jsx(Box,Object.assign({className:a.applyButtonWrapper,display:"flex",justifyContent:"flex-end"},{children:jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e(actions.engineFormState.updateEngineFormField({field:"supportedInputTypes",value:i})),n()},variant:"contained",color:"primary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-input-type-flyout.apply-button-label",defaultMessage:"Apply",description:"Save changes"})}))}))]}))})})},LISTBOX_PADDING=8;function renderRow(e){var{data:e,index:t,style:n}=e,e=e[t],t=Object.assign(Object.assign({},n),{top:n.top+LISTBOX_PADDING});return has_1(e,"group")?jsxRuntime.exports.jsx(ListSubheader,Object.assign({sx:{backgroundColor:"#F2F5F9"},component:"div",style:t},{children:e.group}),e.key):jsxRuntime.exports.jsx(Typography,Object.assign({component:"li"},e[0],{noWrap:!0,style:t},{children:e[1]}))}const OuterElementContext=react.exports.createContext({}),OuterElementType=react.exports.forwardRef((e,t)=>{var n=react.exports.useContext(OuterElementContext);return jsxRuntime.exports.jsx("div",Object.assign({ref:t},e,n))});function useResetCache(e){const t=react.exports.useRef(null);return react.exports.useEffect(()=>{null!=t.current&&t.current.resetAfterIndex(0,!0)},[e]),t}const ListboxAdapter=react.exports.forwardRef(function(e,t){var n=e["children"],e=__rest(e,["children"]);const i=[];n.forEach(e=>{i.push(e),i.push(...e.children||[])});n=useMediaQuery(useTheme$1().breakpoints.up("sm"),{noSsr:!0});const s=i.length,r=n?36:48,a=e=>has_1(e,"group")?48:r;n=useResetCache(s);return jsxRuntime.exports.jsx("div",Object.assign({ref:t},{children:jsxRuntime.exports.jsx(OuterElementContext.Provider,Object.assign({value:e},{children:jsxRuntime.exports.jsx(VariableSizeList,Object.assign({itemData:i,height:(8<s?8*r:i.map(a).reduce((e,t)=>e+t,0))+2*LISTBOX_PADDING,width:"100%",ref:n,outerElementType:OuterElementType,innerElementType:"ul",itemSize:e=>a(i[e]),overscanCount:5,itemCount:s},{children:renderRow}))}))}))}),SchemaAutocomplete=({ref:e,disabled:t,options:n,value:i,inputValue:s,onChange:r,onInputChange:a})=>{const o=useSelector(selectIsFetchingDataRegistries);var l=styled(Popper)({["& ."+autocompleteClasses.listbox]:{boxSizing:"border-box","& ul":{padding:0,margin:0}}});return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Box,Object.assign({display:"flex"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"engine-center-new-schemas-select-schema"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.select-schema",defaultMessage:"Schema",description:"Select schema dropdown label"})}))})),jsxRuntime.exports.jsx(Autocomplete,{"data-test":"engine-center-new-schemas-select-schema-autocomplete",ref:e,disabled:t,options:n,disableListWrap:!0,value:i,inputValue:s,PopperComponent:l,ListboxComponent:ListboxAdapter,loading:o,loadingText:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.loading-text",defaultMessage:"Loading...",description:"Loading text for fetching data registries"}),renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{variant:"outlined",fullWidth:!0,InputProps:Object.assign(Object.assign({},e.InputProps),{placeholder:"Select a Schema...",endAdornment:jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[o?jsxRuntime.exports.jsx(CircularProgress,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})})})),renderOption:(e,t)=>[e,t.label],groupBy:e=>toUpper_1(get_1(e,"label[0]")),renderGroup:e=>e,onChange:r,onInputChange:a})]})},styles={container:{border:"1px solid #D5DFE9",borderRadius:"5px",marginBottom:"20px",overflow:"hidden"},header:{padding:"18px",borderBottom:"1px solid #D5DFE9",background:"#FAFAFA",display:"flex",alignItems:"center",verticalAlign:"middle !important"},headerText:{marginLeft:"12px"},body:{display:"flex",alignItems:"center",padding:"26px 0",flexWrap:"wrap"}},GroupBox=({heading:e,headingIcon:t,children:n})=>jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.container},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.header},{children:[t,jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",sx:styles.headerText},{children:e}))]})),jsxRuntime.exports.jsx(Box,Object.assign({sx:styles.body},{children:n}))]})),SchemaVersions=({schemaVersions:e,selectedVersionIndexes:n,onCheck:i})=>jsxRuntime.exports.jsx(GroupBox,Object.assign({heading:"Versions",headingIcon:jsxRuntime.exports.jsx(default_1,{sx:{verticalAlign:"middle",paddingBottom:"3px"}})},{children:map_1(e,(e,t)=>jsxRuntime.exports.jsx(FormControlLabel,{"data-test":"engine-center-new.schemas.version-option-label-"+t,sx:{width:"100%",padding:"4px 0 4px 54px",alignItems:"center"},control:jsxRuntime.exports.jsx(Checkbox,{"data-test":"engine-center-new.schemas.version-option-checkbox-"+t,checked:includes_1(n,t),name:e.id,value:t,onChange:i}),label:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.version-label.{idPostfix}",defaultMessage:"{label}",description:"Version option label",values:{label:`Version ${e.majorVersion}.`+e.minorVersion,idPostfix:e.majorVersion+"."+e.minorVersion}})},e.id))})),headerStyles={display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},SchemaFormHeader=({name:e,hidePanel:t})=>jsxRuntime.exports.jsxs(Box,Object.assign({sx:headerStyles},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-center-new-schemas-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.form-title",defaultMessage:"{label}",description:"Label for title of the form",values:{label:e}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"engine-center-new.schemas.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),appBarHeight=55,borderBottom=5,containerStyles={justifyContent:"space-between",flexDirection:"column",height:`calc(100vh - ${appBarHeight}px - ${borderBottom}px)`,display:"flex"},addButtonStyles={flexGrow:1,display:"flex",justifyContent:"flex-end",alignItems:"flex-end",padding:"0px 20px 20px 20px"},SchemasForm=({hidePanel:t,name:e,isEdit:i,editId:n,schemaType:s})=>{const r=useDispatch(),a=react.exports.useRef(null);var o=useSelector(preferredLanguageSelector);const l=AIWareFormatMessage(o),c=useSelector(selectIsFetchingDataRegistries),u=useSelector(selectDataRegistries),d=useSelector(s===SchemaIO.Input?selectInputSchemas:selectOutputSchemas),[p,m]=react.exports.useState([]),[g,h]=react.exports.useState(null),[f,x]=react.exports.useState([]),[y,b]=react.exports.useState([]),[j,v]=react.exports.useState(-1),[S,k]=react.exports.useState(""),[w,E]=react.exports.useState(null),R=(react.exports.useEffect(()=>{!c&&isEmpty_1(u)&&r(actions.engineFormState.fetchDataRegistries())},[]),react.exports.useEffect(()=>{var e=map_1(u,(e,t)=>{t={label:get_1(e,"name",""),index:t};return e.id===n&&h(t),t});m(e)},[u]),react.exports.useEffect(()=>{isEmpty_1(g)||(k(g.label),E(g),v(g.index))},[p]),()=>{b([]),x([]),b([]),v(-1),E(null)});react.exports.useEffect(()=>{if(0<=j){var e=get_1(u,`[${j}].schemas.records`,[]);if(x(e),i){let t=0;const n=map_1(d,e=>e.id);e=flatMap_1(e,e=>includes_1(n,e.id)?[t++]:(t++,[]));b(e)}else b([0])}else R()},[j]);return jsxRuntime.exports.jsxs(Box,Object.assign({sx:containerStyles},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,padding:5,spacing:5,justifyContent:"flex-start",alignItems:"flex-start","data-test":"engine-center-new-schemas-form-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaFormHeader,{name:e,hidePanel:t})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaAutocomplete,{ref:a,disabled:i,options:p,value:w,inputValue:S,onChange:(e,t)=>{var n=get_1(t,"index",-1);v(n),E(t)},onInputChange:(e,t)=>{k(t)}})})),0<=j&&jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,"data-test":"engine-center-new-schema-versions"},{children:jsxRuntime.exports.jsx(SchemaVersions,{schemaVersions:f,selectedVersionIndexes:y,onCheck:e=>{const t=toNumber_1(e.target.value);includes_1(y,t)?(e=y,remove_1(e,e=>e===t),b([...e])):(e=[...y,t],b(e))}})}))]})),jsxRuntime.exports.jsx(Box,Object.assign({sx:addButtonStyles},{children:jsxRuntime.exports.jsx(Button,Object.assign({disabled:isEmpty_1(y)||j<0,variant:"contained",color:"primary","data-test":"engine-center-new-schemas-button-submit",onClick:()=>{var e=map_1(y,e=>{e=get_1(u,`[${j}].schemas.records[${e}]`);return{id:e.id,dataRegistryId:e.dataRegistryId,dataRegistryName:u[j].name,majorVersion:e.majorVersion,minorVersion:e.minorVersion}});r(actions.engineFormState.addSchemas({schemas:e,schemaType:s})),i?(r(actions.engineFormState.updateSchemas({updatedSchemas:e,schemaType:s,dataRegistryId:u[j].id})),t()):(r(showMessage({content:l({id:"engine-center-new.snackbar.addSchemaSuccess",defaultMessage:[{type:0,value:"Added schema to engine successfully."}]}),severity:MessageSeverity.Info})),R(),(e=a.current.getElementsByClassName("MuiAutocomplete-clearIndicator")[0])&&e.click())}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-engine-center-new-schemas.submit-button-label",defaultMessage:"{label}",description:"Submit Schemas",values:{label:i?"Update":"Add"}})}))}))]}))},SchemasFormPanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(SchemasForm,{name:e.name,hidePanel:e.hidePanel,isEdit:e.isEdit,editId:e.editId,schemaType:e.schemaType})})})}));var index_esm=Object.freeze({__proto__:null,EngineCenterCustomFieldsForm:EngineCenterCustomFieldsForm,EngineCenterNew:EngineCenterNew,GenericSelect:GenericSelect,Heading:Heading,InputCheckbox:InputCheckbox,InputRadioGroup:InputRadioGroup,InputSelect:InputSelect,InputText:InputText,InputTypeFlyout:InputTypeFlyout,InputTypeMarkdown:InputTypeMarkdown$1,InputTypeMarkdownControlled:InputTypeMarkdown$1,Number:Number$1,Picklist:Picklist,PreviewMarkdown:PreviewMarkdown,SchemaOrText:SchemaOrText,SchemasFormPanel:SchemasFormPanel,actions:actions,getSignedWritableUrl:getSignedWritableUrl,types:index,uploadFileToS3:uploadFileToS3,useUseCaseStyles:useStyles$8,ListField:ListField});export{Heading as H,InputTypeMarkdown$1 as I,ReactMarkdown as R,SchemaOrText as S,actions as a,InputText as b,InputSelect as c,InputCheckbox as d,InputRadioGroup as e,uploadFileToS3 as f,getSignedWritableUrl as g,index_esm as h,index as i,join_1 as j,lowerCase_1 as l,orderBy_1 as o,set_1 as s,useStyles$8 as u};