aiware-js 2.13.0 → 2.15.0

package/js-core.esm48.js

@@ -1 +0,0 @@
-import{a as generateUtilityClasses,g as generateUtilityClass,b as styled,_ as _extends$2,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,T as Typography$1,j as jsxRuntime,f as clsx,h as composeClasses,p as createSvgIcon,q as interopRequireDefault,bO as createSlice,bH as lodash,dB as combineReducers,aX as createSelector,bT as rootApiSelector,aF as graphEndpointSelector,a9 as sessionTokenSelector,at as fork,eP as channel,m as makeStyles,O as AIWareThemeProvider,Q as lib,A as AIWareIntlProvider,d1 as CacheProvider,d2 as muiCache,G as useDispatch,H as useSelector,bK as Grid$1,F as FormattedMessage,V as IconButton$1,bg as FormControl,bL as TextField,bb as CircularProgress,a6 as Divider,au as takeLatest$1,bh as Box$1,bj as unmountPanel,h1 as AvailableComponents,X as Tooltip$1,dC as Close,cv as MenuItem,dc as map_1,dd as keys_1,ar as Button,db as get_1,br as TableRow,gp as MoreHor,aO as delay,az as put,aE as select,aB as call,dm as showMessage,dn as MessageSeverity,as as all,eV as ProgressStepper,es as toString_1,eU as toNumber_1,ax as take,bR as preferredLanguageSelector,w as img$1u,dN as baseGraphQLApiWithError,eY as sdkEventManager,eZ as SdkEvents,e_ as SdkError,cD as AIWareFormatMessage,L as mountPanel,f3 as guid}from"./js-core.esm.js";import{s as set_1,c as InputText,e as InputSelect,f as InputCheckbox,P as Picklist,N as Number$1,S as SchemaOrText,H as Heading,E as EntityTags,g as uploadFileToS3,h as getSignedWritableUrl,L as ListField,i as includes_1}from"./js-core.esm28.js";import{u as useForm,F as FormProvider,c as findIndex_1}from"./js-core.esm23.js";import{d as default_1$3}from"./js-core.esm18.js";import{d as default_1$1}from"./js-core.esm8.js";import{S as Stack,I as InputAdornment,d as default_1$2}from"./js-core.esm29.js";import{f as filter_1}from"./js-core.esm31.js";import{F as FormControlLabel$1}from"./js-core.esm11.js";import{C as Checkbox}from"./js-core.esm12.js";import{C as Card}from"./js-core.esm19.js";import{C as CardContent}from"./js-core.esm20.js";import{C as Chip}from"./js-core.esm32.js";import{R as RadioGroup,a as Radio}from"./js-core.esm10.js";import"./js-core.esm30.js";import"./js-core.esm13.js";import"./js-core.esm5.js";function getCardHeaderUtilityClass(e){return generateUtilityClass("MuiCardHeader",e)}const cardHeaderClasses=generateUtilityClasses("MuiCardHeader",["root","avatar","action","content","title","subheader"]);var cardHeaderClasses$1=cardHeaderClasses;const _excluded=["action","avatar","className","component","disableTypography","subheader","subheaderTypographyProps","title","titleTypographyProps"],useUtilityClasses=e=>{e=e.classes;return composeClasses({root:["root"],avatar:["avatar"],action:["action"],content:["content"],title:["title"],subheader:["subheader"]},getCardHeaderUtilityClass,e)},CardHeaderRoot=styled("div",{name:"MuiCardHeader",slot:"Root",overridesResolver:(e,t)=>_extends$2({["& ."+cardHeaderClasses$1.title]:t.title,["& ."+cardHeaderClasses$1.subheader]:t.subheader},t.root)})({display:"flex",alignItems:"center",padding:16}),CardHeaderAvatar=styled("div",{name:"MuiCardHeader",slot:"Avatar",overridesResolver:(e,t)=>t.avatar})({display:"flex",flex:"0 0 auto",marginRight:16}),CardHeaderAction=styled("div",{name:"MuiCardHeader",slot:"Action",overridesResolver:(e,t)=>t.action})({flex:"0 0 auto",alignSelf:"flex-start",marginTop:-4,marginRight:-8,marginBottom:-4}),CardHeaderContent=styled("div",{name:"MuiCardHeader",slot:"Content",overridesResolver:(e,t)=>t.content})({flex:"1 1 auto"}),CardHeader=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiCardHeader"}),{action:s,avatar:a,className:n,component:i="div",disableTypography:r=!1,subheader:o,subheaderTypographyProps:p,title:l,titleTypographyProps:c}=e,d=_objectWithoutPropertiesLoose(e,_excluded),e=_extends$2({},e,{component:i,disableTypography:r}),x=useUtilityClasses(e);let m=l,u=(null==m||m.type===Typography$1||r||(m=jsxRuntime.exports.jsx(Typography$1,_extends$2({variant:a?"body2":"h5",className:x.title,component:"span",display:"block"},c,{children:m}))),o);return null==u||u.type===Typography$1||r||(u=jsxRuntime.exports.jsx(Typography$1,_extends$2({variant:a?"body2":"body1",className:x.subheader,color:"text.secondary",component:"span",display:"block"},p,{children:u}))),jsxRuntime.exports.jsxs(CardHeaderRoot,_extends$2({className:clsx(x.root,n),as:i,ref:t,ownerState:e},d,{children:[a&&jsxRuntime.exports.jsx(CardHeaderAvatar,{className:x.avatar,ownerState:e,children:a}),jsxRuntime.exports.jsxs(CardHeaderContent,{className:x.content,ownerState:e,children:[m,u]}),s&&jsxRuntime.exports.jsx(CardHeaderAction,{className:x.action,ownerState:e,children:s})]}))});var LoadingStatus,UiInfo,FormStatus,FormValidations,AppFieldType,IconImportStatus,CardHeader$1=CardHeader,FilterList={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(FilterList,"__esModule",{value:!0}),FilterList.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),"FilterList"),default_1=FilterList.default=_default;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const SLICE_NAME="appCenterNew",namespace$5=(!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),!function(e){e.PanelClosed="closed",e.PanelOpen="open"}(UiInfo=UiInfo||{}),!function(e){e[e.Pending=0]="Pending",e[e.Submitting=1]="Submitting",e[e.Success=2]="Success",e[e.Error=3]="Error"}(FormStatus=FormStatus||{}),!function(e){e.Pending="pending",e.EmptyFieldError="This field should not be empty",e.SpecialCharError="This field cannot contain special characters"}(FormValidations=FormValidations||{}),!function(e){e.Number="Number",e.Picklist="Picklist",e.MultiPicklist="MultiPicklist",e.Text="Text",e.SchemaSelection="SchemaSelection"}(AppFieldType=AppFieldType||{}),!function(e){e.Idle="idle",e.Uploading="uploading",e.Uploaded="uploaded",e.Failed="failed",e.Aborted="aborted"}(IconImportStatus=IconImportStatus||{}),"uiState"),initialState$4={status:LoadingStatus.Idle},slice$4=createSlice({name:SLICE_NAME+"/"+namespace$5,initialState:initialState$4,reducers:{}}),actions$5=slice$4.actions;var uiState=slice$4.reducer;const namespace$4="appFormState",initialState$3={app:{configFields:[],name:"",description:"",iconPath:"",url:"",flows:[],engines:[],entityTags:[],schemas:[]},step:[],isLoadingExistingAppData:!1,isEditForm:!1,formValidations:FormValidations.Pending,formStatus:FormStatus.Pending,uiInfo:UiInfo.PanelClosed},slice$3=createSlice({name:SLICE_NAME+"/"+namespace$4,initialState:initialState$3,reducers:{createNewApp(e){e.formStatus=FormStatus.Submitting},editApp(e,t){e.formStatus=FormStatus.Submitting},createAppStart(e,t){e.formStatus=FormStatus.Submitting},updateAppStart(e,t){e.formStatus=FormStatus.Submitting},createAppSuccess(e,{payload:t}){e.formStatus=FormStatus.Success,lodash.exports.set(e.app,"id",t)},createAppFailed(e,t){e.formStatus=FormStatus.Error},stepper(e,t){e.step=t.payload},updateAppFormField(e,t){var{field:t,value:s}=t.payload;lodash.exports.set(e.app,t,s)},addConfigField(e,t){e.app.configFields=lodash.exports.concat(e.app.configFields,t.payload)},updateConfigField(e,t){var{configFields:t,index:s}=t.payload;lodash.exports.set(e,`app.configFields[${s}]`,t)},removeConfigField(e,t){e.app.configFields.splice(t.payload,1)},clearConfigFields(e){e.app.configFields=[]}}}),actions$4=slice$3.actions;var appFormState=slice$3.reducer;const namespace$3="flowLinkingPanelState",initialState$2={searchTerm:"",isLoadingSearchResults:!1,sortOrder:"asc",searchResults:[]},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{searchByTerm(e,t){set_1(e,"searchTerm",t.payload)},fetchingStart(e){set_1(e,"isLoadingSearchResults",!0)},fetchingDone(e){set_1(e,"isLoadingSearchResults",!1)},toggleSortOrder(e,t){set_1(e,"sortOrder",lodash.exports.isNil(t.payload)?"asc"===e.sortOrder?"desc":"asc":t.payload)},updateFlowLinkingPanelField(e,t){var{field:t,value:s}=t.payload;set_1(e,t,s)}}}),actions$3=slice$2.actions;var flowLinkingPanelState=slice$2.reducer;const namespace$2="engineLinkingPanelState",initialState$1={searchTerm:"",isLoadingSearchResults:!1,sortOrder:"asc",searchResults:[]},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{searchByTerm(e,t){set_1(e,"searchTerm",t.payload)},fetchingStart(e){set_1(e,"isLoadingSearchResults",!0)},fetchingDone(e){set_1(e,"isLoadingSearchResults",!1)},toggleSortOrder(e,t){set_1(e,"sortOrder",lodash.exports.isNil(t.payload)?"asc"===e.sortOrder?"desc":"asc":t.payload)},updateEngineLinkingPanelField(e,t){var{field:t,value:s}=t.payload;set_1(e,t,s)}}}),actions$2=slice$1.actions;var engineLinkingPanelState=slice$1.reducer;const namespace$1="iconUploadState",initialState={file:null,status:IconImportStatus.Idle},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{uploadIconStart(e,{payload:t}){e.file=t.file,e.status=IconImportStatus.Uploading},updateIcon(e,{payload:t}){e.file=Object.assign(Object.assign({},e.file),t)},uploadIconSuccess(e){e.status=IconImportStatus.Uploaded},uploadIconFailed(e,{payload:t}){e.file=null,e.error=t,e.status=IconImportStatus.Failed},deleteLocalIcon(e){e.file=null}}}),actions$1=slice.actions;var _path$1,_g$1,_tspan$1,_tspan2$1,_tspan3$1,_rect$1,_path2$1,_tspan4$1,_rect2$1,_path3$1,_path4$1,_tspan5$1,_path5$1,_rect3$1,_tspan6$1,_rect4$1,_defs$1,iconUploadState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$5]:actions$5,[namespace$4]:actions$4,[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$5]:uiState,[namespace$4]:appFormState,[namespace$2]:engineLinkingPanelState,[namespace$3]:flowLinkingPanelState,[namespace$1]:iconUploadState}),selectApp=e=>e[namespace].appFormState.app,selectIsEditForm=e=>lodash.exports.pick(e[namespace].appFormState,"isEditForm"),selectIsLoadingExistingAppData=e=>lodash.exports.pick(e[namespace].appFormState,"isLoadingExistingAppData"),selectConfigFields=e=>e[namespace].appFormState.app.configFields,selectAppUrl=e=>e[namespace].appFormState.app.url,selectEngineLinkingPanel=e=>e[namespace].engineLinkingPanelState,selectIcon=e=>e[namespace].iconUploadState.file,selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,s)=>({apiRoot:e,graphQLEndpoint:t,token:s}));function __awaiter(e,r,o,p){return new(o=o||Promise)(function(s,t){function a(e){try{i(p.next(e))}catch(e){t(e)}}function n(e){try{i(p.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?s(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(a,n)}i((p=p.apply(e,r||[])).next())})}const getEnginesByName=(s,a={name:""})=>__awaiter(void 0,void 0,void 0,function*(){var e={name:a.name},t="getEngines";return yield baseGraphQLApiWithError(Object.assign({query:"\n  query getEngines($name:String){\n    engines(\n      name: $name,\n      orderBy: {\n        field: name,\n        direction: asc\n      }\n    ) {\n      records {\n        id,\n        name,\n        modifiedDateTime,\n        edgeVersion,\n        iconPath\n        description\n      }\n    }\n  }\n  ",variables:e,operationName:t},s))}),getFlowsByName=(s,a={name:""})=>__awaiter(void 0,void 0,void 0,function*(){var e={name:a.name},t="getFlows";return yield baseGraphQLApiWithError(Object.assign({query:'\n  query getFlows($name:String){\n    engines(\n      name: $name,\n      categoryId: "c5458876-43d2-41e8-a340-f734702df04a",\n      orderBy: {\n        field: name,\n        direction: asc\n      }\n    ) {\n      records {\n        id,\n        name,\n        modifiedDateTime,\n        edgeVersion\n      }\n    }\n  }\n  ',variables:e,operationName:t},s))});function*searchFlows(e){yield delay(200),yield put(actions.flowLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var s=yield call(getFlowsByName,t,{name:e.payload});yield put(actions.flowLinkingPanelState.updateFlowLinkingPanelField({field:"searchResults",value:s.engines.records})),yield put(actions.flowLinkingPanelState.fetchingDone())}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.flowLinkingPanelState.fetchingDone())}}function*watchSearchFlows(){yield takeLatest$1(actions.flowLinkingPanelState.searchByTerm.type,searchFlows)}const flowsSagas=[fork(watchSearchFlows)];function*searchEngines(e){yield delay(200),yield put(actions.engineLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var s=yield call(getEnginesByName,t,{name:e.payload});yield put(actions.engineLinkingPanelState.updateEngineLinkingPanelField({field:"searchResults",value:s.engines.records})),yield put(actions.engineLinkingPanelState.fetchingDone())}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.engineLinkingPanelState.fetchingDone())}}function*watchSearchEngines(){yield takeLatest$1(actions.engineLinkingPanelState.searchByTerm.type,searchEngines)}const enginesSagas=[fork(watchSearchEngines)],root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*uploadIcon(e){const t=e.payload.file;e=yield select(preferredLanguageSelector);const s=AIWareFormatMessage(e);try{var a=yield call(getUrlBucket,t.name);const i=Object.assign(Object.assign({},t),{status:IconImportStatus.Uploading,percentComplete:0,expiresInSeconds:a.expiresInSeconds,getUrl:a.getUrl,key:a.key,unsignedUrl:a.unsignedUrl,url:a.url}),r=(yield put(actions.iconUploadState.updateIcon(i)),e=>{fileUploadChannel.put(actions.iconUploadState.updateIcon(Object.assign({id:t.id},e)))});var n=yield uploadFileToS3(a,t,{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"),i)},onError:e=>{r({status:IconImportStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),i)},onUpload:e=>{r({status:IconImportStatus.Uploaded}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,i)}});root.xhrInstances[t.id]=n,yield put(actions.iconUploadState.uploadIconSuccess()),yield put(actions.appFormState.updateAppFormField({field:"iconPath",value:i.getUrl}))}catch(e){yield put(actions.iconUploadState.uploadIconFailed(e.message)),yield put(showMessage({content:s({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);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)}function*rootSaga(){yield all([watchUploadIconStart(),watchProgressChannel(),...flowsSagas,...enginesSagas])}function getAppCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}function _extends$1(){return(_extends$1=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s,a=arguments[t];for(s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}var _path,_g,_tspan,_path2,_tspan2,_tspan3,_tspan4,_tspan5,_path3,_tspan6,_path4,_path5,_path6,_rect,_path7,_tspan7,_rect2,_tspan8,_path8,_tspan9,_tspan10,_tspan11,_tspan12,_path9,_tspan13,_path10,_tspan14,_path11,_tspan15,_path12,_path13,_path14,_rect3,_path15,_tspan16,_rect4,_rect5,_tspan17,_rect6,_rect7,_tspan18,_rect8,_defs,SvgDummy$1=function(e){return react.exports.createElement("svg",_extends$1({width:661,height:132,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_path$1=_path$1||react.exports.createElement("path",{fill:"#E5E5E5",d:"M0 0h661v132H0z"}),_g$1=_g$1||react.exports.createElement("g",{filter:"url(#dummy_svg__a)"},react.exports.createElement("path",{fill:"#fff",d:"M-29-164h720v965H-29z"})),react.exports.createElement("g",{opacity:.4,clipPath:"url(#dummy_svg__b)"},react.exports.createElement("text",{fill:"#2A323C",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:14,fontWeight:600,letterSpacing:0},_tspan$1=_tspan$1||react.exports.createElement("tspan",{x:1,y:14.606},"aiWARE Automate Palette Integration")),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan2$1=_tspan2$1||react.exports.createElement("tspan",{x:0,y:35.948},"Please specify all the npm packages to install in Automate when this application is enabled in "),_tspan3$1=_tspan3$1||react.exports.createElement("tspan",{x:0,y:51.948},"the organization.")),_rect$1=_rect$1||react.exports.createElement("rect",{x:554.5,y:27.5,width:106,height:27,rx:3.5,fill:"#fff"}),_path2$1=_path2$1||react.exports.createElement("path",{d:"M576.25 41.75h-4.5v4.5h-1.5v-4.5h-4.5v-1.5h4.5v-4.5h1.5v4.5h4.5v1.5Z",fill:"#0C53B0"}),react.exports.createElement("text",{fill:"#0C53B0",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,fontWeight:600,letterSpacing:0},_tspan4$1=_tspan4$1||react.exports.createElement("tspan",{x:583,y:44.948},"Add Module")),_rect2$1=_rect2$1||react.exports.createElement("rect",{x:554.5,y:27.5,width:106,height:27,rx:3.5,stroke:"#0C53B0"}),_path3$1=_path3$1||react.exports.createElement("path",{fill:"#FAFAFA",d:"M1 82h660v50H1z"}),_path4$1=_path4$1||react.exports.createElement("path",{opacity:.9,stroke:"#D5DFE9",strokeWidth:.5,d:"M1 131.75h660M1 81.75h660"}),react.exports.createElement("text",{fill:"#2A323C",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan5$1=_tspan5$1||react.exports.createElement("tspan",{x:11,y:112.948},"node-red-engine-emitter")),_path5$1=_path5$1||react.exports.createElement("path",{d:"M640 104.75v7.5h-6v-7.5h6Zm-1.125-4.5h-3.75l-.75.75h-2.625v1.5h10.5V101h-2.625l-.75-.75Zm2.625 3h-9v9c0 .825.675 1.5 1.5 1.5h6c.825 0 1.5-.675 1.5-1.5v-9ZM596.5 102.5v1.5h9v-1.5h-9Zm0 3v1.5h9v-1.5h-9Zm13.53.097a.417.417 0 0 0-.293.128l-.75.75 1.538 1.537.75-.75a.398.398 0 0 0 0-.577l-.96-.96a.4.4 0 0 0-.285-.128Zm-1.478 1.313L604 111.455V113h1.545l4.545-4.553-1.538-1.537ZM596.5 108.5v1.5h6v-1.5h-6Z",fill:"#555F7C"})),_rect3$1=_rect3$1||react.exports.createElement("rect",{x:254.25,y:2.25,width:80.5,height:15.5,rx:7.75,fill:"#335B89"}),react.exports.createElement("text",{fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:10,fontWeight:600,letterSpacing:0},_tspan6$1=_tspan6$1||react.exports.createElement("tspan",{x:264.109,y:13.29},"Coming Soon")),_rect4$1=_rect4$1||react.exports.createElement("rect",{x:254.25,y:2.25,width:80.5,height:15.5,rx:7.75,stroke:"#214167",strokeWidth:.5}),_defs$1=_defs$1||react.exports.createElement("defs",null,react.exports.createElement("clipPath",{id:"dummy_svg__b"},react.exports.createElement("path",{fill:"#fff",d:"M0 0h661v132H0z"})),react.exports.createElement("filter",{id:"dummy_svg__a",x:-43,y:-178,width:748,height:993,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},react.exports.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),react.exports.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),react.exports.createElement("feOffset",null),react.exports.createElement("feGaussianBlur",{stdDeviation:7}),react.exports.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),react.exports.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2227_22407"}),react.exports.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_2227_22407",result:"shape"}))))};function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s,a=arguments[t];for(s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}var SvgDummy=function(e){return react.exports.createElement("svg",_extends({width:661,height:350,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_path=_path||react.exports.createElement("path",{fill:"#E5E5E5",d:"M0 0h661v350H0z"}),_g=_g||react.exports.createElement("g",{filter:"url(#dummy_svg__a)"},react.exports.createElement("path",{fill:"#fff",d:"M-30-162h720v965H-30z"})),react.exports.createElement("g",{opacity:.4},react.exports.createElement("text",{fill:"#2A323C",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:14,fontWeight:600,letterSpacing:0},_tspan=_tspan||react.exports.createElement("tspan",{x:0,y:16.606},"aiWARE Event Handlers")),_path2=_path2||react.exports.createElement("path",{d:"M164.996 12.833c3.195 0 5.837-2.642 5.837-5.83 0-3.194-2.649-5.836-5.837-5.836-3.194 0-5.829 2.642-5.829 5.837 0 3.187 2.642 5.83 5.829 5.83Zm-.095-4.593c-.273 0-.427-.147-.427-.42v-.11c0-.574.302-.898.751-1.2.544-.382.787-.596.787-1.015 0-.471-.375-.803-.971-.803a.995.995 0 0 0-.95.633c-.162.207-.221.368-.523.368a.361.361 0 0 1-.368-.375c0-.096.015-.184.037-.28.147-.574.817-1.074 1.84-1.074 1.009 0 1.863.537 1.863 1.494 0 .692-.391 1.038-.979 1.443-.435.294-.633.507-.633.853v.103c0 .214-.155.383-.427.383Zm.022 1.708a.603.603 0 0 1-.604-.589c0-.331.287-.581.604-.581.316 0 .603.242.603.581a.598.598 0 0 1-.603.589Z",fill:"#555F7C"}),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan2=_tspan2||react.exports.createElement("tspan",{x:0,y:37.948},"Webhooks (Events) allow external services to be notified when certain events happen in "),_tspan3=_tspan3||react.exports.createElement("tspan",{x:0,y:53.948},"aiWARE. When the specified events happen, we'll send a POST request to each of the URLs and "),_tspan4=_tspan4||react.exports.createElement("tspan",{x:0,y:69.948},"Flows you provide.")),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan5=_tspan5||react.exports.createElement("tspan",{x:266,y:108.132},"Events")),_path3=_path3||react.exports.createElement("path",{d:"m310 103 3.75 3.75 3.75-3.75H310Z",fill:"#555F7C"}),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan6=_tspan6||react.exports.createElement("tspan",{x:0,y:107.132},"Handler")),_path4=_path4||react.exports.createElement("path",{d:"m51 102 3.75 3.75L58.5 102H51Z",fill:"#555F7C"}),_path5=_path5||react.exports.createElement("path",{fill:"#FAFAFA",d:"M0 122h660v50H0z"}),_path6=_path6||react.exports.createElement("path",{opacity:.9,stroke:"#D5DFE9",strokeWidth:.5,d:"M0 171.75h660M0 121.75h660"}),_rect=_rect||react.exports.createElement("rect",{x:551.5,y:29.5,width:109,height:27,rx:3.5,fill:"#fff"}),_path7=_path7||react.exports.createElement("path",{d:"M573.25 43.75h-4.5v4.5h-1.5v-4.5h-4.5v-1.5h4.5v-4.5h1.5v4.5h4.5v1.5Z",fill:"#0C53B0"}),react.exports.createElement("text",{fill:"#0C53B0",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,fontWeight:600,letterSpacing:0},_tspan7=_tspan7||react.exports.createElement("tspan",{x:580,y:46.948},"Add Handler")),_rect2=_rect2||react.exports.createElement("rect",{x:551.5,y:29.5,width:109,height:27,rx:3.5,stroke:"#0C53B0"}),react.exports.createElement("text",{fill:"#2A323C",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:14,fontWeight:600,letterSpacing:0},_tspan8=_tspan8||react.exports.createElement("tspan",{x:0,y:210.606},"External Handlers (http webhooks)")),_path8=_path8||react.exports.createElement("path",{d:"M231.996 206.833c3.195 0 5.837-2.642 5.837-5.829 0-3.195-2.649-5.837-5.837-5.837-3.194 0-5.829 2.642-5.829 5.837 0 3.187 2.642 5.829 5.829 5.829Zm-.095-4.593c-.273 0-.427-.147-.427-.419v-.111c0-.574.302-.898.751-1.2.544-.382.787-.596.787-1.015 0-.471-.375-.803-.971-.803a.995.995 0 0 0-.95.633c-.162.207-.221.368-.523.368a.36.36 0 0 1-.368-.375c0-.096.015-.184.037-.28.147-.574.817-1.074 1.84-1.074 1.009 0 1.863.537 1.863 1.494 0 .692-.391 1.038-.979 1.443-.435.294-.633.507-.633.853v.103c0 .214-.155.383-.427.383Zm.022 1.708a.604.604 0 0 1-.604-.589c0-.331.287-.581.604-.581.316 0 .603.242.603.581a.598.598 0 0 1-.603.589Z",fill:"#555F7C"}),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan9=_tspan9||react.exports.createElement("tspan",{x:0,y:231.948},"Webhooks (Events) allow your application to communicate with aiWARE through published "),_tspan10=_tspan10||react.exports.createElement("tspan",{x:0,y:247.948},"http messages to specified URIs. ")),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan11=_tspan11||react.exports.createElement("tspan",{x:467,y:284.132},"Instructions")),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan12=_tspan12||react.exports.createElement("tspan",{x:10,y:285.132},"Name")),_path9=_path9||react.exports.createElement("path",{d:"m49 280 3.75 3.75L56.5 280H49Z",fill:"#555F7C"}),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan13=_tspan13||react.exports.createElement("tspan",{x:135,y:285.132},"Protocol")),_path10=_path10||react.exports.createElement("path",{d:"m187 280 3.75 3.75 3.75-3.75H187Z",fill:"#555F7C"}),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan14=_tspan14||react.exports.createElement("tspan",{x:264,y:285.132},"Password")),_path11=_path11||react.exports.createElement("path",{d:"m325 280 3.75 3.75 3.75-3.75H325Z",fill:"#555F7C"}),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,letterSpacing:0},_tspan15=_tspan15||react.exports.createElement("tspan",{x:370,y:285.132},"Handler")),_path12=_path12||react.exports.createElement("path",{d:"m421 280 3.75 3.75 3.75-3.75H421Z",fill:"#555F7C"}),_path13=_path13||react.exports.createElement("path",{fill:"#FAFAFA",d:"M0 300h660v50H0z"}),_path14=_path14||react.exports.createElement("path",{opacity:.9,stroke:"#D5DFE9",strokeWidth:.5,d:"M0 345.75h660M0 299.75h660"}),_rect3=_rect3||react.exports.createElement("rect",{x:550.5,y:219.5,width:109,height:27,rx:3.5,fill:"#fff"}),_path15=_path15||react.exports.createElement("path",{d:"M572.25 233.75h-4.5v4.5h-1.5v-4.5h-4.5v-1.5h4.5v-4.5h1.5v4.5h4.5v1.5Z",fill:"#0C53B0"}),react.exports.createElement("text",{fill:"#0C53B0",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:12,fontWeight:600,letterSpacing:0},_tspan16=_tspan16||react.exports.createElement("tspan",{x:579,y:236.948},"Add Handler")),_rect4=_rect4||react.exports.createElement("rect",{x:550.5,y:219.5,width:109,height:27,rx:3.5,stroke:"#0C53B0"})),_rect5=_rect5||react.exports.createElement("rect",{x:183.25,y:4.25,width:80.5,height:15.5,rx:7.75,fill:"#335B89"}),react.exports.createElement("text",{fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:10,fontWeight:600,letterSpacing:0},_tspan17=_tspan17||react.exports.createElement("tspan",{x:193.109,y:15.29},"Coming Soon")),_rect6=_rect6||react.exports.createElement("rect",{x:183.25,y:4.25,width:80.5,height:15.5,rx:7.75,stroke:"#214167",strokeWidth:.5}),_rect7=_rect7||react.exports.createElement("rect",{x:248.25,y:198.25,width:80.5,height:15.5,rx:7.75,fill:"#335B89"}),react.exports.createElement("text",{fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:10,fontWeight:600,letterSpacing:0},_tspan18=_tspan18||react.exports.createElement("tspan",{x:258.109,y:209.29},"Coming Soon")),_rect8=_rect8||react.exports.createElement("rect",{x:248.25,y:198.25,width:80.5,height:15.5,rx:7.75,stroke:"#214167",strokeWidth:.5}),_defs=_defs||react.exports.createElement("defs",null,react.exports.createElement("filter",{id:"dummy_svg__a",x:-44,y:-176,width:748,height:993,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},react.exports.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),react.exports.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),react.exports.createElement("feOffset",null),react.exports.createElement("feGaussianBlur",{stdDeviation:7}),react.exports.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),react.exports.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2227_22407"}),react.exports.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_2227_22407",result:"shape"}))))};const useStyles$7=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)},chip:{marginLeft:"10px"},inputContainer:{paddingTop:"10px"},root:{"&":{width:"100%"}},grayText:{color:"gray"}})),FunctionalityStep=({handleOnValidate:e})=>{var t=useStyles$7()["classes"];const s=useDispatch();var a=useSelector(selectAppUrl),n=useSelector(preferredLanguageSelector);const i=AIWareFormatMessage(n),r=useForm({mode:"onChange",defaultValues:{url:a}});react.exports.useEffect(()=>{e&&e(!0)}),react.exports.useEffect(()=>{null!=e&&e(r.formState.isValid)},[r.formState.isValid]);n=e=>{var{name:e,value:t}=e.target;s(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},r,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,rowSpacing:5,columnSpacing:6,className:t.container,"data-test":"os-app-center-new-functionality-step-container"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.application-type-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-type-title-formattedMessage",defaultMessage:"Application Type",description:"Application Type title"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"caption","data-test":"os-app-center-new.application-type-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-type-description-formattedMessage",defaultMessage:"Please select the application type from the list below:",description:"Application Type description"})})),jsxRuntime.exports.jsx("div",Object.assign({className:t.inputContainer},{children:jsxRuntime.exports.jsxs(InputSelect,Object.assign({className:t.root,onChange:n,"data-test":"os-app-center-new.app-type-input",fullWidth:!0,value:"web",name:"app-type"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({value:"web"},{children:[jsxRuntime.exports.jsx("b",{children:"Web Application"})," ",jsxRuntime.exports.jsx("span",Object.assign({className:t.grayText},{children:"(Accessible via Browser)"}))]})),jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:!0},{children:[jsxRuntime.exports.jsx("b",{children:"Docker Application"})," (Run on aiWARE)"," ",jsxRuntime.exports.jsx(Chip,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]})),jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:!0},{children:[jsxRuntime.exports.jsx("b",{children:"Kubernetes"})," ",jsxRuntime.exports.jsx(Chip,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]}))]}))}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.application-url-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-url-title-formattedMessage",defaultMessage:"Application URL",description:"Application url title"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"caption","data-test":"os-app-center-new.application-url-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.integration-description-formattedMessage",defaultMessage:"Provide the url to access your application. Include http or https.",description:"Application url description"})})),jsxRuntime.exports.jsx("div",Object.assign({className:t.inputContainer},{children:jsxRuntime.exports.jsx(InputText,{required:!0,type:"url","data-test":"os-app-center-new.url-input",rules:{required:!0,validate:{unique:e=>(e=>!!/https?:\/\/[a-z0-9].+/.test(e)||i({id:"os-app-center-new.invalid-url-error",defaultMessage:[{type:0,value:"Must be a valid URL including protocol."}]}))(e)}},onChange:n,placeholder:"URL",name:"url",fullWidth:!0})}))]}))]}))}))},useStyles$6=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)},chip:{marginLeft:"10px",marginTop:"9px",marginRight:"15px",background:"#214167"},inputContainer:{paddingTop:"10px"},root:{"&":{width:"100%"}},checked:{color:"#6098D1"}})),AuthenticationStep=({handleOnValidate:e})=>{var t=useStyles$6()["classes"];const s=useForm({mode:"onChange",defaultValues:{url:""}});return react.exports.useEffect(()=>{e&&e(!0)}),react.exports.useEffect(()=>{null!=e&&e(s.formState.isValid)},[s.formState.isValid]),jsxRuntime.exports.jsx(FormProvider,Object.assign({},s,{children:jsxRuntime.exports.jsx(Grid$1,Object.assign({container:!0,rowSpacing:5,columnSpacing:6,className:t.container,"data-test":"os-app-center-new-authentication-step-container"},{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Heading,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.authentication-title-formattedMessage",defaultMessage:"Authentication",description:"Authentication title"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.authentication-description-formattedMessage",defaultMessage:"Default authentication is None. OAuth and JWT authentication protocols coming soon",description:"authentication description"}),testName:"os-app-center-new.authentication"}),jsxRuntime.exports.jsx(Typography$1,{variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.authentication-title"}),jsxRuntime.exports.jsx(Typography$1,{variant:"caption","data-test":"os-app-center-new.authentication-description"}),jsxRuntime.exports.jsx("div",Object.assign({className:t.inputContainer},{children:jsxRuntime.exports.jsxs(RadioGroup,Object.assign({"data-test":"authentication-radio-group","aria-labelledby":"demo-radio-buttons-group-label",name:"radio-buttons-group",value:"none",defaultValue:"none",row:!0},{children:[jsxRuntime.exports.jsx(FormControlLabel$1,{value:"none",control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-none"}),label:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",color:"textSecondary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.radio-None-formattedMessage",defaultMessage:"None",description:"None"})}))}),jsxRuntime.exports.jsx(Chip,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"}),jsxRuntime.exports.jsx(FormControlLabel$1,{value:"oauth",disabled:!0,control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-oauth"}),label:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",style:{color:"lightgray"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.radio-OAuth-formattedMessage",defaultMessage:"OAuth",description:"OAuth"})}))}),jsxRuntime.exports.jsx(FormControlLabel$1,{value:"jwt",disabled:!0,control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-jwt"}),label:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",style:{color:"lightgray"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.radio-JWT-formattedMessage",defaultMessage:"JWT",description:"JWT"})}))})]}))}))]}))}))}))},useStyles$5=makeStyles()(e=>({container:{width:"100%",padding:"25px 30px"},subheading:{maxWidth:"100%",minWidth:"48.75rem",padding:"30px 0"},titleDesc:{width:"60%",display:"inline-block"},appLogo:{width:"40%",display:"inline-block"},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:"100%",maxHeight:"100%"}})),AppLogo=({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$1u,alt:"app logo"})}))},Row=({label:e,value:t,style:s,testName:a,icon:n,asterisk:i,handleOpenCollapse:r,textTransformValue:o="capitalize"})=>jsxRuntime.exports.jsxs(Box$1,Object.assign({display:"flex",justifyContent:"space-between",alignItems:"center",textTransform:o,"data-test":a+"-container"},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6","data-test":"label-"+a},{children:e})),jsxRuntime.exports.jsxs(Box$1,Object.assign({className:s,display:"flex",justifyContent:"space-between",alignItems:"center",onClick:r},{children:[jsxRuntime.exports.jsxs(Typography$1,Object.assign({variant:"h6",sx:{fontWeight:400}},{children:[t,i]})),jsxRuntime.exports.jsx(IconButton$1,Object.assign({"aria-label":"expand row",size:"small",onClick:r,"data-test":a+"-expand-action-trigger"},{children:n}))]}))]})),ConfirmationStep=()=>{var e=useStyles$5()["classes"],t=useSelector(selectApp);return jsxRuntime.exports.jsxs(Box$1,Object.assign({className:e.container,"data-test":"os-app-center-new-confirmation-step-container"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.subheading},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.titleDesc},{children:[jsxRuntime.exports.jsx(Box$1,Object.assign({display:"flex",alignItems:"center",textTransform:"capitalize","data-test":"os-app-center-new-confirmation-step.app-name"},{children:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h2"},{children:lodash.exports.isEmpty(t.name)?"-":t.name}))})),jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"os-app-center-new-confirmation-step.app-description"},{children:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"caption",color:"#2A323C"},{children:lodash.exports.isEmpty(t.description)?"-":t.description}))}))]})),jsxRuntime.exports.jsx("div",Object.assign({"data-test":"os-app-center-new-confirmation-step.app-logo",className:e.appLogo},{children:jsxRuntime.exports.jsx(AppLogo,{path:t.iconPath})}))]})),jsxRuntime.exports.jsxs(Box$1,Object.assign({sx:{width:"100%"},"data-test":"os-app-center-new-confirmation-step.row-container"},{children:[jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.app-url-formattedMessage",defaultMessage:"Application URL:",description:"application url"}),textTransformValue:"none",value:lodash.exports.isEmpty(t.url)?"-":t.url,style:e.text,testName:"os-app-center-new-confirmation-step.app-url"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.custom-fields-formattedMessage",defaultMessage:"Custom Fields:",description:"Custom Fields"}),value:lodash.exports.isEmpty(t.configFields)?"-":lodash.exports.join(lodash.exports.map(t.configFields,e=>e.name),", "),style:e.text,testName:"os-app-center-new-confirmation-step.app-custom-fields"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.app-headerbar-formattedMessage",defaultMessage:"Headerbar:",description:"headerbar"}),value:"On (Default)",style:e.text,testName:"os-app-center-new-confirmation-step.app-headerbar"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.app-auth-formattedMessage",defaultMessage:"Authentication:",description:"auth"}),value:"None (Default)",style:e.text,testName:"os-app-center-new-confirmation-step.app-auth"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.confirmation-step-app-packages-formattedMessage",defaultMessage:"App Packages:",description:"app packages"}),value:lodash.exports.isEmpty(t.flows)&&lodash.exports.isEmpty(t.engines)&&lodash.exports.isEmpty(t.schemas)?"-":`Automate Flows (${t.flows.length}), Engines (${t.engines.length}), Schemas (${t.schemas.length})`,style:e.text,testName:"os-app-center-new-confirmation-step.app-packages"})]}))]}))},formatDate=e=>{if(!e)return"--/--/-- --:-- --";const t=new Date(e);return t.toLocaleDateString()+" "+t.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0})};var EngineLinking=()=>{const e=useDispatch();var t=useSelector(selectApp)["engines"];const[s,a]=react.exports.useState(lodash.exports.map(t,e=>({name:e.name,edgeVersion:e.edgeVersion,modifiedDateTime:formatDate(e.modifiedDateTime)})));return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.engine-linking-list.engines",heading:"aiWARE Engines to Include with App Package",description:"Select engines that interface with your application to be included with your application package.",actionButtonLabel:"Add Engine",items:s,columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!1,onActionClick:()=>{e(mountPanel({panelId:"APP_CENTER_ADD_ENGINE_PANEL",microFrontend:{name:"APP_CENTER_ADD_ENGINE_PANEL",config:{name:"Add Engine"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{a(lodash.exports.orderBy(s,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},FlowLinking=()=>{const e=useDispatch();var t=useSelector(selectApp)["flows"];const[s,a]=react.exports.useState(lodash.exports.map(t,e=>({name:e.name,version:e.edgeVersion,lastUpdated:formatDate(e.modifiedDateTime)})));return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.engine-linking-list.flows",heading:"Automate Flows to Include with App Package",description:"Select Automate flows that interface with your application to be included with your application package.",actionButtonLabel:"Add Flow",items:s,columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!1,onEditClick:lodash.exports.noop,onDeleteClick:lodash.exports.noop,onActionClick:()=>{console.log("Open add panel now.");e(mountPanel({panelId:"APP_CENTER_ADD_FLOW_PANEL",microFrontend:{name:"APP_CENTER_ADD_FLOW_PANEL",config:{name:"Add Flow"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{a(lodash.exports.orderBy(s,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},SchemaLinking=()=>jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:"Schema Linking"}),AppPackagesStep=()=>jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:5,p:6,"data-test":"app-package"},{children:[jsxRuntime.exports.jsx(Box$1,{children:jsxRuntime.exports.jsx(FlowLinking,{})}),jsxRuntime.exports.jsx(Box$1,{children:jsxRuntime.exports.jsx(EngineLinking,{})}),jsxRuntime.exports.jsx(Box$1,{children:jsxRuntime.exports.jsx(SchemaLinking,{})})]}));const useBasicInfoStyles=makeStyles()(e=>({container:{padding:e.spacing(6),justifyContent:"space-around","& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},textInput:{padding:26},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:i})=>{const t=react.exports.useRef(),e=react.exports.useRef(),r=useDispatch();var s=useSelector(preferredLanguageSelector);const o=AIWareFormatMessage(s),a=react.exports.useCallback(e=>{var t,s,a,n;e&&(i.includes(e.type)?({name:t,size:s,type:a}=e,n=URL.createObjectURL(e),n={id:guid(),previewUrl:n,name:t,size:s,type:a},r(actions.iconUploadState.uploadIconStart({file:n}))):r(showMessage({content:o({id:"os-app-center-new.snackbar.unsupportedFileType",defaultMessage:[{type:1,value:"type"},{type:0,value:" is not a supported image type."}]},{type:e.type}),severity:MessageSeverity.Warning})))},[i,r]),n=react.exports.useCallback(e=>{e.preventDefault();e=e.dataTransfer.files[0];a(e)},[a]);const p=e=>{e.preventDefault()};return react.exports.useEffect(()=>{const e=t.current;return e.addEventListener("drop",n),()=>{e.removeEventListener("drop",n)}},[n]),react.exports.useEffect(()=>{const e=t.current;return e&&(e.addEventListener("dragover",p),e.addEventListener("dragleave",p)),()=>{e.removeEventListener("dragover",p),e.removeEventListener("dragleave",p)}},[]),{dropZoneRef:t,fileInputRef:e,handleRemoveFile:e=>{e.stopPropagation(),r(actions.iconUploadState.deleteLocalIcon()),r(actions.appFormState.updateAppFormField({field:"iconPath",value:""}))},handleOpenFilePicker:()=>{e.current.click()},handleIconSelect:e=>{e=e.target.files[0];a(e)}}},acceptedFileTypes=["image/jpeg","image/png","image/gif","image/svg+xml"],IconImporter=({iconPath:e})=>{var t=useSelector(selectIcon),s=useIconImporterStyles()["classes"],{dropZoneRef:a,fileInputRef:n,handleRemoveFile:i,handleIconSelect:r,handleOpenFilePicker:o}=useDragAndDrop({acceptedFileTypes:acceptedFileTypes});return jsxRuntime.exports.jsx("div",Object.assign({className:s.iconBox,ref:a,"data-test":"app-description-icon-dropzone"},{children:e||null!=t&&t.previewUrl?jsxRuntime.exports.jsxs("div",Object.assign({className:s.innerBox,style:{backgroundColor:"transparent"}},{children:[jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"app-description-icon-remove",className:s.removeIcon,size:"small",onClick:i},{children:jsxRuntime.exports.jsx(default_1$1,{})})),jsxRuntime.exports.jsx("img",{src:(null==t?void 0:t.previewUrl)||e,alt:(null==t?void 0:t.name)||"Icon",className:s.iconPreview,"data-test":"app-description-icon-preview"})]})):jsxRuntime.exports.jsxs(Button,Object.assign({className:s.innerBox,onClick:o},{children:[jsxRuntime.exports.jsx("input",{type:"file",ref:n,className:s.fileInput,onChange:r}),jsxRuntime.exports.jsx(default_1$3,{className:s.addIcon})]}))}))},BasicInfo=({onValidate:e})=>{var t=useBasicInfoStyles()["classes"];const s=useDispatch();var a=useSelector(selectApp),n={name:a.name,description:a.description};const i=useForm({mode:"onChange",defaultValues:n});react.exports.useEffect(()=>{e(i.formState.isValid)},[i.formState.isValid]);n=e=>{var{name:e,value:t}=e.target;e=e,t=t,s(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"basic-info"},{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},i,{children:jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:t.container,container:!0,rowSpacing:4,columnSpacing:10,"data-test":"app-description"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,item:!0,xs:12,sm:8,rowSpacing:2,columnSpacing:6},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12,sm:6},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.name-description-label",defaultMessage:"Name & Description",description:"Name & Description"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.image-recommended-label",defaultMessage:"Provide a name and description to users know what your application does.",description:"application name and description caption"})}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(InputText,{inputProps:{className:t.textInput},"data-test":"app-description-input-name",variant:"outlined",sx:{marginBottom:3},placeholder:"Application Name",name:"name",value:a.name,onChange:n,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":"app-description-input-description",variant:"outlined",placeholder:"Description",name:"description",fullWidth:!0,multiline:!0,rows:10,value:a.description,onChange:n,rules:{required:!0,maxLength:250}})}))]})),jsxRuntime.exports.jsx(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$1,Object.assign({sx:{py:1}},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.icon-image-label",defaultMessage:"App Icon",description:"App Icon"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-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:a.iconPath})]}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(EntityTags,{selectedTags:a.entityTags,setSelectedTags:e=>{s(actions.appFormState.updateAppFormField({field:"entityTags",value:e}))}})}))]}))}))}))},AppOnboardingFlow=()=>{const t=useDispatch(),s=useSelector(selectApp),a=useSelector(selectIsEditForm)["isEditForm"],[e,n]=react.exports.useState(!1);var i=e=>n(e);var r=({handleOnValidate:e,children:t})=>(react.exports.useEffect(()=>{e(!0)},[]),t),r=[jsxRuntime.exports.jsx(BasicInfo,{onValidate:i}),jsxRuntime.exports.jsx(FunctionalityStep,{handleOnValidate:i}),jsxRuntime.exports.jsx(r,Object.assign({handleOnValidate:i},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"headerbar"},{children:"Headerbar"}))})),jsxRuntime.exports.jsx(AuthenticationStep,{handleOnValidate:i}),jsxRuntime.exports.jsx(r,Object.assign({handleOnValidate:i},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({m:5},{children:jsxRuntime.exports.jsx(SvgDummy$1,{"data-test":"automate"})}))})),jsxRuntime.exports.jsx(r,Object.assign({handleOnValidate:i},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({m:5},{children:jsxRuntime.exports.jsx(SvgDummy,{"data-test":"app-events"})}))})),jsxRuntime.exports.jsx(r,Object.assign({handleOnValidate:i},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"app-package"},{children:jsxRuntime.exports.jsx(AppPackagesStep,{})}))})),jsxRuntime.exports.jsx(ConfirmationStep,{})],i=[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"app-new-submit-app-button",variant:"contained",color:"primary",onClick:()=>{var[e=!1]=[];a?t(actions.appFormState.updateAppStart({app:s,openBuildPanel:e})):t(actions.appFormState.createAppStart({app:s,openBuildPanel:e}))}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.{idPrefix}-app-button",defaultMessage:"{verb}",description:"{verb} app button text",values:{idPrefix:a?"update":"submit",verb:a?"Update":"Submit"}})}),"submit-app-button")];return jsxRuntime.exports.jsx(ProgressStepper,{steps:["Basic Info","Functionality","Headerbar","Authentication","Automate","App Events","App Package","Review"],stepContent:r,customFinalStepButtons:i,nextButtonDisabled:!e,idPrefix:"app-center-new-aob"})},appBarHeight$1=55,headerHeight=64,borderBottom$1=5,useStyles$3=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight$1}px - ${headerHeight}px - ${borderBottom$1}px)`}})),MainLayout=({appId:e})=>{var t=useStyles$3()["classes"];const s=useDispatch();var a=useSelector(selectIsLoadingExistingAppData)["isLoadingExistingAppData"];return react.exports.useEffect(()=>{e?s(actions.appFormState.editApp(e)):s(actions.appFormState.createNewApp())},[]),jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-new-widget",className:t.ecnPanel},{children:a?jsxRuntime.exports.jsx(Box$1,Object.assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(CircularProgress,{})})):jsxRuntime.exports.jsx(AppOnboardingFlow,{})}))},AppCenterNew=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))}))})}))}),selectFlowLinkingPanel=e=>e[namespace].flowLinkingPanelState,AddFlowPanel=()=>{const a=useDispatch(),n=useSelector(selectApp),{searchTerm:e,searchResults:i,isLoadingSearchResults:t,sortOrder:s}=useSelector(selectFlowLinkingPanel);const r=e=>{var t=lodash.exports.findIndex(i,{id:e.target.value});const s=lodash.exports.clone(n.flows);lodash.exports.includes(lodash.exports.map(s,e=>e.id),i[t].id)?s.splice(lodash.exports.findIndex(s,{id:e.target.value}),1):s.unshift(lodash.exports.clone(i[t])),a(actions.appFormState.updateAppFormField({field:"flows",value:s}))};const o="os-app-center-new.add-flow-panel.";return jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,spacing:3,p:6,"data-test":o+"container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",alignItems:"center",justifyContent:"space-between"},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-flow-panel.title",description:"Add Flow Panel Title",defaultMessage:"Add Flow"})})),jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":o+"close",onClick:()=>{a(unmountPanel(AvailableComponents.APP_CENTER_ADD_FLOW_PANEL))}},{children:jsxRuntime.exports.jsx(default_1$1,{})}))]}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined",fullWidth:!0},{children:jsxRuntime.exports.jsx(TextField,{"data-test":o+"search",id:"search-input",placeholder:"Search",type:"search",value:e,onChange:e=>{a(actions.flowLinkingPanelState.searchByTerm(e.target.value))},size:"small",InputProps:{startAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"start"},{children:t?jsxRuntime.exports.jsx(CircularProgress,{size:24}):jsxRuntime.exports.jsx(default_1$2,{})})),style:{borderRadius:100}}})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":o+"sort-toggle",onClick:e=>{a(actions.flowLinkingPanelState.toggleSortOrder())}},{children:jsxRuntime.exports.jsx(default_1,{})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel$1,{label:"Select All",control:jsxRuntime.exports.jsx(Checkbox,{"data-test":o+"select-all",onClick:e=>{var t=lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.flows,e=>e.id)))?[]:lodash.exports.uniqBy([...n.flows,...i],"id");a(actions.appFormState.updateAppFormField({field:"flows",value:t}))},checked:!lodash.exports.isEmpty(n.flows),indeterminate:!lodash.exports.isEmpty(n.flows)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.flows,e=>e.id)))})})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(Divider,{})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(Stack,Object.assign({direction:"column"},{children:lodash.exports.map(lodash.exports.orderBy(i,"name",s),e=>jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel$1,{label:e.name,control:jsxRuntime.exports.jsx(Checkbox,{"data-test":o+"flow",value:e.id,checked:lodash.exports.includes(lodash.exports.map(n.flows,e=>e.id),e.id),onChange:r})})}),e.id))}))}))]}))},appBarHeight=55,borderBottom=5,mainHeight=`calc(100vh - ${appBarHeight+borderBottom}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"}})),ConfigFieldsForm=({hidePanel:n,isEdit:i=!1,editIndex:r=-1})=>{var e=useStyles$2()["classes"];const o=useDispatch(),a=useSelector(selectConfigFields);var t=()=>{if(i&&0<=r){var e;if(a[r].type===AppFieldType.Picklist)return e=get_1(a,`[${r}].options`),t=get_1(a,`[${r}].defaultValue`),e=findIndex_1(e,{value:t}),Object.assign(Object.assign({},a[r]),{defaultValue:-1===e?"":toString_1(e)});if(a[r].type!==AppFieldType.MultiPicklist)return a[r];{var t=get_1(a,`[${r}].options`);const s=get_1(a,`[${r}].defaultValues`);return Object.assign(Object.assign({},a[r]),{options:map_1(t,e=>({key:e.key,value:e.value,checked:includes_1(s,e.value)}))})}}return{name:"",configLevel:"Org",type:AppFieldType.Text,required:!1,defaultValue:""}},s=t();const p=useForm({mode:"onChange",defaultValues:s}),[l,c]=react.exports.useState(t().type),[d,x]=react.exports.useState(t().configLevel);t=e=>{let t;var s,a;t=e.type===AppFieldType.Picklist?Object.assign(Object.assign({},e),{defaultValue:get_1(e,`options[${e.defaultValue}].value`,"")}):e.type===AppFieldType.MultiPicklist?(s=map_1(filter_1(e.options,{checked:!0}),e=>e.value),a=map_1(e.options,e=>({key:e.key,value:e.value})),Object.assign(Object.assign({},e),{options:a,defaultValues:s})):e.type===AppFieldType.Number?Object.assign(Object.assign({},e),{min:toNumber_1(e.min),max:toNumber_1(e.max),step:toNumber_1(e.step)}):e,i?o(actions.appFormState.updateConfigField({configFields:t,index:r})):o(actions.appFormState.addConfigField(t)),n()};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},p,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:p.handleSubmit(t)},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.container,container:!0,spacing:5,"data-test":"app-new-config-fields-form-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(Box$1,Object.assign({className:e.header},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h1",color:"secondary","data-test":"app-new-config-fields-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.form-title",defaultMessage:"{label} Config Fields",description:"Form label for supported file types",values:{label:i?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({onClick:n,"aria-labelledby":"app-center-new-close-panel","data-test":"app-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-new-config-fields-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.field-name",defaultMessage:"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":"app-new-config-fields-name-content",rules:{required:!0,maxLength:50}})]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-new-config-fields-header-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.field-description",defaultMessage:"Description",description:"You can set a field description"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",name:"description",fullWidth:!0,multiline:!0,rows:5,"data-test":"app-new-config-fields-description-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$1,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-new-config-fields-header-config-level"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.config-level",defaultMessage:"Config Level",description:"You can set a config level"})})),jsxRuntime.exports.jsxs(InputSelect,Object.assign({inputProps:{maxLength:50,className:e.textInput},className:e.inputSelect,type:"text",name:"configLevel",value:d,defaultValue:d,onChange:e=>{p.setValue("configLevel",e.target.value),x(e.target.value)},style:{minWidth:"100%"},"data-test":"app-new-config-level-content",rules:{required:!0}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"Org"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.menu-item-org",defaultMessage:"Org",description:"You can set a config level"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"User"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.menu-item-user",defaultMessage:"User",description:"You can set a config level"})}))]}))]})),jsxRuntime.exports.jsxs(Grid$1,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-new-config-fields-header-type"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.field-type",defaultMessage:"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:l,onChange:e=>{p.resetField("defaultValue"),p.unregister("defaultValues"),p.unregister("min"),p.unregister("max"),p.unregister("step"),p.resetField("options"),p.unregister("options"),p.setValue("type",e.target.value),c(e.target.value)},style:{minWidth:"100%"},"data-test":"app-new-config-fields-type-content",rules:{required:!0}},{children:map_1(keys_1(AppFieldType),(e,t)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:AppFieldType[e]},{children:AppFieldType[e]}),t))}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:(()=>{switch(l){case AppFieldType.Text:case AppFieldType.SchemaSelection:return jsxRuntime.exports.jsx(SchemaOrText,{});case AppFieldType.Number:return jsxRuntime.exports.jsx(Number$1,{});case AppFieldType.Picklist:return jsxRuntime.exports.jsx(Picklist,{isMulti:!1});case AppFieldType.MultiPicklist:return jsxRuntime.exports.jsx(Picklist,{isMulti:!0});default:return null}})()})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,style:{padding:"12.5px 0 0 25px"}},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({display:"flex",justifyContent:"start",alignItems:"center"},{children:jsxRuntime.exports.jsx(InputCheckbox,{name:"required",defaultChecked:s.required,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.required-checkbox",defaultMessage:"Make Required",description:"Required field checkbox"})})}))}))]})),jsxRuntime.exports.jsx(Box$1,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(p,"formState.isValid"),onSubmit:t,variant:"contained",color:"primary","data-test":"app-new-config-fields-button-submit"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-config-fields.submit-button-label",defaultMessage:"{label}",description:"{label} Config Fields",values:{label:i?"Update":"Add"}})}))}))]}))}))},AppCenterConfigFieldsForm=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(ConfigFieldsForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})})),useStyles$1=makeStyles()(e=>({header:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:e.spacing(4)},moreIcon:{width:"32px",height:e.spacing(3),background:"#E2E2E2",borderRadius:e.spacing(6),cursor:"pointer"},card:{width:360,background:"#465364",boxShadow:"0px 4px 10px rgba(0, 0, 0, 0.25)",borderRadius:"4px",color:"#FFFFFF"},hide:{display:"none"}})),useStyles=makeStyles()(e=>({root:{borderRadius:"50%",border:"1px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",width:e.spacing(6),height:e.spacing(6)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),EngineLogo=({path:e})=>{var t=useStyles()["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$1u,alt:"engine logo"})}))},TooltipCard=({engine:e,className:t})=>jsxRuntime.exports.jsxs(Card,Object.assign({className:t},{children:[jsxRuntime.exports.jsx(CardHeader$1,{sx:{paddingBottom:2},avatar:jsxRuntime.exports.jsx(EngineLogo,{path:e.iconPath}),title:e.name,subheader:jsxRuntime.exports.jsxs(Typography$1,Object.assign({fontSize:"10px",color:"#FFFFFF",lineHeight:"16px"},{children:["Version: ",e.edgeVersion,"   Modified: ",e.modifiedDateTime]}))}),jsxRuntime.exports.jsx(CardContent,Object.assign({sx:{marginLeft:9.5,paddingTop:0}},{children:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body2",fontSize:"10px",color:"#FFFFFF",lineHeight:"16px"},{children:e.description}))}))]})),AddEngineForm=({hidePanel:e})=>{const t=useStyles$1()["classes"],a=useDispatch(),n=useSelector(selectApp),{searchTerm:s,searchResults:i,isLoadingSearchResults:r,sortOrder:o}=useSelector(selectEngineLinkingPanel),[p,l]=react.exports.useState(null);const c=e=>{var t=lodash.exports.findIndex(i,{id:e.target.value});const s=[...n.engines];lodash.exports.includes(lodash.exports.map(s,e=>e.id),i[t].id)?s.splice(lodash.exports.findIndex(s,{id:e.target.value}),1):s.unshift(i[t]),a(actions.appFormState.updateAppFormField({field:"engines",value:s}))};const d="os-app-center-new.add-engine-panel.";return jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,spacing:3,p:6,"data-test":d+"container"},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({xs:12,sx:{paddingLeft:5}},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,sx:{marginBottom:"24px"}},{children:jsxRuntime.exports.jsxs(Box$1,Object.assign({className:t.header},{children:[jsxRuntime.exports.jsx(Typography$1,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:"Add Engine",description:"Form label for supported file types"})})),jsxRuntime.exports.jsx(Tooltip$1,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$1,Object.assign({onClick:e,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Box$1,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:8,sx:{marginBottom:5}},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined",fullWidth:!0},{children:jsxRuntime.exports.jsx(TextField,{"data-test":d+"search",id:"search-input",placeholder:"Search",type:"search",value:s,onChange:e=>{a(actions.engineLinkingPanelState.searchByTerm(e.target.value))},size:"small",InputProps:{startAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"start"},{children:r?jsxRuntime.exports.jsx(CircularProgress,{size:24}):jsxRuntime.exports.jsx(default_1$2,{})})),style:{borderRadius:100}}})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,sx:{marginLeft:4}},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":d+"sort-toggle",onClick:e=>{a(actions.engineLinkingPanelState.toggleSortOrder())}},{children:jsxRuntime.exports.jsx(default_1,{})}))}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel$1,{label:"Select All",control:jsxRuntime.exports.jsx(Checkbox,{"data-test":d+"select-all",onClick:e=>{var t=lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.engines,e=>e.id)))?[]:lodash.exports.uniqBy([...n.engines,...i],"id");a(actions.appFormState.updateAppFormField({field:"engines",value:t}))},checked:!lodash.exports.isEmpty(n.engines),indeterminate:!lodash.exports.isEmpty(n.engines)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.engines,e=>e.id)))})})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,sx:{margin:"20px 0"}},{children:jsxRuntime.exports.jsx(Divider,{})}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({xs:12},{children:jsxRuntime.exports.jsx(Stack,Object.assign({direction:"column"},{children:lodash.exports.map(lodash.exports.orderBy(i,"name",o),e=>jsxRuntime.exports.jsxs(TableRow,Object.assign({onMouseOver:()=>l(e.id),onMouseOut:()=>l(null),hover:!0,"data-test":"engines-list-table-row",sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0 25px"}},{children:[jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel$1,{label:e.name,control:jsxRuntime.exports.jsx(Checkbox,{"data-test":d+"engine",value:e.id,checked:lodash.exports.includes(lodash.exports.map(n.engines,e=>e.id),e.id),onChange:c})})}),e.id),jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(TooltipCard,{engine:e,className:e.id===p?t.card:t.hide}),placement:"left",componentsProps:{tooltip:{sx:{padding:0}}}},{children:jsxRuntime.exports.jsx(MoreHor,{className:e.id===p?t.moreIcon:t.hide})}))]}),e.id))}))}))]}))},AppCenterAddEnginePanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AddEngineForm,{hidePanel:e.hidePanel})})})}));export{AppCenterAddEnginePanel,AddFlowPanel as AppCenterAddFlowPanel,AppCenterConfigFieldsForm,AppCenterNew};