aiware-js 2.37.0 → 2.38.0

package/js-core.esm56.js

@@ -1,124 +1,167 @@
-import{X as createSlice,t as lodash,ci as combineReducers,cj as createSelector,a2 as rootApiSelector,a4 as graphEndpointSelector,a3 as sessionTokenSelector,ck as fork,m as makeStyles,l as useDispatch,r as react,cH as validate,j as jsxRuntime,cl as AIWareThemeProvider,$ as DynamicModuleLoader,A as AIWareIntlProvider,bK as AIWareCacheProvider,aq as takeLatest$1,cw as mountPanel,n as useSelector,z as classNames,T as Typography,E as IconButton,cz as MoreVert,am as Tooltip,c5 as Hide,cA as Menu,M as MenuItem,ae as ListItemIcon,cB as Edit,N as Divider,cD as Delete,cv as hidePanel,G as Grid,c as Paper,F as FormattedMessage,fW as Input,y as TextField,b6 as default_1,at as select,a0 as preferredLanguageSelector,as as put,av as call,c7 as showMessage,c8 as MessageSeverity,cu as delay,ah as all,bf as AIWareFormatMessage,aO as TableContainer,aP as Table,aU as TableBody,H as Select,cJ as baseGraphQLApiWithError,aQ as TableHead,aR as TableRow,aS as TableCell,aT as TableSortLabel,ap as Skeleton,cG as img$1y,K as Button,cL as Add,cQ as Filter,aM as Dialog,b2 as DialogTitle,b3 as DialogContent,cx as DialogContentText,b4 as DialogActions,cF as useBackupImg}from"./js-core.esm.js";import{s as statusPill}from"./js-core.esm20.js";import{E as EntityTags}from"./js-core.esm21.js";import{C as Container}from"./js-core.esm6.js";import{A as Autocomplete}from"./js-core.esm23.js";import{P as Pagination}from"./js-core.esm25.js";import"./js-core.esm30.js";import"./js-core.esm36.js";import"./js-core.esm33.js";import"./js-core.esm32.js";import"./js-core.esm14.js";import"./js-core.esm17.js";import"./js-core.esm12.js";import"./js-core.esm16.js";const SLICE_NAME="appCenterBrowse";var AppType,AppConfigType,ModuleRepo,ModuleStatus;!function(e){e.Apps="apps",e.QueryOptions="queryOptions",e.TotalAppsInQuery="totalAppsInQuery"}(AppType=AppType||{}),function(e){e.String="String",e.Boolean="Boolean",e.Date="Date",e.Integer="Integer",e.JSON="JSON",e.Float="Float"}(AppConfigType=AppConfigType||{}),function(e){e.NPM="npm",e.Github="github"}(ModuleRepo=ModuleRepo||{}),function(e){e.ACTIVE="active",e.DELETED="deleted"}(ModuleStatus=ModuleStatus||{});const initialAppDetails={appId:null},namespace$3="uiState",initialState$2={status:"idle",appDetails:initialAppDetails},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{initApps(e){e.status="pending"},fetchingApps(e){e.status="pending"},fetchingDone(e){e.status="idle"},fetchingFailed(e){e.status="failure"},toggleAppDetails(e,{payload:t}){t?e.appDetails.appId=t:delete e.appDetails.appId}}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="apps",initialState$1={apps:{},queryOptions:{limit:10,page:1,orderBy:[]},totalAppsInQuery:0},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{appsFetchSucceeded(e,t){var s=null==(s=null==(s=t.payload)?void 0:s.results)?void 0:s.records,s=lodash.exports.keyBy(s,"id");e[AppType.Apps]=s,t.payload.totalResults&&(e[AppType.TotalAppsInQuery]=null==(e=null==(s=t.payload)?void 0:s.totalResults)?void 0:e.count)},mutateApplicationWorkflow(e,t){t=t.payload;e[AppType.Apps][t.id].status="updating"},mutateApplicationWorkflowSuccess(e,t){var{id:t,status:s,validStateActions:a}=t.payload;e[AppType.Apps][t].status=s,e[AppType.Apps][t].validStateActions=a},refreshAppStateSuccess(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},deleteApp(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleting"},deleteAppSuccess(e,t){t=t.payload.id;e[AppType.Apps][t].status="deleted"},deleteAppFailed(e,t){var s=t.payload["id"];e[AppType.Apps][s]=t.payload},setQueryOptions(e,t){e.queryOptions=t.payload}}}),actions$2=slice$1.actions;var appsState=slice$1.reducer;const namespace$1="filterState",initialState={filter:{name:"",entityTags:[],status:"",created:{startDate:"",endDate:"",isSearch:!1},lastUpdated:{startDate:"",endDate:"",isSearch:!1}}},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{setFilters(e,{payload:t}){e.filter=t.filter}}}),actions$1=slice.actions;var filterState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$3]:uiState,[namespace$2]:appsState,[namespace$1]:filterState});function __awaiter(e,r,o,l){return new(o=o||Promise)(function(s,t){function a(e){try{n(l.next(e))}catch(e){t(e)}}function i(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?s(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(a,i)}n((l=l.apply(e,r||[])).next())})}const applicationFieldsFragment=`fragment applicationFields on Application {
-    id
+import{i as createSvgIcon,k as interopRequireDefault,j as jsxRuntime,X as createSlice,t as lodash,ci as combineReducers,cj as createSelector,a2 as rootApiSelector,a4 as graphEndpointSelector,a3 as sessionTokenSelector,ck as fork,d9 as channel,m as makeStyles,cl as AIWareThemeProvider,$ as DynamicModuleLoader,A as AIWareIntlProvider,bK as AIWareCacheProvider,l as useDispatch,n as useSelector,r as react,G as Grid,cm as Stack,T as Typography,F as FormattedMessage,E as IconButton,b6 as default_1$2,x as FormControl,y as TextField,D as InputAdornment,aK as CircularProgress,cr as default_1$3,aB as FormControlLabel,aC as Checkbox,N as Divider,aq as takeLatest$1,B as Box,cv as hidePanel,ct as AvailableComponents,a0 as preferredLanguageSelector,am as Tooltip,cn as Close,M as MenuItem,bV as map_1,bW as keys_1,K as Button,bU as get_1,da as useIntl,c9 as Radio,bO as isEmpty_1,cu as delay,as as put,at as select,av as call,c7 as showMessage,c8 as MessageSeverity,cs as unmountPanel,cw as mountPanel,ah as all,dg as ProgressStepper,bf as AIWareFormatMessage,di as take,dL as Chip,cO as Collapse,cJ as baseGraphQLApiWithError,dl as sdkEventManager,dm as SdkEvents,dn as SdkError,aA as FormGroup,ay as FormLabel,fX as Copy,fY as ArrowForward,cG as img$1y,S as Switch,dt as guid}from"./js-core.esm.js";import{s as set_1,b as InputText,c as InputSelect,S as SchemaOrText,d as InputCheckbox,e as InputRadioGroup,H as Heading,f as uploadFileToS3,g as getSignedWritableUrl,o as orderBy_1,l as lowerCase_1}from"./js-core.esm19.js";import{u as useForm,F as FormProvider}from"./js-core.esm13.js";import{E as EntityTags,L as ListField}from"./js-core.esm21.js";import{f as find_1,a as findIndex_1}from"./js-core.esm14.js";import{d as default_1$4}from"./js-core.esm41.js";import{d as default_1$5}from"./js-core.esm9.js";import{v as v4}from"./js-core.esm42.js";import"./js-core.esm34.js";import"./js-core.esm28.js";import"./js-core.esm26.js";import"./js-core.esm35.js";import"./js-core.esm17.js";import"./js-core.esm27.js";import"./js-core.esm12.js";import"./js-core.esm22.js";import"./js-core.esm29.js";import"./js-core.esm30.js";import"./js-core.esm31.js";import"./js-core.esm23.js";import"./js-core.esm32.js";var ModuleRepo,ModuleStatus,ContextMenuExtensionType,UiInfo,FormStatus,FormValidations,DeploymentModel,IconImportStatus,AppConfigType,AppConfigLevel,VisibilityOffOutlined={},_interopRequireDefault$1=interopRequireDefault.exports,default_1$1=(Object.defineProperty(VisibilityOffOutlined,"__esModule",{value:!0}),VisibilityOffOutlined.default=void 0),_createSvgIcon$1=_interopRequireDefault$1(createSvgIcon),_jsxRuntime$1=jsxRuntime.exports,_default$1=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"}),"VisibilityOffOutlined"),default_1$1=VisibilityOffOutlined.default=_default$1,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;const SLICE_NAME="appCenterNew";function isNpmRepoModule(e){return e.moduleRepo===ModuleRepo.NPM}function isGithubModule(e){return e.moduleRepo===ModuleRepo.Github}!function(e){e.NPM="npm",e.Github="github"}(ModuleRepo=ModuleRepo||{}),function(e){e.ACTIVE="active",e.DELETED="deleted"}(ModuleStatus=ModuleStatus||{}),function(e){e.mention="mention",e.watchlist="watchlist",e.collection="collection",e.tdo="tdo"}(ContextMenuExtensionType=ContextMenuExtensionType||{}),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.FullyNetworkIsolated="FullyNetworkIsolated",e.MostlyNetworkIsolated="MostlyNetworkIsolated",e.NonNetworkIsolated="NonNetworkIsolated",e.HumanReview="HumanReview"}(DeploymentModel=DeploymentModel||{}),function(e){e.Idle="idle",e.Uploading="uploading",e.Uploaded="uploaded",e.Failed="failed",e.Aborted="aborted"}(IconImportStatus=IconImportStatus||{}),function(e){e.String="String",e.Boolean="Boolean",e.Date="Date",e.Integer="Integer",e.JSON="JSON",e.Float="Float"}(AppConfigType=AppConfigType||{}),function(e){e.Organization="Organization",e.User="User"}(AppConfigLevel=AppConfigLevel||{});const namespace$7="uiState",initialState$6={status:"idle"},slice$6=createSlice({name:SLICE_NAME+"/"+namespace$7,initialState:initialState$6,reducers:{}}),actions$7=slice$6.actions;var uiState=slice$6.reducer;const namespace$6="appFormState",initialState$5={app:{id:"",configFields:[],contextMenuExtensions:{mentions:[],tdos:[],watchlists:[],collections:[]},contextMenuExtensionIdsForBulkDelete:{ids:[]},name:"",description:"",iconPath:"",url:"",entityTags:[],headerbarEnabled:!0,applicationHeaderbar:{name:"",elementId:"",config:{title:"",backgroundColor:"",zIndex:null,logoSrc:"",help:!1,notification:!1,hidePasswordReset:!1,displaySupportChat:!1}},authMethod:"none",oauthUrl:"",nodeModules:[],flows:[],engines:[],schemas:[],flowsToDelete:[],enginesToDelete:[],schemasToDelete:[]},step:[],isLoadingExistingAppData:!1,isEditForm:!1,isResumeSession:!1,formValidations:FormValidations.Pending,formStatus:FormStatus.Pending,uiInfo:UiInfo.PanelClosed,currentComponents:{engines:[],dataRegistries:[]},apps:[],prevNodeModules:[],prevContextMenuExtensions:{mentions:[],tdos:[],watchlists:[],collections:[]}},slice$5=createSlice({name:SLICE_NAME+"/"+namespace$6,initialState:initialState$5,reducers:{createNewApp(e){e.formStatus=FormStatus.Submitting},editApp(e,t){e.isLoadingExistingAppData=!0,e.isEditForm=!0},setEditAppExistingData(e,t){e.isLoadingExistingAppData=!1,lodash.exports.merge(e.app,t.payload),e.prevNodeModules=t.payload.nodeModules,e.prevContextMenuExtensions=t.payload.contextMenuExtensions},updateAppStart(e,t){e.formStatus=FormStatus.Submitting,e.isEditForm=!0},createAppStart(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:a}=t.payload;lodash.exports.set(e.app,lodash.exports.camelCase(t),a)},updateApplicationHeaderbar(e,t){var{field:t,value:a}=t.payload;lodash.exports.set(e.app.applicationHeaderbar,t,a)},addConfigField(e,t){e.app.configFields=lodash.exports.concat(e.app.configFields,t.payload)},createConfigField(e,t){e.app.configFields=lodash.exports.concat(e.app.configFields,t.payload.newConfigField)},updateConfigField(e,t){var{configFields:t,index:a}=t.payload;lodash.exports.set(e,`app.configFields[${a}]`,t)},removeConfigField(e,t){e.app.configFields.splice(t.payload.removeIndex,1)},clearConfigFields(e){e.app.configFields=[]},addContextMenuExtension(e,t){var t=t.payload["extension"],a=t.type+"s";e.app.contextMenuExtensions[a]=lodash.exports.concat(e.app.contextMenuExtensions[a],t)},updateContextMenuExtension(e,t){var{extension:t,index:a}=t.payload;lodash.exports.set(e,`app.contextMenuExtensions.${t.type+"s"}[${a}]`,t)},removeContextMenuExtension(e,t){var{extensionType:t,index:a}=t.payload;e.app.contextMenuExtensionIdsForBulkDelete.ids.push(e.app.contextMenuExtensions[t+"s"][a].id),e.app.contextMenuExtensions[t+"s"].splice(a,1)},clearContextMenuExtensions(e){e.app.contextMenuExtensions={mentions:[],tdos:[],watchlists:[],collections:[]}},addNodeModule(e,t){var a=lodash.exports.findIndex(e.app.nodeModules,{moduleName:t.payload.moduleName,status:ModuleStatus.DELETED});0<=a?lodash.exports.set(e,`app.nodeModules[${a}]`,t.payload):e.app.nodeModules=lodash.exports.concat(e.app.nodeModules,t.payload)},updateNodeModule(e,t){var{nodeModules:t,index:a}=t.payload;lodash.exports.set(e,`app.nodeModules[${a}]`,t)},removeNodeModule(e,t){e.app.nodeModules.splice(t.payload,1)},fetchApplications(e,t){e.apps=null==(e=t.payload)?void 0:e.records},resumeSession(e,{payload:t}){lodash.exports.set(e,"app",t),lodash.exports.set(e,"isResumeSession",!0)},clearSession(e){localStorage.removeItem("appOnboardingSession"),lodash.exports.set(e,"app",initialState$5.app)}}}),actions$6=slice$5.actions;var appFormState$1=slice$5.reducer;const namespace$5="flowLinkingPanelState",initialState$4={searchTerm:"",isLoadingSearchResults:!1,sortOrder:"asc",searchResults:[]},slice$4=createSlice({name:SLICE_NAME+"/"+namespace$5,initialState:initialState$4,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:a}=t.payload;set_1(e,t,a)}}}),actions$5=slice$4.actions;var flowLinkingPanelState=slice$4.reducer;const namespace$4="schemaLinkingPanelState",initialState$3={searchTerm:"",isLoadingSearchResults:!1,sortOrder:"asc",searchResults:[]},slice$3=createSlice({name:SLICE_NAME+"/"+namespace$4,initialState:initialState$3,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)},updateSchemaLinkingPanelField(e,t){var{field:t,value:a}=t.payload;set_1(e,t,a)}}}),actions$4=slice$3.actions;var schemaLinkingPanelState=slice$3.reducer;const namespace$3="engineLinkingPanelState",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)},updateEngineLinkingPanelField(e,t){var{field:t,value:a}=t.payload;set_1(e,t,a)}}}),actions$3=slice$2.actions;var engineLinkingPanelState=slice$2.reducer;const namespace$2="appEventsPanelState",initialState$1={getEvents:!1,isLoadingSearchResults:!1,sortOrder:"asc",handlers:[],searchResults:[]},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{getEvents(e,t){set_1(e,"getEvents",t.payload)},fetchingStart(e){set_1(e,"isLoadingSearchResults",!0)},fetchingDone(e){set_1(e,"isLoadingSearchResults",!1)},addHandler(e,t){var a=JSON.parse(JSON.stringify(e.handlers)),{eventIds:t,eventNames:s,eventType:n,webhook:i,automateFlowId:o}=t.payload;a.push({eventIds:t,eventNames:s,eventType:n,webhook:i,automateFlowId:o}),set_1(e,"handlers",a)},editHandler(e,t){var{handler:t,index:a}=t.payload;set_1(e,`handlers[${a}]`,t)},deleteHandler(e,t){var t=t.payload,a=JSON.parse(JSON.stringify(e.handlers));a.splice(t,1),set_1(e,"handlers",a)},updateEventsPanelField(e,t){var{field:t,value:a}=t.payload;set_1(e,t,a)},resumeSession(e,{payload:t}){set_1(e,"handlers",t)}}}),actions$2=slice$1.actions;var eventsPanelState=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 iconUploadState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$7]:actions$7,[namespace$6]:actions$6,[namespace$5]:actions$5,[namespace$4]:actions$4,[namespace$3]:actions$3,[namespace$1]:actions$1,[namespace$2]:actions$2},rootReducer=combineReducers({[namespace$7]:uiState,[namespace$6]:appFormState$1,[namespace$3]:engineLinkingPanelState,[namespace$5]:flowLinkingPanelState,[namespace$4]:schemaLinkingPanelState,[namespace$1]:iconUploadState,[namespace$2]:eventsPanelState}),selectApp=e=>e[namespace].appFormState.app,selectApps=e=>e[namespace].appFormState.apps,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,selectContextMenuExtensions=e=>e[namespace].appFormState.app.contextMenuExtensions,selectAppUrl=e=>e[namespace].appFormState.app.url,selectEntityTags=e=>e[namespace].appFormState.app.entityTags,selectNodeModules=e=>e[namespace].appFormState.app.nodeModules,selectPrevNodeModules=e=>e[namespace].appFormState.prevNodeModules,selectPrevContextMenuExtensions=e=>e[namespace].appFormState.prevContextMenuExtensions,selectIsResumeSession=e=>lodash.exports.get(e[namespace].appFormState,"isResumeSession");var appFormState=Object.freeze({__proto__:null,selectApp:selectApp,selectApps:selectApps,selectIsEditForm:selectIsEditForm,selectIsLoadingExistingAppData:selectIsLoadingExistingAppData,selectConfigFields:selectConfigFields,selectContextMenuExtensions:selectContextMenuExtensions,selectAppUrl:selectAppUrl,selectEntityTags:selectEntityTags,selectNodeModules:selectNodeModules,selectPrevNodeModules:selectPrevNodeModules,selectPrevContextMenuExtensions:selectPrevContextMenuExtensions,selectIsResumeSession:selectIsResumeSession});const selectFlowLinkingPanel=e=>e[namespace].flowLinkingPanelState,selectSchemaLinkingPanel=e=>e[namespace].schemaLinkingPanelState,selectEventPanel=e=>e[namespace].appEventsPanelState;var eventPanelState=Object.freeze({__proto__:null,selectEventPanel:selectEventPanel});const selectIcon=e=>e[namespace].iconUploadState.file,selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,a)=>({apiRoot:e,graphQLEndpoint:t,token:a}));function __awaiter(e,o,r,l){return new(r=r||Promise)(function(a,t){function s(e){try{i(l.next(e))}catch(e){t(e)}}function n(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?a(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(s,n)}i((l=l.apply(e,o||[])).next())})}const getEnginesByName=(a,s={name:""})=>__awaiter(void 0,void 0,void 0,function*(){var e={name:s.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        category {\n          id\n        }\n      }\n    }\n  }\n  ",variables:e,operationName:t},a))}),getFlowsByName=(a,s={name:""})=>__awaiter(void 0,void 0,void 0,function*(){var e={name:s.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},a))}),createApplication=(t,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="createApplication";return(yield baseGraphQLApiWithError(Object.assign(Object.assign({query:"\n    mutation createApplication ($input: CreateApplication!) {\n      createApplication (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:a},operationName:e},t),{throwWholeErrorObject:!0})))[e]}),updateAppComponents=(o,r)=>__awaiter(void 0,void 0,void 0,function*(){const{engines:t,dataRegistries:a,id:s}=r,n="updateApplicationComponent";let i="";lodash.exports.forEach(lodash.exports.keys(t),e=>{lodash.exports.isEmpty(t[e])||(i+=`
+      ${e}Engines: ${n} (input: {
+        id: "${s}"
+        componentIds: [${lodash.exports.join(lodash.exports.map(t[e],e=>`"${e}"`),",")}]
+        type: engines
+        action: ${e}
+      }) {
+        engines {
+          records {
+            id
+          }
+        }
+      }
+    `)}),lodash.exports.forEach(lodash.exports.keys(a),e=>{lodash.exports.isEmpty(a[e])||(i+=`
+      ${e}DataRegistries: ${n} (input: {
+        id: "${s}"
+        componentIds: [${lodash.exports.join(lodash.exports.map(a[e],e=>`"${e}"`),",")}]
+        type: dataRegistries
+        action: ${e}
+      }) {
+        dataRegistries {
+          records {
+            id
+          }
+        }
+      }
+    `)});var e=`mutation ${n} {
+    ${i}
+  }`;return(yield baseGraphQLApiWithError(Object.assign({query:e,operationName:n},o)))[n]}),createAppConfig=(a,s,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationConfigDefinitionCreate",t=lodash.exports.map(n,e=>{var t={appId:s,configKey:e.name,configType:AppConfigType[e.type],configLevel:AppConfigLevel[e.configLevel],required:e.required,description:e.description,secured:!1};return lodash.exports.isNil(e.defaultValue)||(t.defaultValue=e.defaultValue),t});return(yield baseGraphQLApiWithError(Object.assign({query:"mutation applicationConfigDefinitionCreate ($input: [ApplicationConfigDefinitionCreate]) {\n    applicationConfigDefinitionCreate (input: $input) {\n      records {\n        configKey\n      }\n    }\n  }",variables:{input:t},operationName:e},a)))[e]}),applicationFieldsFragment=`fragment applicationFields on Application {
+  id
+  name
+  description
+  entityTags {
+    tagKey
+    tagValue
+  }
+  applicationConfig {
+    records {
+      applicationId
+      configKey
+      configType
+      configLevel
+      required
+      description
+      secured
+      defaultValue
+      defaultValueJSON
+    }
+    offset
+    limit
+    count
+  }
+  status
+  url
+  signedIconUrl
+  oauth2RedirectUrls
+  iconSvg
+  iconUrl
+  key
+  clientSecret
+  validStateActions
+  createdDateTime
+  modifiedDateTime
+  headerbarEnabled
+  applicationHeaderbar {
     name
-    description
-    entityTags {
-      tagKey
-      tagValue
+    elementId
+    config {
+      title
+      backgroundColor
+      help
+      zIndex
+      notification
+      displaySupportChat
+      logoSrc
+      hidePasswordReset
     }
-    applicationConfig {
+  }
+  components {
+    engines {
       records {
-        applicationId
-        configKey
-        configType
-        configLevel
-        required
+        id
+        name
         description
-        secured
-        defaultValue
-        defaultValueJSON
+        state
+        iconPath
+        signedIconPath
+        deployedVersion
+        displayName
+        edgeVersion
+        categoryId
+        modifiedDateTime
       }
-      offset
-      limit
-      count
     }
-    status
-    url
-    signedIconUrl
-    oauth2RedirectUrls
-    iconSvg
-    iconUrl
-    key
-    clientSecret
-    validStateActions
-    createdDateTime
-    modifiedDateTime
-    headerbarEnabled
-    components {
-      engines {
-        records {
-          id
-          name
-          description
-          state
-          iconPath
-          signedIconPath
-          deployedVersion
-          displayName
-          edgeVersion
-          categoryId
-          modifiedDateTime
-        }
-      }
-      dataRegistries {
-        records {
-          id
-          name
-          description
-          modifiedDateTime
-          publishedSchema {
-            majorVersion
-            minorVersion
-            status
-          }
-        }
-      }
-      contextMenuExtensions {
+    dataRegistries {
+      records {
         id
-        label
-        url
-        type
+        name
+        description
+        modifiedDateTime
+        publishedSchema {
+          majorVersion
+          minorVersion
+          status
+        }
       }
     }
-    nodeModules(includeDeleted: true) {
-      moduleId
-      moduleRepo
-      moduleName
-      moduleVersion
-      isPrivateRepo
-      isPrivateRegistry
-      scope
-      accessToken
-      registryUrl
-      sshUrl
-      status
+  }
+  contextMenuExtensions {
+    mentions {
+      id
+      label
+      url
+      type
     }
-  }`,getApplications=(a,i={page:1,limit:10,filter:{},orderBy:[]})=>__awaiter(void 0,void 0,void 0,function*(){var{page:e,limit:t}=i,e=Object.assign(Object.assign({},i),{offset:(e-1)*t}),t="getApplications",s="applications",s=`
-        ${applicationFieldsFragment}
-        query ${t}($limit: Int, $offset: Int) {
-         totalResults: ${s}(owned: true, offset: 0, limit: 9999) {
-           count
-         }
-        results: ${s}(limit: $limit, offset: $offset, owned: true) {
-          records {
-           ...applicationFields
-          }
-         }
-        }
-      `;return yield baseGraphQLApiWithError(Object.assign({query:s,variables:e,operationName:t},a))});let getApplicationsFilterCache=null;const getApplicationsWithFilter=(a,i={page:1,limit:20,filter:{},orderBy:[]})=>__awaiter(void 0,void 0,void 0,function*(){var{page:e,limit:t}=i,e=Object.assign(Object.assign({},i),{offset:(e-1)*t}),t="getApplicationsWithFilter",s="applications",s=`
-        ${applicationFieldsFragment}
-        query ${t}($offset: Int, $limit: Int, $filter: ApplicationFilter) {
-          ${lodash.exports.isEqual(i.filter,getApplicationsFilterCache)?"":`totalResults: ${s}(limit: 9999, filter: $filter) {
-                count
-              }`}
-        results: ${s}(limit: $limit, offset: $offset, filter: $filter, owned: true) {
-          records {
-           ...applicationFields
-          }
-         }
+    tdos {
+      id
+      label
+      url
+      type
+    }
+    watchlists {
+      id
+      label
+      url
+      type
+    }
+    collections {
+      id
+      label
+      url
+      type
+    }
+  }
+  nodeModules(includeDeleted: true) {
+    moduleId
+    moduleRepo
+    moduleName
+    moduleVersion
+    isPrivateRepo
+    isPrivateRegistry
+    scope
+    accessToken
+    registryUrl
+    sshUrl
+    status
+  }
+}`,getApplications=a=>__awaiter(void 0,void 0,void 0,function*(){var e="applications",t=`
+      ${applicationFieldsFragment}
+      query ${e}($limit: Int, $offset: Int) {
+       totalResults: ${e}(owned: true, offset: 0, limit: 9999) {
+         count
+       }
+      results: ${e}(limit: $limit, offset: $offset, owned: true) {
+        records {
+         ...applicationFields
         }
-      `,s=(getApplicationsFilterCache=lodash.exports.cloneDeep(i.filter),yield baseGraphQLApiWithError(Object.assign({query:s,variables:e,operationName:t},a)));return s}),getApplication=(s,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="application",t=`
+       }
+      }
+    `;return(yield baseGraphQLApiWithError(Object.assign({query:t,variables:{limit:9999,offset:0},operationName:e},a))).results}),getApplication=(a,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="application",t=`
       ${applicationFieldsFragment}
       query ${e} ($id: ID!) {
         ${e}(id: $id) {
           ...applicationFields
         }
       }
-    `;return(yield baseGraphQLApiWithError(Object.assign({query:t,variables:{id:a},operationName:e},s))).application}),applicationWorkflow=(s,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationWorkflow",t=`
-        ${applicationFieldsFragment}
-        mutation ${e}($input: ApplicationWorkflow!) {
-          applicationWorkflow: ${e}(input: $input) {
-            ...applicationFields
-         }
-        }
-      `;return yield baseGraphQLApiWithError(Object.assign({query:t,variables:{input:a},operationName:e},s))}),deleteApp$1=(t,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="deleteApplication";return yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation deleteApplication ($id: ID!) {\n      deleteApplication(id: $id) {\n        id\n        message\n      }\n    }\n  ",variables:{id:s},operationName:e},t))}),selectUIStateStatus=e=>e[namespace].uiState.status,selectApps=e=>e[namespace].apps[AppType.Apps],selectQueryOptions=e=>e[namespace].apps[AppType.QueryOptions],selectTotalAppsInQuery=e=>e[namespace].apps[AppType.TotalAppsInQuery],selectFilters=e=>e[namespace].filterState.filter,selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,s)=>({apiRoot:e,graphQLEndpoint:t,token:s}));function isDeveloperDomain(){return/^(developer\.(((dev|prod)\.)?([a-zA-Z0-9\-]*\.)?)?veritone\.com|localhost|local\.veritone)/.test(window.location.hostname)}function*fetchApplications(){var e=yield select(selectApiConfigs),t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);if(e)try{yield put(actions.uiState.fetchingApps());var s=yield call(getApplications,e);yield put(actions.apps.appsFetchSucceeded(s)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:t({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}function*fetchFilterApplications(e){yield delay(650);var{page:t,limit:s,orderBy:a}=yield select(selectQueryOptions);if("appCenterBrowse/filterState/setFilters"===e.type&&1!==t)yield put(actions.apps.setQueryOptions({page:1,limit:s,orderBy:a}));else{var e=yield select(selectFilters),i={},e=(lodash.exports.isEmpty(e.name)||(i.name=e.name),lodash.exports.isEmpty(e.status)||(i.status=e.status),lodash.exports.isEmpty(e.entityTags)||(i.entityTags=lodash.exports.map(e.entityTags,e=>({key:e.tagKey}))),e.created.isSearch&&(i.dateTimeFilter=[{field:"createdDateTime",fromDateTime:e.created.startDate,toDateTime:e.created.endDate}]),e.lastUpdated.isSearch&&(i.dateTimeFilter=[...i.dateTimeFilter||[],{field:"modifiedDateTime",fromDateTime:e.lastUpdated.startDate,toDateTime:e.lastUpdated.endDate}]),{page:t,limit:s,orderBy:a,filter:i}),t=yield select(selectApiConfigs),s=yield select(preferredLanguageSelector),a=AIWareFormatMessage(s);if(t)try{yield put(actions.uiState.fetchingApps());var n=yield call(getApplicationsWithFilter,t,e);yield put(actions.apps.appsFetchSucceeded(n)),yield put(actions.uiState.fetchingDone())}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}}function*mutateAppWorkflow(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{var e=(yield call(applicationWorkflow,s,t)).applicationWorkflow;yield put(actions.apps.mutateApplicationWorkflowSuccess(e)),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appSuccessAction",defaultMessage:[{type:0,value:"App successfully "},{type:1,value:"action"},{type:0,value:"d"}]},{action:t.action}),severity:MessageSeverity.Success}))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.appFailedAction",defaultMessage:[{type:0,value:"App failed to "},{type:1,value:"action"}]},{action:t.action}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.refreshAppStateSuccess(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*deleteApp(t){var t=t["payload"],s=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(s)try{yield call(deleteApp$1,s,t.id),yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-success",defaultMessage:[{type:0,value:"App successfully deleted"}]}),severity:MessageSeverity.Success})),yield put(actions.apps.deleteAppSuccess(t))}catch(e){yield put(showMessage({content:a({id:"os-app-center-browse.snackbar.app-delete-fail",defaultMessage:[{type:0,value:"App failed to be deleted"}]}),severity:MessageSeverity.Error}));try{var i=yield call(getApplication,s,t.id);yield put(actions.apps.deleteAppFailed(i))}catch(e){yield put(actions.uiState.fetchingFailed())}}}function*toggleAppDetails(e){e=e.payload;if(!e)return isDeveloperDomain()&&window.history.pushState(null,"",origin+"/apps/overview"),yield put(hidePanel("APP_CENTER_DETAILS"));if(isDeveloperDomain()){const origin=window.location.origin;var t=window.location.pathname.split("/"),t=(t[2]=e,""+origin+t.join("/"));window.history.pushState(null,"",t)}yield put(mountPanel({panelId:"APP_CENTER_DETAILS",microFrontend:{name:"APP_CENTER_DETAILS",config:{name:"Application Details",appId:e}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge",zIndex:1010}}))}function*watchFetchApp(){yield takeLatest$1([actions.uiState.initApps.type],fetchApplications)}function*watchSetFilters(){yield takeLatest$1(actions.filterState.setFilters.type,fetchFilterApplications)}function*watchSetQueryOptions(){yield takeLatest$1(actions.apps.setQueryOptions.type,fetchFilterApplications)}function*watchAppWorkflow(){yield takeLatest$1(actions.apps.mutateApplicationWorkflow.type,mutateAppWorkflow)}function*watchDeleteApp(){yield takeLatest$1(actions.apps.deleteApp.type,deleteApp)}function*watchToggleAppDetails(){yield takeLatest$1(actions.uiState.toggleAppDetails.type,toggleAppDetails)}const appSagas=[fork(watchSetFilters),fork(watchSetQueryOptions),fork(watchFetchApp),fork(watchAppWorkflow),fork(watchDeleteApp),fork(watchToggleAppDetails)];function*rootSaga(){yield all([...appSagas])}function getAppCenterBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$7=makeStyles()(e=>({container:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:e.spacing(4),width:"100%",padding:e.spacing(6)},imgContainer:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(4),border:"20px solid #C2C6CF",borderRadius:"50%",overflow:"hidden",width:350,aspectRatio:"1 / 1",opacity:.25},logo:{width:"70%",height:"70%",objectFit:"contain"},tableContainer:{overflowX:"initial"},table:{"& td":{verticalAlign:"middle",fontWeight:600}},paginationContainer:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:e.spacing(3),padding:e.spacing(3)},noResultsContainer:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}})),visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;const mountAppCenterNew=e=>{e(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"New App Onboarding"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"New App Onboarding",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3}}))},useStyles$6=makeStyles()(e=>({header:{alignItems:"center",display:"flex",zIndex:10,width:"100%",background:"#fff"},marginRight:{marginRight:e.spacing(2)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"}})),Header=()=>{var e=useStyles$6()["classes"];const t=useDispatch();var s=()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.BbPEYs",defaultMessage:"Filter",description:"button to open up a filter panel for apps"});return jsxRuntime.exports.jsxs("header",Object.assign({className:e.header,"data-test":"app-center-browse-header"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-test":"app-center-browse-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.3G70xl",defaultMessage:"Applications",description:"Header Title for Apps Table"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.headerActionContainer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({className:e.marginRight,onClick:()=>{mountAppCenterNew(t)},color:"primary",variant:"contained","data-test":"app-center-browse-add-new"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.TuUJVi",defaultMessage:"Add New",description:"Label of a button that allows user to create a new app"})})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-center-browse-filter-panel"},{children:jsxRuntime.exports.jsx(s,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(s,{})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>{t(mountPanel({panelId:"APP_CENTER_FILTER",microFrontend:{name:"APP_CENTER_FILTER",config:{name:"App Filter"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"App Filter",divider:!0},marginTop:55,size:"small",zIndex:1e3}}))},"aria-labelledby":"app-center-browse-filter-panel","data-test":"app-center-browse-filter-panel",size:"large"},{children:jsxRuntime.exports.jsx(Filter,{})}))}))]}))]}))},useStyles$5=makeStyles()(e=>({appListHeader:{position:"sticky",top:0,background:"#fff",zIndex:20},appHeaderCell:{padding:"10px 20px 10px 20px"}})),AppsListTableHeader=e=>{const s=useStyles$5()["classes"],{order:a,orderBy:i,onRequestSort:n}=e;return jsxRuntime.exports.jsxs(TableHead,Object.assign({className:s.appListHeader},{children:[jsxRuntime.exports.jsx(TableRow,{children:jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.appHeaderCell,colSpan:10},{children:jsxRuntime.exports.jsx(Header,{})}))}),jsxRuntime.exports.jsxs(TableRow,{children:[jsxRuntime.exports.jsx(TableCell,{}),lodash.exports.map([{id:"name",label:"Application Name"},{id:"status",label:"Status"},{id:"url",label:"URL"},{id:"createdDateTime",label:"Date Created"},{id:"modifiedDateTime",label:"Last Modified"}],e=>{return jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.appHeaderCell,sortDirection:i===e.id&&a,"data-test":"apps-list-table-header-app-"+e.label},{children:jsxRuntime.exports.jsx(TableSortLabel,Object.assign({active:i===e.id,direction:i===e.id?a:"asc",onClick:(t=e.id,e=>{n(e,t)})},{children:e.label}))}),e.id);var t}),jsxRuntime.exports.jsx(TableCell,{})]})]}))},AppRowSkeleton=()=>jsxRuntime.exports.jsxs(TableRow,Object.assign({hover:!0},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({style:{paddingRight:0}},{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"circular",width:28,height:28})})),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22,width:400})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(Skeleton,{animation:"wave",variant:"rectangular",height:22})}),jsxRuntime.exports.jsx(TableCell,{})]})),APP_CENTER_TEXT={cancel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.cancel",defaultMessage:"Cancel",description:"Cancel"}),delete:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.delete",defaultMessage:"Delete",description:"Delete"}),close:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.close",defaultMessage:"CLOSE",description:"Close"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"}),deleteApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.deleteApp",defaultMessage:"Delete Application",description:"Delete Application"}),editApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.editApp",defaultMessage:"Edit Application",description:"Edit Application"}),appDetails:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.appDetails",defaultMessage:"Application Details",description:"Application Details"})},ConfirmDelete=({open:e,appName:t,testName:s,handleCloseConfirmDelete:a,handleConfirmDelete:i})=>jsxRuntime.exports.jsxs(Dialog,Object.assign({"data-test":s,open:e,onClose:a,maxWidth:"xs","aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"alert-dialog-title"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-title",defaultMessage:"Confirm Delete",description:"Title of the delete app confirmation modal"})}))})),jsxRuntime.exports.jsx(DialogContent,{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"alert-dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.app-list-row.delete-confirmation-message",defaultMessage:"Are you sure you want to delete {appName}? This action can not be undone.",description:"This message is show when prompting the user to confirm the delete of an app from the apps list",values:{appName:t}})}))}),jsxRuntime.exports.jsxs(DialogActions,{children:[jsxRuntime.exports.jsx(Button,Object.assign({color:"secondary",onClick:a},{children:APP_CENTER_TEXT.cancel()})),jsxRuntime.exports.jsx(Button,Object.assign({variant:"contained",onClick:i,autoFocus:!0},{children:APP_CENTER_TEXT.delete()}))]})]})),formatDate=e=>{return e?(e=new Date(e)).toLocaleDateString()+" "+e.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0}):"--/--/-- --:-- --"},useStyles$4=makeStyles()(e=>({root:{borderRadius:"50%",border:"2px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden"},small:{width:e.spacing(6),height:e.spacing(6)},medium:{width:e.spacing(9),height:e.spacing(9)},large:{width:e.spacing(12),height:e.spacing(12)},xlarge:{width:e.spacing(16),height:e.spacing(16)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),CircledLogo=({size:e="medium",path:t,altText:s=""})=>{var a=useStyles$4()["classes"],[t,i]=useBackupImg(t,img$1y);return jsxRuntime.exports.jsx("div",Object.assign({className:a.root+" "+a[e]},{children:jsxRuntime.exports.jsx("img",{className:a.logo+" "+(t==img$1y&&a.veritoneLogo),src:t,alt:s,onError:i})}))},StatusPill=statusPill["jsx"],useStyles$3=makeStyles()(e=>({iconCell:{width:50,paddingRight:0},truncateText:{display:"block",maxWidth:"220px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),AppsListRow=({app:a})=>{const[e,i]=react.exports.useState(null),[t,n]=react.exports.useState(!1),r=useDispatch();var s=useStyles$3()["classes"];return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(TableRow,Object.assign({onClick:()=>{r(actions.uiState.toggleAppDetails(a.id))},style:{cursor:"pointer"},hover:!0,"data-test":"apps-list-table-row","data-test-app-id":a.id},{children:[jsxRuntime.exports.jsx(TableCell,Object.assign({className:s.iconCell},{children:jsxRuntime.exports.jsx(CircledLogo,{size:"small",path:a.signedIconUrl,altText:a.name+" Logo"})})),jsxRuntime.exports.jsx(TableCell,{children:a.name}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(StatusPill,{statusType:"application",status:a.status})}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx("div",Object.assign({className:s.truncateText},{children:a.url}))}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.createdDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:formatDate(a.modifiedDateTime)}),jsxRuntime.exports.jsx(TableCell,{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{i(e.currentTarget),e.stopPropagation()},"data-test":"app-row-action-trigger",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})}))}),jsxRuntime.exports.jsx(Menu,Object.assign({anchorEl:e,open:Boolean(e),onClose:()=>{i(null)}},{children:!lodash.exports.isEmpty(a.validStateActions)&&lodash.exports.map(a.validStateActions,s=>jsxRuntime.exports.jsx(MenuItem,Object.assign({onClick:e=>{return t=s,(e=e).stopPropagation(),"enable"!==t&&"disable"!==t&&"approve"!==t&&"deploy"!==t&&"reject"!==t&&"submit"!==t||r(actions.apps.mutateApplicationWorkflow({id:a.id,action:t})),"delete"===t&&n(!0),"edit"===t&&(e={name:"APP_CENTER_NEW",config:{name:"Edit app",appId:a.id}},t={type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Edit app",divider:!0},marginTop:55,size:"xlarge",zIndex:1e3},r(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:e,panelConfig:t}))),void i(null);var t},"data-test":"app-row-action-button-"+s},{children:s}),s))}))]})),jsxRuntime.exports.jsx(ConfirmDelete,{open:t,appName:a.name,testName:"os-app-center-browse.app-list-row.delete-confirmation-modal",handleCloseConfirmDelete:()=>{n(!1)},handleConfirmDelete:()=>{r(actions.apps.deleteApp({id:a.id})),n(!1)}})]})},NoResults=()=>{var e=useStyles$7()["classes"];const t=useDispatch();return jsxRuntime.exports.jsxs("div",Object.assign({className:e.container},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.imgContainer},{children:jsxRuntime.exports.jsx("img",{className:e.logo,src:img$1y,alt:"Veritone Logo"})})),jsxRuntime.exports.jsx("h2",Object.assign({"data-test":"ac-browse-no-results-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"applicationsListTable.noResults.message",defaultMessage:"No applications found...",description:"No results found message"})})),jsxRuntime.exports.jsx(Button,Object.assign({className:"test-class",variant:"contained",size:"large",onClick:()=>mountAppCenterNew(t),startIcon:jsxRuntime.exports.jsx(Add,{})},{children:"Add New"}))]}))},AppsListTable=({baseRedirectUrl:t})=>{var e=useStyles$7()["classes"],s=useSelector(selectUIStateStatus);const a=useSelector(selectApps),i=useSelector(selectQueryOptions);var n=useSelector(selectTotalAppsInQuery);const[r,o]=react.exports.useState(),[l,p]=react.exports.useState("desc"),c=useDispatch();return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(TableContainer,Object.assign({className:e.tableContainer},{children:jsxRuntime.exports.jsxs(Table,Object.assign({className:e.table,stickyHeader:!0},{children:[jsxRuntime.exports.jsx(AppsListTableHeader,{order:l,orderBy:r,onRequestSort:(e,t)=>{var s=r===t&&"asc"===l;p(s?"desc":"asc"),o(t)}}),jsxRuntime.exports.jsxs(TableBody,{children:["pending"===s&&lodash.exports.times(10,()=>jsxRuntime.exports.jsx(AppRowSkeleton,{},Math.random())),lodash.exports.isEmpty(a)?jsxRuntime.exports.jsx("div",Object.assign({className:e.noResultsContainer},{children:jsxRuntime.exports.jsx(NoResults,{})})):lodash.exports.map(lodash.exports.keys(a),e=>jsxRuntime.exports.jsx(AppsListRow,{baseRedirectUrl:t,app:a[e]},e))]})]}))})),!!n&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.paginationContainer},{children:[jsxRuntime.exports.jsx(Typography,{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse.sCzlFD",defaultMessage:"Rows per page: ",description:"Rows per page"})}),jsxRuntime.exports.jsxs(Select,Object.assign({value:i.limit||10,onChange:e=>{c(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{limit:e.target.value,page:1})))},"data-test":"apps-list-per-page-select",MenuProps:{style:{zIndex:1500}}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:10},{children:"10"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:20,"data-test":"apps-list-twenty-per-page"},{children:"20"})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:30},{children:"30"}))]})),jsxRuntime.exports.jsx(Pagination,{count:Math.ceil(n/i.limit),page:i.page,onChange:(e,t)=>{c(actions.apps.setQueryOptions(Object.assign(Object.assign({},i),{page:t})))}})]}))]})},useStyles$2=makeStyles()(e=>({panel:{width:"100%",height:"100%",overflow:"auto",backgroundColor:e.palette.background.paper}})),MainLayout$1=({baseRedirectUrl:e})=>{var t=useStyles$2()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-browse-widget",className:t.panel},{children:jsxRuntime.exports.jsx(AppsListTable,{baseRedirectUrl:e})}))},Content=e=>{const t=useDispatch(),{apiRoot:s,graphQLEndpoint:a,token:i}=useSelector(selectApiConfigs);return react.exports.useEffect(()=>{s&&a&&i&&t(actions.uiState.initApps())},[s,a,i,t]),s&&a&&i?jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)):null},AppCenterBrowse=e=>{const s=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?s(actions.uiState.toggleAppDetails(t)):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(s))},[s]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))})})}))})},useStyles$1=makeStyles()(e=>({panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1},divider:{marginBottom:e.spacing(2)},appHeader:{minHeight:"120px"},headerInfo:{paddingLeft:e.spacing(4)},appInfo:{paddingTop:e.spacing(6)},appInfoBody:{paddingLeft:e.spacing(4),paddingTop:e.spacing(3)},appOverview:{paddingTop:e.spacing(6),bottom:e.spacing(6),minHeight:"120px"},sectionTitle:{paddingBottom:e.spacing(3)},textContent:{fontStyle:"normal",fontWeight:400,fontSize:14,lineHeight:20},titleInline:{fontWeight:600,marginRight:e.spacing(1)},contentRow:{paddingBottom:e.spacing(3)},appDescription:{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},appVersion:{paddingLeft:e.spacing(3)},appMainLayout:{paddingTop:e.spacing(2)},appTabPanels:{width:"100%"},appContainer:{paddingLeft:e.spacing(3),paddingTop:e.spacing(2)}})),ActionPanel=({onClose:e,onDelete:t,onEdit:s,children:a})=>{var i=useStyles$1()["classes"];const[n,r]=react.exports.useState(null);var o=()=>{r(null)};return jsxRuntime.exports.jsx("div",Object.assign({className:classNames(i.panelRoot),"data-test":"app-details-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:i.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(i.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{r(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:n,open:Boolean(n),onClose:o,onBlur:o,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:s},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:t},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:i.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:i.panelBody},{children:a}))]}))}))},MainLayout=()=>jsxRuntime.exports.jsx("div",{children:"MainLayout"}),AppCenterDetails=({appId:e})=>{const t=useDispatch();return jsxRuntime.exports.jsx(ActionPanel,Object.assign({onClose:()=>{var e;t(hidePanel("APP_CENTER_DETAILS")),isDeveloperDomain()&&(e=window.location.origin,window.history.pushState({},"",e+"/applications/overview"))},onDelete:()=>{console.log("handleDelete")},onEdit:()=>{console.log("handleEdit")}},{children:e&&jsxRuntime.exports.jsx(Container,Object.assign({style:{width:"100%"},"data-test":"app-details-widget"},{children:jsxRuntime.exports.jsx(MainLayout,{})}))}))},useStyles=makeStyles()(e=>({groupFilterContent:{display:"flex",alignItems:"flex-end"},paper:{height:"100%",padding:5,backgroundColor:"#f5f5f5"},groupFilter:{padding:"20px 10px",borderBottom:"1px solid #ccc"},container:{marginTop:"6px",display:"flex",flexWrap:"wrap",alignItems:"center"},clearFilterIcon:{display:"flex",justifyContent:"center"},textField:{border:"1px solid #f5f5f5",backgroundColor:"#f5f5f5",marginRight:e.spacing(2),outline:"none"},formGroup:{display:"flex",flexDirection:"column",margin:"5px 0 5px 0",padding:e.spacing(1),border:"1px solid #8E8E8E",width:"100%"}})),AppsFilter=()=>{var e=useStyles()["classes"];const t=useDispatch(),s=react.exports.useRef(!1),[a,i]=react.exports.useState(useSelector(selectFilters));var n=(new Date).toISOString().split("T")[0];const r={startDate:"",endDate:"",isSearch:!1};react.exports.useEffect(()=>{s.current?t(actions.filterState.setFilters({filter:a})):s.current=!0},[a,t]);const{status:o,lastUpdated:l,created:p,name:c,entityTags:d}=a;var u=e=>{i(Object.assign(Object.assign({},a),{created:Object.assign(Object.assign({},p),{[e.target.name]:e.target.value,isSearch:!0})}))},x=e=>{i(Object.assign(Object.assign({},a),{lastUpdated:Object.assign(Object.assign({},l),{[e.target.name]:e.target.value,isSearch:!0})}))};const m=e=>{switch(e){case"created":case"lastUpdated":i(Object.assign(Object.assign({},a),{[e]:r}));break;case"search":i(Object.assign(Object.assign({},a),{[e]:""}))}};return jsxRuntime.exports.jsx(Grid,Object.assign({container:!0,spacing:3,"data-test":"apps-list-filter-container"},{children:jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:!0},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({className:e.paper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-browse-filter-header-name",defaultMessage:"Name",description:"Name"})})),jsxRuntime.exports.jsx(Input,{"data-test":"app-center-browse-filter-input-name",placeholder:"Application Name",name:"name",value:c,onChange:e=>{e=e.target.value;i(Object.assign(Object.assign({},a),{name:e||""}))},fullWidth:!0})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-browse-filter-header-tags"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-tags",defaultMessage:"Tags",description:"tags"})})),jsxRuntime.exports.jsx(EntityTags,{selectedTags:d,setSelectedTags:e=>{i(Object.assign(Object.assign({},a),{entityTags:e||""}))},showHeader:!1})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-status"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-header-status",defaultMessage:"Status",description:"Status"})})),jsxRuntime.exports.jsx(Autocomplete,{"data-test":"app-center-browse-filter-field-status",id:"statusFilter",value:{label:o},options:[{label:"active"},{label:"draft"},{label:"deleted"},{label:"pending"},{label:"rejected"},{label:"approved"},{label:"disabled"}],getOptionLabel:e=>e?e.label:"",renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-select-status-caption",defaultMessage:"Select status",description:"Select status"})})),variant:"standard"})),onChange:(e,t)=>{i(Object.assign(Object.assign({},a),{status:(null==t?void 0:t.label)||""}))}})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-created"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-header-label-created",defaultMessage:"Created",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-start-date",id:"startDate",type:"date",name:"startDate",value:p.startDate,onChange:u,className:e.textField,max:p.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-created-end-date",id:"endDate",type:"date",name:"endDate",value:p.endDate,onChange:u,className:e.textField,max:n,min:p.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:p.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-created-clear",onClick:()=>m("created"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.groupFilter},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-test":"app-center-filter-header-last-updated"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-filter-header-label-last-updated",defaultMessage:"Last updated",description:"Last updated"})})),jsxRuntime.exports.jsxs("form",Object.assign({className:e.container,noValidate:!0},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"startDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-from",defaultMessage:"From",description:"From"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-start-date",id:"startDate",type:"date",name:"startDate",value:l.startDate,onChange:x,className:e.textField,max:l.endDate||n})]})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.formGroup},{children:[jsxRuntime.exports.jsx("label",Object.assign({htmlFor:"endDate"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-browse-filter-date-picker-updated-label-to",defaultMessage:"To",description:"To"})})),jsxRuntime.exports.jsx("input",{"data-test":"app-center-browse-filter-field-updated-end-date",id:"endDate",type:"date",name:"endDate",value:l.endDate,onChange:x,className:e.textField,max:n,min:l.startDate})]}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.clearFilterIcon},{children:l.isSearch&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"app-center-browse-filter-last-updated-clear",onClick:()=>m("lastUpdated"),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"small"})}))}))]}))]}))}))}))},AppCenterFilter=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AppsFilter,{})})})});export{AppCenterBrowse,AppCenterDetails,AppCenterFilter};
+    `;return(yield baseGraphQLApiWithError(Object.assign({query:t,variables:{id:s},operationName:e},a))).application}),updateApplication=(t,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="updateApplication";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation updateApplication ($input: UpdateApplication!) {\n      updateApplication (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:a},operationName:e},t)))[e]}),bulkDeleteContextMenuExtensions=(t,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="bulkDeleteContextMenuExtensions";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation bulkDeleteContextMenuExtensions ($input: BulkDeleteContextMenuExtensions!) {\n      bulkDeleteContextMenuExtensions (input: $input) {\n        mentions {\n          id\n          label\n          url\n          type\n        }\n        tdos {\n          id\n          label\n          url\n          type\n        }\n        watchlists {\n          id\n          label\n          url\n          type\n        }\n        collections {\n          id\n          label\n          url\n          type\n        }\n      }\n    }\n  ",variables:{input:a},operationName:e},t)))[e]}),deleteConfigField=(t,a,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationConfigDefinitionDelete";return yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation applicationConfigDefinitionDelete($appId: ID! $configKey: String!) {\n      applicationConfigDefinitionDelete(\n        input: {\n          appId: $appId\n          configKey: $configKey\n        }\n       )\n      {\n        success\n        code\n        msg\n      }\n    }\n  ",variables:{appId:a,configKey:s},operationName:e},t))}),updateConfigField=(t,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationConfigDefinitionUpdate";return yield baseGraphQLApiWithError(Object.assign({query:"\n  mutation applicationConfigDefinitionUpdate($input: [ApplicationConfigDefinitionUpdateInput]) {\n    applicationConfigDefinitionUpdate(input: $input)\n        {\n         records {\n           applicationId\n           configKey\n        }\n      }\n  }",variables:{input:a},operationName:e},t))}),getApplicationConfigFields=(t,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationConfigDefinition";return yield baseGraphQLApiWithError(Object.assign({query:"\n      query applicationConfigDefinition ($appId: ID!) {\n        applicationConfigDefinition(appId: $appId) {\n          records {\n            applicationId\n            configKey\n            configType\n            configLevel\n            description\n            defaultValue\n            defaultValueJSON\n            required\n            secured\n          }\n        }\n\n      }\n    ",variables:{appId:a},operationName:e},t))}),getOAuthClientSecret=(t,a)=>__awaiter(void 0,void 0,void 0,function*(){var e="getApplicationOatuhClientSecret";return yield baseGraphQLApiWithError(Object.assign({query:"query getApplicationOatuhClientSecret($id: ID!, $password: String!) {\n    application(id: $id) {\n      id,\n      clientSecret(password: $password)\n    }\n  }",variables:a,operationName:e},t))}),getSchemasByName=(a,s={name:""})=>__awaiter(void 0,void 0,void 0,function*(){var e={name:s.name},t="getSchemasByDataRegistryName";return yield baseGraphQLApiWithError(Object.assign({query:"\n  query getSchemasByDataRegistryName($name:String){\n    dataRegistries(\n      name: $name\n    ){\n      records {\n        id\n        name\n        modifiedDateTime\n        schemas {\n          records {\n            id\n            dataRegistryId\n            modifiedDateTime\n            majorVersion\n            minorVersion\n          }\n        }\n      }\n    }\n    }\n  ",variables:e,operationName:t},a))}),getEvents$1=t=>__awaiter(void 0,void 0,void 0,function*(){var e="systemEvents";return yield baseGraphQLApiWithError(Object.assign({query:'\n  query systemEvents {\n    events (application: "system", limit: 9999) {\n      records {\n        id\n        eventName\n        eventType\n        description\n      }\n    }\n  }\n  ',operationName:e},t))});function*searchFlows(e){yield delay(200),yield put(actions.flowLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var a=yield call(getFlowsByName,t,{name:e.payload});yield put(actions.flowLinkingPanelState.updateFlowLinkingPanelField({field:"searchResults",value:a.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*searchSchemas(e){yield delay(200),yield put(actions.schemaLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var a=yield call(getSchemasByName,t,{name:e.payload});yield put(actions.schemaLinkingPanelState.updateSchemaLinkingPanelField({field:"searchResults",value:lodash.exports.map(a.dataRegistries.records,e=>{var t=lodash.exports.reduce(e.schemas.records,(e,t)=>t.majorVersion>e.majorVersion||t.majorVersion==e.majorVersion&&t.minorVersion>e.minorVersion?t:e);return t?{id:t.id,dataRegistryId:t.dataRegistryId,name:e.name,modifiedDateTime:t.modifiedDateTime,version:`v${t.majorVersion}.`+t.minorVersion}:null}).filter(e=>!(!e||!e.name))})),yield put(actions.schemaLinkingPanelState.fetchingDone())}catch(e){yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.schemaLinkingPanelState.fetchingDone())}}function*watchSearchSchemas(){yield takeLatest$1(actions.schemaLinkingPanelState.searchByTerm.type,searchSchemas)}const schemasSagas=[fork(watchSearchSchemas)];function*searchEngines(e){yield delay(200),yield put(actions.engineLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var a=yield call(getEnginesByName,t,{name:e.payload}),s=lodash.exports.filter(a.engines.records,e=>"c5458876-43d2-41e8-a340-f734702df04a"!==e.category.id);yield put(actions.engineLinkingPanelState.updateEngineLinkingPanelField({field:"searchResults",value:s})),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)];function*getEvents(e){yield delay(0),yield put(actions.appEventsPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var a=yield call(getEvents$1,t);yield put(actions.appEventsPanelState.updateEventsPanelField({field:"searchResults",value:a.events.records})),yield put(actions.appEventsPanelState.fetchingDone())}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.appEventsPanelState.fetchingDone())}}function*watchGetEvents(){yield takeLatest$1(actions.appEventsPanelState.getEvents.type,getEvents)}const appEventsSagas=[fork(watchGetEvents)],supportedAppFields$1=["id","name","isPublic","key","category","description","iconUrl","iconSvg","url","oauth2RedirectUrls","checkPermissions","deploymentModel","contextMenuExtensions","eventEndpoint","entityTags","headerbarEnabled","nodeModules","applicationHeaderbar"],formatApp$1=t=>{const a={checkPermissions:t.checkPermissions||!1,name:t.name,key:lodash.exports.snakeCase(t.name)};return supportedAppFields$1.forEach(e=>{if(!lodash.exports.isNil(t[e])){if("applicationHeaderbar"===e)return t.headerbarEnabled&&(a.headerbar=t[e]);a[e]=t[e]}}),lodash.exports.isNil(t.iconPath)||(a.iconUrl=t.iconPath),lodash.exports.isNil(t.oauthUrl)||lodash.exports.isEmpty(t.oauthUrl)||(a.oauth2RedirectUrls=[t.oauthUrl]),a};function*createNewApplication(e){var t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t||"en"),e=e.payload["app"];if(lodash.exports.isNil(e))throw new Error("Empty app not allowed!");var a=yield select(selectApiConfigs);try{var s,n=formatApp$1(e),i=yield call(createApplication,a,n),{flows:o,engines:r,schemas:l}=e;lodash.exports.isEmpty(o)&&lodash.exports.isEmpty(r)&&lodash.exports.isEmpty(l)||(s={id:i.id},lodash.exports.isEmpty(o)&&lodash.exports.isEmpty(r)||(s.engines={add:[...lodash.exports.map(o,e=>e.id),...lodash.exports.map(r,e=>e.id)],remove:[]}),lodash.exports.isEmpty(l)||(s.dataRegistries={add:lodash.exports.map(l,e=>e.dataRegistryId),remove:[]}),yield call(updateAppComponents,a,s)),lodash.exports.isEmpty(e.configFields)||(yield call(createAppConfig,a,i.id,e.configFields)),yield put(actions.appFormState.createAppSuccess(i.id)),localStorage.removeItem("appOnboardingSession"),yield put(showMessage({content:t({id:"os-app-center-new.snackbar.appCreateSuccess",defaultMessage:[{type:0,value:"Application successfully created"}]}),severity:MessageSeverity.Success})),yield put(unmountPanel("APP_CENTER_NEW"))}catch(e){n=lodash.exports.get(e[0],"data.validationErrors[0].message")||"Application onboarding failed";yield put(actions.appFormState.createAppFailed(e[0].message)),yield put(showMessage({content:t({id:"os-app-center-new.snackbar.appOnboardingFailed",defaultMessage:[{type:1,value:"message"}]},{message:n}),severity:MessageSeverity.Error}))}}function*watchNewApplicationCreateStart(){yield takeLatest$1(actions.appFormState.createAppStart.type,createNewApplication)}const newApplicationSagas=[fork(watchNewApplicationCreateStart)],root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*uploadIcon(t){const a=t.payload.file;t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);try{var e=yield call(getUrlBucket,a.name);const n=Object.assign(Object.assign({},a),{status:IconImportStatus.Uploading,percentComplete:0,expiresInSeconds:e.expiresInSeconds,getUrl:e.getUrl,key:e.key,unsignedUrl:e.unsignedUrl,url:e.url}),i=(yield put(actions.iconUploadState.updateIcon(n)),e=>{fileUploadChannel.put(actions.iconUploadState.updateIcon(Object.assign({id:a.id},e)))});var s=yield uploadFileToS3(e,a,{onProgress:e=>{i({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{i({status:IconImportStatus.Aborted}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),n)},onError:e=>{i({status:IconImportStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),n)},onUpload:e=>{i({status:IconImportStatus.Uploaded}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,n)}});root.xhrInstances[a.id]=s,yield put(actions.iconUploadState.uploadIconSuccess()),yield put(actions.appFormState.updateAppFormField({field:"iconPath",value:n.getUrl}))}catch(e){yield put(actions.iconUploadState.uploadIconFailed(e.message)),yield put(showMessage({content:t({id:"os-app-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)}const supportedAppFields=["id","name","isPublic","category","description","iconUrl","iconSvg","url","oauth2RedirectUrls","checkPermissions","deploymentModel","eventEndpoint","entityTags","headerbarEnabled","nodeModules","applicationHeaderbar"],formatApp=a=>{const t={checkPermissions:a.checkPermissions||!1,name:a.name,id:a.id};if(lodash.exports.forEach(supportedAppFields,e=>{if(!lodash.exports.isNil(a[e])){if("applicationHeaderbar"===e)return a.headerbarEnabled&&(t.headerbar=a[e]);t[e]=a[e]}}),lodash.exports.isNil(a.iconPath)||(t.iconUrl=a.iconPath),!lodash.exports.isEmpty(a.contextMenuExtensions)){const s={mentions:[],tdos:[],watchlists:[],collections:[]};lodash.exports.forEach(lodash.exports.keys(a.contextMenuExtensions),t=>{lodash.exports.forEach(a.contextMenuExtensions[t],e=>{s[t].push({id:e.id,label:e.label,url:e.url})})}),t.contextMenuExtensions=s}return t},decodeApp=(e,t)=>{const a=[],s=[];lodash.exports.map(lodash.exports.get(e.components.engines,"records"),e=>{("c5458876-43d2-41e8-a340-f734702df04a"===e.categoryId?a:s).push(e)});t=lodash.exports.map(lodash.exports.get(t.applicationConfigDefinition,"records"),e=>{return{id:e.applicationId,name:e.configKey,type:e.configType,configLevel:AppConfigLevel[e.configLevel],required:e.required,description:e.description,defaultValue:e.defaultValue,secured:!1}});return{id:e.id,name:e.name,description:e.description,entityTags:lodash.exports.map(e.entityTags,e=>({tagKey:e.tagKey,tagValue:e.tagValue})),configFields:t,status:e.status,url:e.url,oauth2RedirectUrls:e.oauth2RedirectUrls,iconSvg:e.iconSvg,iconPath:e.iconUrl,key:e.key,clientSecret:e.clientSecret,validStateActions:e.validStateActions,createdDateTime:e.createdDateTime,modifiedDateTime:e.modifiedDateTime,flows:a,engines:s,headerbarEnabled:e.headerbarEnabled,schemas:lodash.exports.map(lodash.exports.get(e.components.dataRegistries,"records"),e=>{return{dataRegistryId:e.id,name:e.name,modifiedDateTime:e.modifiedDateTime,version:(e=e.publishedSchema)?e.majorVersion+"."+e.minorVersion:""}}),contextMenuExtensions:e.contextMenuExtensions,nodeModules:e.nodeModules,applicationHeaderbar:e.applicationHeaderbar}};function*queryAppDetails(e){var t=yield select(selectApiConfigs);return yield call(getApplication,t,e)}function*queryAppConfigFieldDetails(e){var t=yield select(selectApiConfigs);return yield call(getApplicationConfigFields,t,e)}function*editApp(e){var t=yield queryAppDetails(e.payload),e=yield queryAppConfigFieldDetails(e.payload);yield put(actions.appFormState.setEditAppExistingData(decodeApp(t,e)))}function*updateApp(e){var t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t||"en"),e=e.payload["app"],a=yield select(selectApiConfigs);try{var s,n,i,o,r=formatApp(e),l=yield call(updateApplication,a,r),{flows:p,flowsToDelete:d,engines:c,enginesToDelete:u,schemas:x,schemasToDelete:m,contextMenuExtensionIdsForBulkDelete:g}=e,h=(lodash.exports.isEmpty(p)&&lodash.exports.isEmpty(c)&&lodash.exports.isEmpty(x)&&lodash.exports.isEmpty(d)&&lodash.exports.isEmpty(u)&&lodash.exports.isEmpty(m)||(s={id:l.id},n=lodash.exports.differenceBy(d,p,"id"),i=lodash.exports.differenceBy(u,c,"id"),o=lodash.exports.differenceBy(m,x,"dataRegistryId"),lodash.exports.isEmpty(p)&&lodash.exports.isEmpty(c)&&lodash.exports.isEmpty(n)&&lodash.exports.isEmpty(i)||(s.engines={add:[...lodash.exports.map(p,e=>e.id),...lodash.exports.map(c,e=>e.id)],remove:[...lodash.exports.map(n,e=>e.id),...lodash.exports.map(i,e=>e.id)]}),lodash.exports.isEmpty(x)&&lodash.exports.isEmpty(o)||(s.dataRegistries={add:lodash.exports.map(x,e=>e.dataRegistryId),remove:lodash.exports.map(o,e=>e.dataRegistryId)}),yield call(updateAppComponents,a,s),lodash.exports.isEmpty(g))||(yield call(bulkDeleteContextMenuExtensions,a,g)),yield put(actions.appFormState.createAppSuccess(l.id)),localStorage.removeItem("appOnboardingSession"),yield put(showMessage({content:t({id:"os-app-center-new.app-update-success",defaultMessage:[{type:0,value:"App successfully updated"}]}),severity:MessageSeverity.Success})),"APP_CENTER_DETAILS"),j={name:h,config:{appId:l.id}};yield put(mountPanel({panelId:h,microFrontend:j,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge"}})),localStorage.removeItem("appOnboardingSession"),yield put(unmountPanel("APP_CENTER_NEW"))}catch(e){yield put(actions.appFormState.createAppFailed(e.message)),yield put(showMessage({content:t({id:"os-app-center-new.app-updating-failed",defaultMessage:[{type:0,value:"App updating failed"}]}),severity:MessageSeverity.Error}))}}function*deleteAppConfigField(e){var e=e["payload"],t=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(t&&e.configToDelete.id)try{yield call(deleteConfigField,t,e.configToDelete.id,e.configToDelete.name)}catch(e){yield put(showMessage({content:a({id:"os-app-center-new.config-field-delete-fail",defaultMessage:[{type:0,value:"Config field failed to be deleted"}]}),severity:MessageSeverity.Error}))}}function*updateAppConfigField(e){var e=e["payload"],t=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(t&&e.configFields.id){var s={configKey:e.configFields.name,description:e.configFields.description,configLevel:e.configFields.configLevel,configType:AppConfigType[e.configFields.type],defaultValue:e.configFields.defaultValue,required:e.configFields.required,secured:!1},e={input:[{filter:{appId:e.configFields.id,configKey:e.name},update:s}]};try{yield call(updateConfigField,t,e.input)}catch(e){yield put(showMessage({content:a({id:"os-app-center-new.config-field-update-fail",defaultMessage:[{type:0,value:"Config field failed to be updated"}]}),severity:MessageSeverity.Error}))}}}function*addAppConfigField(e){var e=e["payload"],t=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector),a=AIWareFormatMessage(a);if(t)try{yield call(createAppConfig,t,e.appId,[e.newConfigField])}catch(e){yield put(showMessage({content:a({id:"os-app-center-new.config-field-create-fail",defaultMessage:[{type:0,value:"Config field failed to be created"}]}),severity:MessageSeverity.Error}))}}function*fetchApplications(){var e=yield select(selectApiConfigs),t=yield select(preferredLanguageSelector),t=AIWareFormatMessage(t);if(e)try{var a=yield call(getApplications,e);yield put(actions.appFormState.fetchApplications(a))}catch(e){yield put(showMessage({content:t({id:"os-app-center-new.get-all-applications-fail",defaultMessage:[{type:0,value:"Fetching applications failed"}]}),severity:MessageSeverity.Error}))}}function*watchEditApp(){yield takeLatest$1(actions.appFormState.editApp.type,editApp)}function*watchUpdateAppStart(){yield takeLatest$1(actions.appFormState.updateAppStart.type,updateApp)}function*watchDeleteConfigField(){yield takeLatest$1(actions.appFormState.removeConfigField.type,deleteAppConfigField)}function*watchUpdateConfigField(){yield takeLatest$1(actions.appFormState.updateConfigField.type,updateAppConfigField)}function*watchCreateConfigField(){yield takeLatest$1(actions.appFormState.createConfigField.type,addAppConfigField)}function*watchGetApplications(){yield takeLatest$1(actions.appFormState.createNewApp.type,fetchApplications)}const editAppSagas=[fork(watchEditApp),fork(watchUpdateAppStart),fork(watchDeleteConfigField),fork(watchUpdateConfigField),fork(watchCreateConfigField),fork(watchGetApplications)];function*updateLocalStorage(){var e=appFormState["selectApp"],t=eventPanelState["selectEventPanel"],e=yield select(e),t=yield select(t);window.localStorage.setItem("appOnboardingSession",JSON.stringify(Object.assign(Object.assign({},e),{eventHandlers:t.handlers})))}function*watchAppForm(){var{appFormState:e,appEventsPanelState:t}=actions,e=[e.updateAppFormField.type,e.updateApplicationHeaderbar.type,e.addConfigField.type,e.createConfigField.type,e.updateConfigField.type,e.removeConfigField.type,e.clearConfigFields.type,e.addContextMenuExtension.type,e.updateContextMenuExtension.type,e.removeContextMenuExtension.type,e.clearContextMenuExtensions.type,e.addNodeModule.type,e.updateNodeModule.type,e.removeNodeModule.type,t.addHandler.type,t.editHandler.type,t.deleteHandler.type];yield takeLatest$1(e,updateLocalStorage)}const updateAppFormSagas=[fork(watchAppForm)];function*rootSaga(){yield all([watchUploadIconStart(),watchProgressChannel(),...appEventsSagas,...flowsSagas,...enginesSagas,...newApplicationSagas,...schemasSagas,...editAppSagas,...updateAppFormSagas])}function getAppCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const formattedMessageIdPrefix$2="toggle-switch.",Toggle=e=>{var{checked:t,onChange:a}=e;return jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:-1,alignItems:"center"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",sx:{color:t?null:"#5C6269"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$2+"off",defaultMessage:"Off",description:"Off lable for aiware headerbar toggle switch"})})),jsxRuntime.exports.jsx(Switch,Object.assign({color:"secondary",id:"toggle-aiware-headerbar",onChange:a},lodash.exports.omit(e,"className"))),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",sx:{color:t?null:"#5C6269"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$2+"on",defaultMessage:"On",description:"On lable for aiware headerbar toggle switch"})}))]}))},formattedMessageIdPrefix$1="os-app-center-new.headerbar-step.headerbar-toggle.";var ApplicationHeaderbarToggle=({checked:e=!0,onChange:t})=>jsxRuntime.exports.jsxs(Box,Object.assign({width:"100%","data-test":formattedMessageIdPrefix$1+"container"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h4"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"title",defaultMessage:"aiWARE Headerbar",description:"Title of the aiware headerbar toggle section"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"instructions",defaultMessage:"This allows the aiWARE header to wrap around your app, keeping it self contained.",description:"Instructions of the aiware headerbar toggle section"})})),jsxRuntime.exports.jsx(FormGroup,{children:jsxRuntime.exports.jsx(FormControl,{children:jsxRuntime.exports.jsx(Toggle,{checked:e,onChange:t,"data-test":formattedMessageIdPrefix$1+"toggle"})})})]}));const useStyles$a=makeStyles()(e=>({editorImg:{maxWidth:"100%",height:"auto"},container:{"& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},"& fieldset":{borderColor:"#D5DFE9"},textInput:{padding:14.5,boxSizing:"content-box"}})),formattedMessageIdPrefix="os-app-center-new.headerbar-step.customize-headerbar.";var CustomizeApplicationHeaderbar=({handleOnValidate:e})=>{var t=useStyles$a()["classes"];const s=useDispatch(),a=useSelector(selectApp);var n={name:null==(n=a.applicationHeaderbar)?void 0:n.name,elementId:null==(n=a.applicationHeaderbar)?void 0:n.elementId,"config.title":null==(n=a.applicationHeaderbar)?void 0:n.config.title,"config.backgroundColor":null==(n=a.applicationHeaderbar)?void 0:n.config.backgroundColor,"config.zIndex":null==(n=a.applicationHeaderbar)?void 0:n.config.zIndex,"config.logoSrc":null==(n=a.applicationHeaderbar)?void 0:n.config.logoSrc,"config.help":null==(n=a.applicationHeaderbar)?void 0:n.config.help,"config.notification":null==(n=a.applicationHeaderbar)?void 0:n.config.notification,"config.hidePasswordReset":null==(n=a.applicationHeaderbar)?void 0:n.config.hidePasswordReset,"config.displaySupportChat":null==(n=a.applicationHeaderbar)?void 0:n.config.displaySupportChat};const i=useForm({mode:"onChange",defaultValues:n});react.exports.useEffect(()=>{a.headerbarEnabled?null!=e&&e(i.formState.isValid):null!=e&&e(!0)},[i.formState.isValid,a.headerbarEnabled]);var n=e=>{var t=e.target["name"];let a=e.target["value"];"config.zIndex"===t&&(a=Number(a)),s(actions.appFormState.updateApplicationHeaderbar({field:t,value:a}))},o=e=>{var{name:e,checked:t}=e.target;s(actions.appFormState.updateApplicationHeaderbar({field:e,value:t}))};return jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:3,"data-test":formattedMessageIdPrefix+"container"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{opacity:a.headerbarEnabled?1:.5}},{children:[jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",alignItems:"center",spacing:1},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h4"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"title",defaultMessage:"Customize the aiWARE Header",description:"Title of the Customize aiware headerbar section"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"optional",defaultMessage:"(Optional)",description:"Optional modifier for titles"})}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"instructions",defaultMessage:"Your inputs will be injected into the header as JSON and can be used to customize the user interface and functionality.",description:"Instructions of the Customize aiware header bar section"})}))]})),a.headerbarEnabled&&jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},i,{children:jsxRuntime.exports.jsxs(Grid,Object.assign({className:t.container,container:!0,spacing:5,"data-test":formattedMessageIdPrefix+"form-container"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"headerbar-name",defaultMessage:"Name",description:"You can set a headerbar name"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"name",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-name",inputProps:{maxLength:250,className:t.textInput},rules:{required:!0},onChange:n})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"headerbar-elementId",defaultMessage:"Element ID",description:"You can set a headerbar element id"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",name:"elementId",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-elementId",inputProps:{maxLength:250,className:t.textInput},rules:{required:!0},onChange:n})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"headerbar-title",defaultMessage:"Title",description:"You can set a headerbar title"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"config.title",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-config.title",inputProps:{maxLength:250,className:t.textInput},rules:{required:!0},onChange:n})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:2},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"headerbar-backgroundColor",defaultMessage:"Background Color",description:"You can set a headerbar background color"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"color",name:"config.backgroundColor",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-config.backgroundColor",inputProps:{maxLength:250,className:t.textInput},onChange:n})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"headerbar-zIndex",defaultMessage:"Z-Index",description:"You can set a headerbar z-index"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"number",name:"config.zIndex",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-config.zIndex",inputProps:{maxLength:250,className:t.textInput},onChange:n})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"headerbar-logoSource",defaultMessage:"Logo Source",description:"You can set a headerbar logo source"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"config.logoSrc",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-config.logoSrc",inputProps:{maxLength:5e3,className:t.textInput},onChange:n})]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12,style:{padding:"25px 0 0 25px"}},{children:jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",justifyContent:"start",alignItems:"center"},{children:[jsxRuntime.exports.jsx(InputCheckbox,{name:"config.help",checked:null==(n=null==(t=a.applicationHeaderbar)?void 0:t.config)?void 0:n.help,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-help",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"checkbox-help",defaultMessage:"Help",description:"Help field checkbox"})}),jsxRuntime.exports.jsx(InputCheckbox,{name:"config.notification",checked:null==(n=null==(t=a.applicationHeaderbar)?void 0:t.config)?void 0:n.notification,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-notification",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"checkbox-notification",defaultMessage:"Notification",description:"Notification field checkbox"})}),jsxRuntime.exports.jsx(InputCheckbox,{name:"config.displaySupportChat",checked:null==(n=null==(t=a.applicationHeaderbar)?void 0:t.config)?void 0:n.displaySupportChat,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-displaySupportChat",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"checkbox-displaySupportChat",defaultMessage:"Display Support Chat",description:"Display support chat field checkbox"})}),jsxRuntime.exports.jsx(InputCheckbox,{name:"config.hidePasswordReset",checked:null==(n=null==(t=a.applicationHeaderbar)?void 0:t.config)?void 0:n.hidePasswordReset,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-hidePasswordReset",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"checkbox-hidePasswordReset",defaultMessage:"Hide Password Reset",description:"Hide password reset field checkbox"})})]}))}))]}))}))})]}))};const 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)}}));var HeaderbarStep=({handleOnValidate:e})=>{const t=useDispatch();var a=useSelector(selectApp),s=useStyles$9()["classes"];return jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,flexDirection:"column",rowSpacing:5,columnSpacing:6,className:s.container,"data-test":"app-new-headerbar-step-container"},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,flexShrink:0},{children:jsxRuntime.exports.jsx(ApplicationHeaderbarToggle,{checked:a.headerbarEnabled,onChange:e=>{t(actions.appFormState.updateAppFormField({field:"headerbarEnabled",value:e.target.checked}))}})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,flexShrink:0},{children:jsxRuntime.exports.jsx(CustomizeApplicationHeaderbar,{handleOnValidate:e})}))]}))};const useStyles$8=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"},textInput:{boxSizing:"content-box"}})),ConfigFields=()=>{const a=useDispatch(),s=useSelector(selectConfigFields),e=e=>lodash.exports.map(e,e=>({name:e.name,configLevel:e.configLevel,type:e.type,default:isEmpty_1(e.defaultValue)?"N/A":e.defaultValue})),[n,i]=react.exports.useState(e(s));react.exports.useEffect(()=>{i(e(s))},[s]);const t=(e=!1,t=-1)=>{e={name:"APP_CENTER_CONFIG_FIELDS_FORM",config:{name:"Custom Fields",isEdit:e,editIndex:t}};a(mountPanel({panelId:"APP_CENTER_CONFIG_FIELDS_FORM",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))};return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob-functionality-config-fields",heading:"Application Config Fields",description:"Does your application require config fields? If so, specify them here. Leave blank if not..",actionButtonLabel:"Add Config",items:n,columnNames:["Name","Config Level","Type","Default","",""],canEdit:!0,canDelete:!0,onActionClick:()=>t(),onEditClick:e=>{e=n[e],e=findIndex_1(s,{name:e.name,type:e.type});0<=e&&t(!0,e)},onDeleteClick:e=>{var t=n[e],t=findIndex_1(s,{name:t.name,type:t.type});0<=t&&a(actions.appFormState.removeConfigField({removeIndex:t,configToDelete:s[e]}))},onRequestSort:(e,t)=>{i(orderBy_1(n,lowerCase_1(e),t))}})},urlRegex$1=/^https?:\/\/[(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/,semverRegex=/^(0|[1-9]\d*)\.(0|[1-9]\d*)\.?(0|[1-9]?\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/,npmModuleNameRegex=/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/,githubHttpsUrlRegex=/^https:\/\/github.com[a-zA-Z0-9-._~/]+?.git$/,uriScopeRegex=/^\/?([a-zA-Z0-9-_.~]+\/?)+$/,CME_PANEL_NAME="APP_CENTER_CONTEXT_MENU_EXTENSIONS",ContextMenuExtensions=()=>{const s=useDispatch(),a=useSelector(selectContextMenuExtensions),e=e=>{return lodash.exports.isNil(e)?[]:Object.values(e).flat().map(e=>({id:e.id,type:e.type,label:e.label,url:e.url||""}))},[n,i]=react.exports.useState(e(a)),o=(react.exports.useEffect(()=>{i(e(a))},[JSON.stringify(a)]),(e=!1,t=void 0,a=-1)=>{e={name:CME_PANEL_NAME,config:{name:"Context Menu Extensions",isEdit:e,extensionType:t,editIndex:a}};s(mountPanel({panelId:CME_PANEL_NAME,microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))}),r=e=>{var e=n[e],t=a[e.type+"s"];return{index:lodash.exports.findIndex(t,["id",e.id]),type:e.type}};return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob-functionality-context-menu-extensions",heading:"Context Menu Extensions",description:"Add a menu option to files in aiWare that allow users to send them to your application",actionButtonLabel:"Add Context Menu Extension",items:lodash.exports.map(n,e=>lodash.exports.omit(e,"id")),columnNames:["Type","Label","URL","",""],canEdit:!0,canDelete:!0,onActionClick:()=>o(),onEditClick:e=>{var{index:e,type:t}=r(e);0<=e?o(!0,t,e):console.log("Extension not found",e,t)},onDeleteClick:e=>{var{index:e,type:t}=r(e);0<=e&&s(actions.appFormState.removeContextMenuExtension({extensionType:t,index:e}))},onRequestSort:(e,t)=>{i(lodash.exports.orderBy(n,lodash.exports.lowerCase(e),t))}})},FunctionalityStep=({handleOnValidate:e})=>{var t=useStyles$8()["classes"];const a=useDispatch();var s=useSelector(selectAppUrl);const n=useForm({mode:"onChange",defaultValues:{url:s}});react.exports.useEffect(()=>{null!=e&&e(n.formState.isValid)},[n.formState.isValid]);s=e=>{var{name:e,value:t}=e.target;a(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},n,{children:jsxRuntime.exports.jsxs(Grid,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,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,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,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:s,"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,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,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,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,{className:t.textInput,required:!0,type:"url","data-test":"os-app-center-new.url-input",rules:{required:!0,pattern:{value:urlRegex$1,message:"Must be a valid URL including protocol."}},onChange:s,placeholder:"URL",name:"url",fullWidth:!0})}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(ConfigFields,{})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(ContextMenuExtensions,{})}))]}))}))},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",marginTop:"9px",marginRight:"15px",background:"#214167"},inputContainer:{paddingTop:"10px"},root:{"&":{width:"100%"}},checked:{color:"#6098D1"},textInput:{boxSizing:"content-box"}})),useOneClickCopy=a=>{const[t,s]=react.exports.useState(!1);return[e=>{var t;navigator.clipboard.writeText(null!=(t=a.current.dataset.copyToClipboardText)?t:a.current.innerText),s(!0)},e=>jsxRuntime.exports.jsx(Tooltip,Object.assign({open:t,onClose:()=>{s(!1)},title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-copied-to-clipboard",defaultMessage:"Copied to clipboard",description:"Copied to clipboard"})},e,{children:e.children}))]};var OAuthClientSecret=({appId:a,disabled:e})=>{const s=useSelector(selectApiConfigs),[t,n]=react.exports.useState(""),[i,o]=react.exports.useState(!1),[r,l]=react.exports.useState(!1),[p,d]=react.exports.useState(!1);var c=react.exports.useRef();const[u,x]=useOneClickCopy(c);react.exports.useEffect(()=>{!lodash.exports.isEmpty(t)&&p&&(u(null),d(!1))});const m=react.exports.useRef();const[g,h]=react.exports.useState(!1),[j,f]=react.exports.useState(!1);const[b,y]=react.exports.useState(!1);return jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"column",spacing:2,"data-test":"oauth-client-secret-retrival-tool"},{children:[jsxRuntime.exports.jsx(FormLabel,Object.assign({htmlFor:"clientSecret"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.oauth-client-secret-label-formattedMessage",defaultMessage:"Client Secret: OAuth",description:"Lable for the client secret input when selecting OAuth"})}))})),jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:2,alignItems:"center",width:"60%"},{children:[jsxRuntime.exports.jsx(x,{children:jsxRuntime.exports.jsx(InputText,{name:"oauthClientSecret",fullWidth:!0,disabled:!0,ref:c,"data-copy-to-clipboard-text":t,id:"clientSecret",color:"secondary",style:{backgroundColor:"#F2F5F9"},type:j?"text":"password",size:"small",value:t,InputProps:{endAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"end"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"oauth-client-secret-reveal","aria-label":"toggle client secret visibility",onClick:()=>{lodash.exports.isEmpty(t)?h(!0):f(!j)},disabled:e},{children:j?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$1,{})}))}))}})}),jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"copy client secret",onClick:e=>{lodash.exports.isEmpty(t)?(d(!0),h(!0)):u(e)},disabled:e,"data-test":"oauth-client-secret-copy"},{children:jsxRuntime.exports.jsx(Copy,{})}))]})),jsxRuntime.exports.jsxs(Collapse,Object.assign({in:g},{children:[jsxRuntime.exports.jsx(FormLabel,Object.assign({htmlFor:"clientSecret"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.oauth-client-secret-password-input-label-formattedMessage",defaultMessage:"Please enter your account password to reveal client secret",description:"Lable for the client secret password input when selecting OAuth"})}))})),jsxRuntime.exports.jsx("form",Object.assign({onSubmit:e=>{e.preventDefault();var t,e=null==(e=m.current)?void 0:e.value;lodash.exports.isEmpty(e)||(t=e,__awaiter(void 0,void 0,void 0,function*(){console.log("handleFetchClientSecret Start");try{o(!0);var e=yield getOAuthClientSecret(s,{id:a,password:t});console.log("Result:",e),n(e.application.clientSecret),h(!1)}catch(e){m.current.focus(),l(!0)}finally{o(!1)}}))}},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:2},{children:[jsxRuntime.exports.jsx(InputText,{name:"password",InputProps:{endAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"end"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"toggle password visibility",onClick:()=>{y(!b)},"data-test":"oauth-client-secret-password-reveal"},{children:b?jsxRuntime.exports.jsx(default_1$4,{}):jsxRuntime.exports.jsx(default_1$1,{})}))}))},inputRef:m,id:"password",color:r?"error":"secondary",type:b?"text":"password",size:"small"}),i?jsxRuntime.exports.jsx(CircularProgress,{color:"secondary"}):jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"submit password",type:"submit","data-test":"oauth-client-secret-password-submit"},{children:jsxRuntime.exports.jsx(ArrowForward,{})}))]}))}))]}))]}))};const AuthenticationStep=({handleOnValidate:e})=>{var t=useStyles$7()["classes"],a=useSelector(selectApp),s=useSelector(selectIsEditForm)["isEditForm"];const n=useDispatch();const i=useForm({mode:"onChange",defaultValues:{oauthUrl:"",authMethod:"none"}});react.exports.useEffect(()=>{null!=e&&e(i.formState.isValid)},[i.formState.isValid]);var o=e=>{var{name:e,value:t}=e.target;n(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"os-app-center-new-authentication-step-container"},{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},i,{children:jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,rowSpacing:5,columnSpacing:6,className:t.container},{children:[jsxRuntime.exports.jsxs(Grid,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,{variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.authentication-title"}),jsxRuntime.exports.jsx(Typography,{variant:"caption","data-test":"os-app-center-new.authentication-description"}),jsxRuntime.exports.jsx("div",Object.assign({className:t.inputContainer},{children:jsxRuntime.exports.jsxs(InputRadioGroup,Object.assign({"data-test":"authentication-radio-group",name:"authMethod",value:a.authMethod,onChange:o,rules:{required:!0},row:!0},{children:[jsxRuntime.exports.jsx(FormControlLabel,{value:"none",control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-none"}),label:jsxRuntime.exports.jsx(Typography,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(FormControlLabel,{value:"oauth",control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-oauth"}),label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.radio-OAuth-formattedMessage",defaultMessage:"OAuth",description:"OAuth"})}))}),jsxRuntime.exports.jsx(FormControlLabel,{value:"jwt",disabled:!0,control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-jwt"}),label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",style:{color:"lightgray"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.radio-JWT-formattedMessage",defaultMessage:"JWT",description:"JWT"})}))}),jsxRuntime.exports.jsx(Chip,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]}))}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(Collapse,Object.assign({in:lodash.exports.isEqual(a.authMethod,"oauth")},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:5,"data-test":"authentication-oauth-section"},{children:[jsxRuntime.exports.jsx(InputText,{inputProps:{className:t.textInput},name:"oauthUrl",value:a.oauthUrl,onChange:o,fullWidth:!0,variant:"outlined",label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",style:{color:"lightgray"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.oauth-url-formattedMessage",defaultMessage:"OAuth URL",description:"Lable for the oauth url input when selecting OAuth"})})),InputLabelProps:{disableAnimation:!1},rules:{required:lodash.exports.isEqual(a.authMethod,"oauth"),pattern:{value:urlRegex$1,message:"Must be a valid URL including protocol."},maxLength:1e3}}),s?jsxRuntime.exports.jsx(OAuthClientSecret,{appId:a.id}):jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsx(OAuthClientSecret,{appId:"",disabled:!0}),jsxRuntime.exports.jsx(Typography,Object.assign({color:"secondary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.oauth-client-secret-not-available-formattedMessage",defaultMessage:"You will be able to retrieve the oauth client secret here after submitting this application.",description:"Instruction durring application onboarding on how to find oauth client secret after application submission."})}))]})]}))}))}))]}))}))}))},useStyles$6=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$5=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$5()["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:"app logo"})}))},Row=({label:e,value:t,style:a,testName:s,icon:n,asterisk:i,handleOpenCollapse:o,textTransformValue:r="capitalize"})=>jsxRuntime.exports.jsxs(Box,Object.assign({display:"flex",justifyContent:"space-between",alignItems:"center",textTransform:r,"data-test":s+"-container"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6","data-test":"label-"+s},{children:e})),jsxRuntime.exports.jsxs(Box,Object.assign({className:a,display:"flex",justifyContent:"space-between",alignItems:"center",onClick:o},{children:[jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h6",sx:{fontWeight:400}},{children:[t,i]})),jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"expand row",size:"small",onClick:o,"data-test":s+"-expand-action-trigger"},{children:n}))]}))]})),ConfirmationStep=()=>{var e=useStyles$6()["classes"],t=useSelector(selectApp);return jsxRuntime.exports.jsxs(Box,Object.assign({className:e.container,"data-test":"os-app-center-new-confirmation-step-container"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({className:e.subheading},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.titleDesc},{children:[jsxRuntime.exports.jsx(Box,Object.assign({display:"flex",alignItems:"center",textTransform:"capitalize","data-test":"os-app-center-new-confirmation-step.app-name"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:lodash.exports.isEmpty(t.name)?"-":t.name}))})),jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"os-app-center-new-confirmation-step.app-description"},{children:jsxRuntime.exports.jsx(Typography,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,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:t.headerbarEnabled?"On (Default)":"Off",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=>{return e?(e=new Date(e)).toLocaleDateString()+" "+e.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0}):"--/--/-- --:-- --"};var EngineLinking=()=>{const a=useDispatch(),{engines:s,id:n,enginesToDelete:i}=useSelector(selectApp),e=e=>lodash.exports.map(e,e=>({id:e.id,name:e.name,edgeVersion:e.edgeVersion,modifiedDateTime:formatDate(e.modifiedDateTime)})),[o,r]=(react.exports.useEffect(()=>{r(e(s))},[s]),react.exports.useState([])),l=(react.exports.useEffect(()=>{r(e(s))},[s]),{name:"name",version:"edgeVersion",lastUpdated:"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:lodash.exports.map(o,e=>lodash.exports.omit(e,"id")),columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!0,onActionClick:()=>{var e={name:"DATA_CENTER_PROCESS_AI",config:{name:"DATA CENTER PROCESS AI",parentPanelId:"PROCESSING_CENTER_DAG_BUILDER",isFullScreen:!0,marginTop:55,marginStart:0,enableNonSingleEngineJobEngines:!0,aobSelectedEngines:s,onSaveEngineSelection:e=>{a(actions.appFormState.updateAppFormField({field:"engines",value:e}))},panelTitle:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-package.add-engine-panel.title",defaultMessage:"Add Engine",description:"title for the add engine panel in the app onboarding process"}),panelDescription:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-package.add-engine-panel.description",defaultMessage:"Select from a list of AI capabilities to apply available engines to your package.",description:"description for the add engine panel in the app onboarding process"}),submitButtonLabel:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-package.add-engine-panel.submit-button-label",defaultMessage:"Add Engine",description:"label for the add engine panel submit button in the app onboarding process"})}};a(mountPanel({panelId:"DATA_CENTER_PROCESS_AI",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"small",zIndex:1003,parentPanelId:"APP_CENTER_NEW",dimmed:0,dimmedStatus:"dimParent"}}))},onRequestSort:(t,e)=>{r(lodash.exports.orderBy(o,[e=>lodash.exports.lowerCase(e[l[lodash.exports.camelCase(t)]])],e))},onDeleteClick:e=>{const t=o[e];a(actions.appFormState.updateAppFormField({field:"engines",value:lodash.exports.reject(s,e=>e.id===t.id)})),r(o.slice(0,e).concat(o.slice(e+1)));e=lodash.exports.findIndex(s,{id:t.id});0<=e&&!lodash.exports.isEmpty(n)&&a(actions.appFormState.updateAppFormField({field:"enginesToDelete",value:[...i,s[e]]}))}})},FlowLinking=()=>{const a=useDispatch(),{flows:s,id:n,flowsToDelete:i}=useSelector(selectApp),[o,r]=(react.exports.useEffect(()=>{var e;r((e=s,lodash.exports.map(e,e=>({id:e.id,name:e.name,version:e.edgeVersion,lastUpdated:formatDate(e.modifiedDateTime)}))))},[s]),react.exports.useState([]));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:lodash.exports.map(o,e=>lodash.exports.omit(e,"id")),columnNames:["Name","Version","Last Updated",""],canEdit:!1,canDelete:!0,onDeleteClick:e=>{const t=o[e];a(actions.appFormState.updateAppFormField({field:"flows",value:lodash.exports.reject(s,e=>e.id===t.id)})),r(o.slice(0,e).concat(o.slice(e+1)));e=lodash.exports.findIndex(s,{id:t.id});0<=e&&!lodash.exports.isEmpty(n)&&a(actions.appFormState.updateAppFormField({field:"flowsToDelete",value:[...i,s[e]]}))},onEditClick:lodash.exports.noop,onActionClick:()=>{a(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)=>{r(lodash.exports.orderBy(o,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},Schema=()=>{const a=useDispatch(),{schemas:s,id:n,schemasToDelete:i}=useSelector(selectApp),[o,r]=(react.exports.useEffect(()=>{var e;r((e=s,lodash.exports.map(e,e=>({dataRegistryId:e.dataRegistryId,name:e.name,version:e.version,lastUpdated:formatDate(e.modifiedDateTime)}))))},[s]),react.exports.useState([]));return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.engine-linking-list.schemas",heading:"aiWARE Data Schema to Include with App Package",description:"Select Data Schemas that interface with your application to be included with your application package.",actionButtonLabel:"Add Schema",items:lodash.exports.map(o,e=>lodash.exports.omit(e,"dataRegistryId")),columnNames:["Name","Version","Last Updated",""],canEdit:!1,canDelete:!0,onEditClick:lodash.exports.noop,onDeleteClick:e=>{const t=o[e];a(actions.appFormState.updateAppFormField({field:"schemas",value:lodash.exports.reject(s,e=>e.dataRegistryId===t.dataRegistryId)})),r(o.slice(0,e).concat(o.slice(e+1)));e=lodash.exports.findIndex(s,{dataRegistryId:t.dataRegistryId});0<=e&&!lodash.exports.isEmpty(n)&&a(actions.appFormState.updateAppFormField({field:"schemasToDelete",value:[...i,s[e]]}))},onActionClick:()=>{a(mountPanel({panelId:"APP_CENTER_ADD_SCHEMA_PANEL",microFrontend:{name:"APP_CENTER_ADD_SCHEMA_PANEL",config:{name:"Add Schema"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{r(lodash.exports.orderBy(o,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},AppPackagesStep=()=>jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:5,p:6,"data-test":"app-package"},{children:[jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(FlowLinking,{})}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(EngineLinking,{})}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Schema,{})})]}));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:{top:"90%",right:66}})),useDragAndDrop=({acceptedFileTypes:i})=>{const t=react.exports.useRef(),e=react.exports.useRef(),o=useDispatch();var a=useSelector(preferredLanguageSelector);const r=AIWareFormatMessage(a),s=react.exports.useCallback(e=>{var t,a,s,n;e&&(i.includes(e.type)?5e6<=e.size?o(showMessage({content:r({id:"os-app-center-new.snackbar.unsupportedFileSize",defaultMessage:[{type:0,value:"File file size must be less than 5 MB"}]}),severity:MessageSeverity.Warning})):({name:t,size:a,type:s}=e,n=URL.createObjectURL(e),n={id:guid(),previewUrl:n,name:t,size:a,type:s},o(actions.iconUploadState.uploadIconStart({file:n}))):o(showMessage({content:r({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,o]),n=react.exports.useCallback(e=>{e.preventDefault();e=e.dataTransfer.files[0];s(e)},[s]);const l=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",l),e.addEventListener("dragleave",l)),()=>{e.removeEventListener("dragover",l),e.removeEventListener("dragleave",l)}},[]),{dropZoneRef:t,fileInputRef:e,handleRemoveFile:e=>{e.stopPropagation(),o(actions.iconUploadState.deleteLocalIcon()),o(actions.appFormState.updateAppFormField({field:"iconPath",value:""}))},handleOpenFilePicker:()=>{e.current.click()},handleIconSelect:e=>{e=e.target.files[0];s(e)}}},acceptedFileTypes=["image/jpeg","image/png","image/gif","image/svg+xml"],IconImporter=({iconPath:e})=>{var t=useSelector(selectIcon),a=useIconImporterStyles()["classes"],{dropZoneRef:s,fileInputRef:n,handleRemoveFile:i,handleIconSelect:o,handleOpenFilePicker:r}=useDragAndDrop({acceptedFileTypes:acceptedFileTypes});return jsxRuntime.exports.jsx("div",Object.assign({className:a.iconBox,ref:s,"data-test":"app-description-icon-dropzone"},{children:e||null!=t&&t.previewUrl?jsxRuntime.exports.jsxs("div",Object.assign({className:a.innerBox,style:{backgroundColor:"transparent"}},{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({style:{position:"absolute"},"data-test":"app-description-icon-remove",className:a.removeIcon,size:"small",onClick:i},{children:jsxRuntime.exports.jsx(default_1$2,{})})),jsxRuntime.exports.jsx("img",{src:(null==t?void 0:t.previewUrl)||e,alt:(null==t?void 0:t.name)||"Icon",className:a.iconPreview,"data-test":"app-description-icon-preview"})]})):jsxRuntime.exports.jsxs(Button,Object.assign({className:a.innerBox,onClick:r},{children:[jsxRuntime.exports.jsx("input",{accept:"image/jpeg, image/png",type:"file",ref:n,className:a.fileInput,onChange:o}),jsxRuntime.exports.jsx(default_1$5,{className:a.addIcon})]}))}))},BasicInfo=({onValidate:e})=>{var t=useBasicInfoStyles()["classes"];const a=useIntl(),s=useDispatch(),n=useSelector(selectApp),i=useSelector(selectIsResumeSession),o=useSelector(selectApps);var r={name:n.name,description:n.description};const l=useForm({mode:"onChange",defaultValues:r});react.exports.useEffect(()=>{e(l.formState.isValid)},[l.formState.isValid]),react.exports.useEffect(()=>{__awaiter(void 0,void 0,void 0,function*(){i&&(l.reset(n),setTimeout(()=>__awaiter(void 0,void 0,void 0,function*(){yield l.trigger()}),500))})},[i]);r=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,Object.assign({"data-test":"basic-info"},{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},l,{children:jsxRuntime.exports.jsxs(Grid,Object.assign({className:t.container,container:!0,rowSpacing:4,columnSpacing:10,"data-test":"app-description"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,item:!0,xs:12,sm:8,rowSpacing:2,columnSpacing:6},{children:[jsxRuntime.exports.jsxs(Grid,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-app-center-new.name-description-label",defaultMessage:"Name & Description",description:"Name & Description"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",paragraph:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.application-description-caption",defaultMessage:"Provide a name and description to let users know what your application does.",description:"application name and description caption"})}))]})),jsxRuntime.exports.jsx(Grid,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:n.name,onChange:r,fullWidth:!0,rules:{required:!0,maxLength:100,validate:{isNameSame:t=>{return!o.find(e=>e.name.toLowerCase()===t.toLowerCase())||a.formatMessage({id:"os-app-center-new.app-description-input-name-error",defaultMessage:[{type:0,value:"An application with this name already exists"}]})}}}})})),jsxRuntime.exports.jsx(Grid,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:n.description,onChange:r,rules:{required:!0,maxLength:250}})}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({container:!0,item:!0,xs:12,sm:4,rowSpacing:4,columnSpacing:6},{children:jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{py:1}},{children:[jsxRuntime.exports.jsx(Typography,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,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:n.iconPath})]}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(EntityTags,{selectedTags:n.entityTags,setSelectedTags:e=>{s(actions.appFormState.updateAppFormField({field:"entityTags",value:e}))}})}))]}))}))}))},PaletteIntegration=()=>{const a=useDispatch(),t=useSelector(selectApp)["nodeModules"],s=useSelector(selectIsEditForm)["isEditForm"],[n,i]=(react.exports.useEffect(()=>{i((e=>{e=lodash.exports.map(e,(e,t)=>{var a;return isNpmRepoModule(e)?{name:e.moduleName,status:e.status,editIndex:t}:isGithubModule(e)?{name:null!=(a=e.moduleName)?a:e.registryUrl,status:e.status,editIndex:t}:{name:"ERR: unknown package name!",status:ModuleStatus.ACTIVE,editIndex:t}});return lodash.exports.filter(e,e=>e.status===ModuleStatus.ACTIVE)})(t))},[t]),react.exports.useState([]));const o=(e=!1,t=-1)=>{e={name:"APP_CENTER_AUTOMATE_PALETTE_INTEGRATION_PANEL",config:{name:"Add Module",isEdit:e,editIndex:t}};a(mountPanel({panelId:"APP_CENTER_AUTOMATE_PALETTE_INTEGRATION_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"small",zIndex:1001}}))};return jsxRuntime.exports.jsx(Box,Object.assign({m:5,"data-test":"automate"},{children:jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.automate-palette-integration",heading:"aiWARE Automate Palette Integration",description:"Please specify all the npm packages to install in Automate when this application is enabled in the organization.",actionButtonLabel:"Add Module",items:lodash.exports.map(n,e=>lodash.exports.omit(e,["editIndex","status"])),columnNames:["Palette","",""],canEdit:!0,canDelete:!0,onActionClick:()=>o(),onEditClick:e=>{e=n[e].editIndex;0<=e&&o(!0,e)},onDeleteClick:e=>{e=n[e].editIndex;0<=e&&(s&&t[e].moduleId?a(actions.appFormState.updateNodeModule({nodeModules:Object.assign(Object.assign({},t[e]),{status:ModuleStatus.DELETED}),index:e})):a(actions.appFormState.removeNodeModule(e)))},onRequestSort:(t,e)=>{"Palette"===t&&(t="Name"),i(lodash.exports.orderBy(n,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})}))},handlerEventMap={webhook:"Webhook",flow:"Automate Flow",none:"None"},AppEventsStep=()=>{const a=useDispatch(),s=useSelector(selectEventPanel)["handlers"],e=e=>0===e.length?[]:lodash.exports.map(e,e=>({handler:handlerEventMap[e.eventType],event:e.eventNames&&e.eventNames.join(", ")})),[n,i]=react.exports.useState(e(s)),o=(react.exports.useEffect(()=>{i(e(s))},[s]),(e=!1,t=-1)=>{e={name:"APP_CENTER_EVENT_PANEL",config:{name:"Add Aiware Event",isEdit:e,editIndex:t}};a(mountPanel({panelId:"APP_CENTER_EVENT_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1010}}))});return jsxRuntime.exports.jsx(Box,Object.assign({m:5,"data-test":"app-event-step"},{children:jsxRuntime.exports.jsx(ListField,{idPrefix:"aob-functionality-event-handlers",heading:"aiWARE Event Handlers",description:"Webhooks (Events) allow external services to be notified when certain events happen in aiWARE.  When the specified events happen, we'll send a POST request to each of the URLs & Flows you provide.",actionButtonLabel:"Add Handler",items:n,columnNames:["Handler","Event","",""],canEdit:!0,canDelete:!0,onActionClick:()=>o(),onEditClick:t=>{var e=findIndex_1(s,e=>handlerEventMap[e.eventType]===n[t].handler&&n[t].event===e.eventNames.join(", "));o(!0,e)},onDeleteClick:t=>{var e=findIndex_1(s,e=>handlerEventMap[e.eventType]===n[t].handler&&n[t].event===e.eventNames.join(", "));a(actions.appEventsPanelState.deleteHandler(e))},onRequestSort:(e,t)=>{i(orderBy_1(n,lowerCase_1(e),t))}})}))},AppOnboardingFlow=()=>{const a=useDispatch(),s=useSelector(selectApp),n=useSelector(selectIsEditForm)["isEditForm"],i=useSelector(selectPrevNodeModules),[e,t]=react.exports.useState(!1);var o=e=>t(e);var o=[jsxRuntime.exports.jsx(BasicInfo,{onValidate:o}),jsxRuntime.exports.jsx(FunctionalityStep,{handleOnValidate:o}),jsxRuntime.exports.jsx(HeaderbarStep,{handleOnValidate:o}),jsxRuntime.exports.jsx(AuthenticationStep,{handleOnValidate:o}),jsxRuntime.exports.jsx(PaletteIntegration,{}),jsxRuntime.exports.jsx(Box,Object.assign({"data-test":"app-events"},{children:jsxRuntime.exports.jsx(AppEventsStep,{})})),jsxRuntime.exports.jsx(AppPackagesStep,{}),jsxRuntime.exports.jsx(ConfirmationStep,{})],r=[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"app-new-submit-app-button",variant:"contained",color:"primary",onClick:()=>{var e,t;e=!1,n?(t=lodash.exports.differenceWith(s.nodeModules,i,lodash.exports.isEqual),a(actions.appFormState.updateAppStart({app:Object.assign(Object.assign({},s),{nodeModules:t}),openBuildPanel:e}))):a(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:n?"update":"submit",verb:n?"Update":"Submit"}})}),"submit-app-button")];return jsxRuntime.exports.jsx(ProgressStepper,{panelName:"APP_CENTER_NEW",sessionKey:"appOnboardingSession",entityId:s.id,onResumeSession:e=>{var t=lodash.exports.omit(e,"eventHandlers"),e=lodash.exports.get(e,"eventHandlers");a(actions.appEventsPanelState.resumeSession(e)),a(actions.appFormState.resumeSession(t))},steps:["Basic Info","Functionality","Headerbar","Authentication","Automate","App Events","App Package","Review"],stepContent:o,customFinalStepButtons:r,nextButtonDisabled:!e,idPrefix:"app-center-new-aob"})},appBarHeight$3=55,headerHeight=64,borderBottom$3=5,useStyles$4=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight$3}px - ${headerHeight}px - ${borderBottom$3}px)`}})),MainLayout=({appId:e})=>{var t=useStyles$4()["classes"];const a=useDispatch();var s=useSelector(selectIsLoadingExistingAppData)["isLoadingExistingAppData"];return react.exports.useEffect(()=>{e?a(actions.appFormState.editApp(e)):a(actions.appFormState.createNewApp())},[]),jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-new-widget",className:t.ecnPanel},{children:s?jsxRuntime.exports.jsx(Box,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(DynamicModuleLoader,Object.assign({modules:[getAppCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})})}))}),AddFlowPanel=()=>{const s=useDispatch(),n=useSelector(selectApp),{searchTerm:e,searchResults:i,isLoadingSearchResults:t,sortOrder:a}=useSelector(selectFlowLinkingPanel);react.exports.useEffect(()=>{s(actions.flowLinkingPanelState.searchByTerm(""))},[]);const o=e=>{var t=lodash.exports.findIndex(i,{id:e.target.value}),a=[...n.flows];lodash.exports.includes(lodash.exports.map(a,e=>e.id),i[t].id)?a.splice(lodash.exports.findIndex(a,{id:e.target.value}),1):a.unshift(Object.assign({},i[t])),s(actions.appFormState.updateAppFormField({field:"flows",value:a}))};const r="os-app-center-new.add-flow-panel.";return jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,spacing:3,p:6,"data-test":r+"container"},{children:[jsxRuntime.exports.jsx(Grid,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,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,Object.assign({"data-test":r+"close",onClick:()=>{s(hidePanel(AvailableComponents.APP_CENTER_ADD_FLOW_PANEL))}},{children:jsxRuntime.exports.jsx(default_1$2,{})}))]}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined",fullWidth:!0},{children:jsxRuntime.exports.jsx(TextField,{"data-test":r+"search",id:"search-input",placeholder:"Search",type:"search",value:e,onChange:e=>{s(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$3,{})})),style:{borderRadius:100}}})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":r+"sort-toggle",onClick:e=>{s(actions.flowLinkingPanelState.toggleSortOrder())}},{children:jsxRuntime.exports.jsx(default_1,{})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel,{label:"Select All",control:jsxRuntime.exports.jsx(Checkbox,{"data-test":r+"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");s(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,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(Divider,{})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(Stack,Object.assign({direction:"column"},{children:lodash.exports.map(lodash.exports.orderBy(i,"name",a),e=>jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel,{label:e.name,control:jsxRuntime.exports.jsx(Checkbox,{"data-test":r+"flow",value:e.id,checked:lodash.exports.includes(lodash.exports.map(n.flows,e=>e.id),e.id),onChange:o})})}),e.id))}))}))]}))},AddSchemaPanel=()=>{const s=useDispatch(),n=useSelector(selectApp),{searchTerm:e,searchResults:i,isLoadingSearchResults:t,sortOrder:a}=useSelector(selectSchemaLinkingPanel);react.exports.useEffect(()=>{s(actions.schemaLinkingPanelState.searchByTerm(""))},[]);const o=e=>{var t=lodash.exports.findIndex(i,{id:e.target.value}),a=[...n.schemas];lodash.exports.includes(lodash.exports.map(a,e=>e.id),i[t].id)?a.splice(lodash.exports.findIndex(a,{id:e.target.value}),1):a.unshift(Object.assign({},i[t])),s(actions.appFormState.updateAppFormField({field:"schemas",value:a}))};const r="os-app-center-new.add-schema-panel.";return jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,spacing:3,p:6,"data-test":r+"container"},{children:[jsxRuntime.exports.jsx(Grid,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,Object.assign({variant:"h1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-schema-panel.title",description:"Add Schema Panel Title",defaultMessage:"Add Schema"})})),jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":r+"close",onClick:()=>{s(hidePanel(AvailableComponents.APP_CENTER_ADD_SCHEMA_PANEL))}},{children:jsxRuntime.exports.jsx(default_1$2,{})}))]}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined",fullWidth:!0},{children:jsxRuntime.exports.jsx(TextField,{"data-test":r+"search",id:"search-input",placeholder:"Search",type:"search",value:e,onChange:e=>{s(actions.schemaLinkingPanelState.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$3,{})})),style:{borderRadius:100}}})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":r+"sort-toggle",onClick:e=>{s(actions.schemaLinkingPanelState.toggleSortOrder())}},{children:jsxRuntime.exports.jsx(default_1,{})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel,{label:"Select All",control:jsxRuntime.exports.jsx(Checkbox,{"data-test":r+"select-all",onClick:e=>{var t=lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.schemas,e=>e.id)))?[]:lodash.exports.uniqBy([...n.schemas,...i],"id");s(actions.appFormState.updateAppFormField({field:"schemas",value:t}))},checked:!lodash.exports.isEmpty(n.schemas),indeterminate:!lodash.exports.isEmpty(n.schemas)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.schemas,e=>e.id)))})})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(Divider,{})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(Stack,Object.assign({direction:"column"},{children:lodash.exports.map(lodash.exports.orderBy(i,"name",a),e=>jsxRuntime.exports.jsx(FormControl,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel,{label:e.name,control:jsxRuntime.exports.jsx(Checkbox,{"data-test":r+"schema",value:e.id,checked:lodash.exports.includes(lodash.exports.map(n.schemas,e=>e.id),e.id),onChange:o})})}),e.id))}))}))]}))},appBarHeight$2=55,borderBottom$2=5,mainHeight$2=`calc(100vh - ${appBarHeight$2+borderBottom$2}px)`,useStyles$3=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight$2},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:t,isEdit:a=!1,editIndex:s=-1})=>{var e=useStyles$3()["classes"],n=useSelector(preferredLanguageSelector);const i=AIWareFormatMessage(n),o=useDispatch(),r=useSelector(selectApp),l=useSelector(selectConfigFields);var n=()=>a&&0<=s?l[s]:{name:"",configLevel:AppConfigLevel.Organization,type:AppConfigType.String,required:!1,defaultValue:""},p=n();const d=useForm({mode:"onChange",defaultValues:p}),[c,u]=react.exports.useState(n().type),[x,m]=react.exports.useState(n().configLevel);return jsxRuntime.exports.jsx(FormProvider,Object.assign({},d,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:d.handleSubmit(e=>{a?o(actions.appFormState.updateConfigField({configFields:e,index:s,name:l[s].name})):lodash.exports.isEmpty(r.id)?o(actions.appFormState.addConfigField(e)):o(actions.appFormState.createConfigField({newConfigField:e,appId:r.id})),t()})},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({className:e.container,container:!0,spacing:5,"data-test":"app-new-config-fields-form-container"},{children:[jsxRuntime.exports.jsx(Grid,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":"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:a?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,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,Object.assign({onClick:t,"aria-labelledby":"app-center-new-close-panel","data-test":"app-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,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,validate:{isNameSame:a=>{return!l.find((e,t)=>t!==s&&e.name===a)||i({id:"os-app-center-new.config-name-error",defaultMessage:[{type:0,value:"Please select a different name"}]})}}}})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,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:{required:!0,maxLength:250}})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,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:x,defaultValue:x,onChange:e=>{d.setValue("configLevel",e.target.value),m(e.target.value)},style:{minWidth:"100%"},"data-test":"app-new-config-level-content",rules:{required:!0}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"Organization"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.menu-item-organization",defaultMessage:"Organization",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,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,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:c,onChange:e=>{d.setValue("type",e.target.value),u(e.target.value)},style:{minWidth:"100%"},"data-test":"app-new-config-fields-type-content",rules:{required:!0}},{children:map_1(keys_1(AppConfigType),(e,t)=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:AppConfigType[e]},{children:AppConfigType[e]}),t))}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(SchemaOrText,{})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12,style:{padding:"12.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:p.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,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(d,"formState.isValid"),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:a?"Update":"Add"}})}))}))]}))}))},AppCenterConfigFieldsForm=e=>jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(ConfigFieldsForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})}),appBarHeight$1=55,borderBottom$1=5,mainHeight$1=`calc(100vh - ${appBarHeight$1+borderBottom$1}px)`,useStyles$2=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight$1},container:{padding:e.spacing(6),"& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},"& fieldset":{borderColor:"#D5DFE9"},textInput:{padding:14.5,boxSizing:"content-box"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:30},heading:{fontWeight:600,fontSize:"14px",lineHeight:"20px",letterSpacing:"-1.30385e-09px",color:"#2A323C"},description:{marginBottom:"5px",fontWeight:400,fontSize:"12px",lineHeight:"16px",color:"#5C6269"},label:{fontWeight:400,fontSize:"12px",lineHeight:"16px",color:"#2A323C"},addButtonWrapper:{display:"flex",justifyContent:"flex-end",padding:"0 30px"}})),APP_CENTER_NEW_TEXT={labelPublic:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration-label.public",defaultMessage:"Public",description:"Label for pallet integration public"}),labelToken:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration-label.token",defaultMessage:"Token",description:"Label for pallet integration token"}),tooltipTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"}),formControlLabelName:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.npm-npmjs-label",defaultMessage:"NPM Package stored on NPMJS.COM",description:"NPM Package stored on NPMJS.COM"}),formControlLabelUri:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.npm-uri-label",defaultMessage:"NPM Package stored at URI",description:"NPM Package stored at URI"}),labelNPM:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.npm-label",defaultMessage:"NPM",description:"NPM radio button label"}),labelGithub:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.github-label",defaultMessage:"Github",description:"Github radio button label"}),labelPackageName:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.package-name-label",defaultMessage:"Package Name",description:"Package name input label"}),labelGithubRepoHttpsUrl:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.github-https-label",defaultMessage:"Github Repo Https Url",description:"Github repo https url input label"}),labelGithubName:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.github-name-label",defaultMessage:"Github Package Name (Optional)",description:"Github repo Package Name input label"}),labelVersionOptional:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.version-optional-label",defaultMessage:"Version (Optional)",description:"Version (Optional) input label"}),labelPrivate:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.private-label",defaultMessage:"Private",description:"Private input label"}),labelScope:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.scope-label",defaultMessage:"Scope",description:"Scope input label"}),labelAccessToken:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.access-token-label",defaultMessage:"Access Token",description:"Access Token input label"}),labelMainNpmRegistry:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.main-npm-registry-label",defaultMessage:"Main NPM Registry",description:"Main NPM Registry input label"}),labelPrivateRegistry:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.private-registry-label",defaultMessage:"Private Registry",description:"Private Registry input label"}),labelRegistryUrl:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.registry-url-label",defaultMessage:"Registry Url",description:"Registry Url input label"})},PaletteIntegrationForm=({hidePanel:a,isEdit:s=!1,editIndex:n=-1})=>{const t=useStyles$2()["classes"],i=useDispatch(),o=useIntl(),r=useSelector(selectNodeModules);var e=e=>"app-new-palette-integration-form-"+e;const l=s&&0<=n?r[n]:{moduleRepo:ModuleRepo.NPM,isPrivateRepo:!1,isPrivateRegistry:!1,moduleName:"",moduleVersion:"",scope:"",accessToken:"",registryUrl:"",sshUrl:"",status:ModuleStatus.ACTIVE},p=useForm({mode:"onChange",defaultValues:l});const[d,c]=react.exports.useState(l.moduleRepo===ModuleRepo.NPM?ModuleRepo.NPM:ModuleRepo.Github),[u,x]=react.exports.useState(l.isPrivateRepo),[m,g]=react.exports.useState(l.isPrivateRegistry);var h=({children:e})=>jsxRuntime.exports.jsx(Typography,Object.assign({className:t.label},{children:e}));var j=jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:2},{children:[jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("package-name-input"),name:"moduleName",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelPackageName(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:t.textInput},rules:{required:!0,pattern:{value:npmModuleNameRegex,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.yQi0CM",defaultMessage:[{type:0,value:"Package name must be a valid npm or github package name and cannot use invalid url characters."}]})},validate:{unique:e=>{return e=e,t=o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.aj5xbA",defaultMessage:[{type:0,value:"Module name already exists for this application."}]}),!!(isEmpty_1(find_1(r,{moduleName:e,status:ModuleStatus.ACTIVE}))||s&&r[n].moduleName===e)||t;var t}},maxLength:500}}),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("package-version-input"),name:"moduleVersion",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelVersionOptional(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:255,className:t.textInput},rules:{required:!1,pattern:{value:semverRegex,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.ui6Ndd",defaultMessage:[{type:0,value:"Invalid semantic version number."}]})},maxLength:255}})]}))})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(InputRadioGroup,Object.assign({name:"isPrivateRepo",onChange:e=>{if("public"!==e.target.value&&"private"!==e.target.value)throw new Error("Event target value outside accepted values");x("private"===e.target.value)},value:u?"private":"public"},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row"},{children:[jsxRuntime.exports.jsx(FormControlLabel,{"data-test":e("public-repo-radio"),label:jsxRuntime.exports.jsx(h,{children:APP_CENTER_NEW_TEXT.labelPublic()}),control:jsxRuntime.exports.jsx(Radio,{}),value:"public"}),jsxRuntime.exports.jsx(FormControlLabel,{"data-test":e("private-repo-radio"),label:jsxRuntime.exports.jsx(h,{children:APP_CENTER_NEW_TEXT.labelPrivate()}),control:jsxRuntime.exports.jsx(Radio,{}),value:"private"})]}))})),jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:2},{children:[jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("scope-input"),disabled:!u,name:"scope",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelScope(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:1e3,className:t.textInput},rules:{required:u,pattern:{value:uriScopeRegex,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.dffPiw",defaultMessage:[{type:0,value:"Must be a valid uri scope segment."}]})},maxLength:1e3}}),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("access-token-input"),disabled:!u,name:"accessToken",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelAccessToken(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:1e3,className:t.textInput},rules:{required:u,maxLength:1e3}})]}))]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(InputRadioGroup,Object.assign({name:"isPrivateRegistry",onChange:e=>{if("mainRegistry"!==e.target.value&&"privateRegistry"!==e.target.value)throw new Error("Event target value outside accepted values");g("privateRegistry"===e.target.value),p.unregister("registryUrl"),p.register("registryUrl")},value:m?"privateRegistry":"mainRegistry"},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row"},{children:[jsxRuntime.exports.jsx(FormControlLabel,{"data-test":e("main-registry-radio"),label:jsxRuntime.exports.jsx(h,{children:APP_CENTER_NEW_TEXT.labelMainNpmRegistry()}),control:jsxRuntime.exports.jsx(Radio,{}),value:"mainRegistry"}),jsxRuntime.exports.jsx(FormControlLabel,{"data-test":e("private-registry-radio"),label:jsxRuntime.exports.jsx(h,{children:APP_CENTER_NEW_TEXT.labelPrivateRegistry()}),control:jsxRuntime.exports.jsx(Radio,{}),value:"privateRegistry"})]}))})),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("registry-url-input"),disabled:!m,name:"registryUrl",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelRegistryUrl(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:t.textInput},rules:{required:m,pattern:{value:urlRegex$1,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.gTI7jJ",defaultMessage:[{type:0,value:"Must be a valid URL including protocol."}]})},maxLength:500}})]}))]}),f=jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:2},{children:[jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("github-https-url-input"),name:"registryUrl",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelGithubRepoHttpsUrl(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:t.textInput},rules:{required:!0,pattern:{value:githubHttpsUrlRegex,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.4fROEm",defaultMessage:[{type:0,value:"Must be a valid github https url."}]})},maxLength:500}},"github-https-url"),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("github-package-name-input"),name:"moduleName",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelGithubName(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:t.textInput},rules:{required:!1,pattern:{value:npmModuleNameRegex,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.yQi0CM",defaultMessage:[{type:0,value:"Package name must be a valid npm or github package name and cannot use invalid url characters."}]})},maxLength:500}},"github-package-name"),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("github-token-input"),name:"accessToken",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelToken(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:5e3,className:t.textInput},rules:{required:!0,maxLength:5e3}},"github-token"),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":e("package-version-input"),name:"moduleVersion",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelVersionOptional(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:255,className:t.textInput},rules:{required:!1,pattern:{value:semverRegex,message:o.formatMessage({id:"/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.ui6Ndd",defaultMessage:[{type:0,value:"Invalid semantic version number."}]})},maxLength:255}},"github-package-version")]}))}));return jsxRuntime.exports.jsx(FormProvider,Object.assign({},p,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:t.root,onSubmit:p.handleSubmit(e=>{var t=find_1(r,{moduleName:e.moduleName,status:ModuleStatus.DELETED}),t={moduleId:get_1(t,"moduleId",l.moduleId),moduleRepo:e.moduleRepo,isPrivateRepo:u,isPrivateRegistry:m,moduleName:e.moduleName,moduleVersion:e.moduleVersion,scope:e.scope,accessToken:e.accessToken,registryUrl:e.registryUrl,sshUrl:e.sshUrl,status:ModuleStatus.ACTIVE};s?i(actions.appFormState.updateNodeModule({nodeModules:t,index:n})):i(actions.appFormState.addNodeModule(t)),a()})},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({className:t.container,container:!0,rowSpacing:5,"data-test":"app-new-palette-integration-form-container"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:t.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"app-new-palette-integration-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration.form-title",defaultMessage:"{label} Npm Module",description:"Form label for supported file types",values:{label:s?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_NEW_TEXT.tooltipTitle()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:a,"aria-labelledby":"app-center-new-close-panel","data-test":"app-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:t.heading,"data-test":"app-new-palette-integration-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration-title.field-name",defaultMessage:"NPM Package or URI",description:"NPM Package/URI title"})})),jsxRuntime.exports.jsx(Typography,Object.assign({className:t.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration-description.field-name",defaultMessage:"Please specify where the package is stored and choose the access level.",description:"NPM Package/URI description"})}))]}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(InputRadioGroup,Object.assign({name:"moduleRepo",onChange:e=>{if("npm"!==e.target.value&&"github"!==e.target.value)throw new Error("Event target value outside accepted values");c(e.target.value===ModuleRepo.NPM?ModuleRepo.NPM:ModuleRepo.Github)},value:d,rules:{required:!0}},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row"},{children:[jsxRuntime.exports.jsx(FormControlLabel,{"data-test":e("npm-repo-radio"),label:jsxRuntime.exports.jsx(h,{children:APP_CENTER_NEW_TEXT.labelNPM()}),control:jsxRuntime.exports.jsx(Radio,{}),value:"npm"}),jsxRuntime.exports.jsx(FormControlLabel,{"data-test":e("github-repo-radio"),label:jsxRuntime.exports.jsx(h,{children:APP_CENTER_NEW_TEXT.labelGithub()}),control:jsxRuntime.exports.jsx(Radio,{}),value:"github"})]}))}))}),"npm"===d?j:f]})),jsxRuntime.exports.jsx(Box,Object.assign({className:t.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(p,"formState.isValid"),variant:"contained",color:"primary","data-test":"app-new-palette-integration-button-submit"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-palette-integration.submit-button-label",defaultMessage:"{label}",description:"{label} Config Fields",values:{label:s?"Update":"Add"}})}))}))]}))}))},AppCenterPaletteIntegrationPanel=e=>jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(PaletteIntegrationForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})}),appBarHeight=55,borderBottom=5,mainHeight=`calc(100vh - ${appBarHeight+borderBottom}px)`,useStyles$1=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight},container:{flex:1,padding:e.spacing(5),"& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},"& fieldset":{borderColor:"#D5DFE9"},textInput:{padding:14.5},headerTable:{verticalAlign:"bottom",paddingTop:"10px",fontWeight:"bold",fontSize:"14px"},tableText:{verticalAlign:"bottom",paddingTop:"10px",fontSize:"14px"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:20},addButtonWrapper:{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"},description:{fontWeight:400,fontSize:"12px",lineHeight:"16px",color:"#5C6269"},hrLight:{opacity:.3,marginTop:"0px"},eventsTable:{overflow:"auto"}})),urlRegex=/[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/,AppEventForm=({hidePanel:s,isEdit:i=!1,editIndex:o=-1})=>{const e=useStyles$1()["classes"],r=useDispatch(),n=useSelector(preferredLanguageSelector),{searchResults:t,handlers:l}=useSelector(selectEventPanel),a=useSelector(selectFlowLinkingPanel)["searchResults"];react.exports.useEffect(()=>{if(i){var{automateFlowId:e,eventIds:t,eventType:a,webhook:s}=l[o];x(s),p.setValue("webhook",s);const n={};t.forEach(e=>{n[e]=!0}),v(e),p.setValue("flow",e),c(a),p.setValue("eventType",a),S(n)}r(actions.appEventsPanelState.getEvents(!0)),r(actions.flowLinkingPanelState.searchByTerm(""))},[]),react.exports.useEffect(()=>{g(t)},[t]),react.exports.useEffect(()=>{b(a)},[a]);const p=useForm({mode:"onChange",defaultValues:{eventType:"none",flow:"",webhook:"",searchTerm:""}}),[d,c]=react.exports.useState("none"),[u,x]=react.exports.useState(""),[m,g]=react.exports.useState(t),[h,j]=react.exports.useState(""),[f,b]=react.exports.useState(a),[y,v]=react.exports.useState(""),[R,S]=react.exports.useState({});react.exports.useEffect(()=>{"none"===d&&p.trigger("eventType"),("flow"===d&&!isEmpty_1(y)||"webhook"===d&&!isEmpty_1(u))&&p.trigger(["flow","webhook"])},[d,p]);var E=e=>{if(Object.keys(R).length){var t;let e={};"webhook"===d?e={webhook:u}:"flow"===d&&(e={automateFlowId:y});const a=[];m.forEach(e=>{R[e.id]&&a.push(e.eventName)}),e=Object.assign(Object.assign({},e),{eventIds:Object.keys(R),eventNames:a,eventType:d}),i?r(actions.appEventsPanelState.editHandler({handler:e,index:o})):r(actions.appEventsPanelState.addHandler(e)),s()}else t=AIWareFormatMessage(n),r(showMessage({content:t({id:"os-app-center-new.event-panel.empty-events-error",defaultMessage:[{type:0,value:"Please select at least one event."}]}),severity:MessageSeverity.Error}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},p,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:p.handleSubmit(E)},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({className:e.container,container:!0,spacing:5,"data-test":"os-app-center-new.add-event-panel.form-container",direction:"column",flexWrap:"nowrap",overflow:"hidden"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:e.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"os-app-center-new.add-event-panel.header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..form-title",defaultMessage:"{label} AIWARE EVENT",description:"Form label for supported file types",values:{label:i?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:s,"aria-labelledby":"os-app-center-new.add-event-panel..close-panel","data-test":"app-center-new-close-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.add-event-panel.handler-type-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.handler-type",defaultMessage:"Choose a handler type",description:"choose handler"})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsxs(InputSelect,Object.assign({inputProps:{maxLength:50},className:e.inputSelect,name:"handlerType",value:d,onChange:e=>{c(e.target.value)},placeholder:"Select a handler type",style:{minWidth:"100%"},"data-test":"os-app-center-new.add-event-panel.event-handler-type-input"},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"none","data-test":"os-app-center-new.add-event-panel.event-handler-type-none"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.none-handler-type",defaultMessage:"None",description:"Select none handler type"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"webhook","data-test":"os-app-center-new.add-event-panel.event-handler-type-webhook"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.webhook-handler-type",defaultMessage:"Webhook",description:"Select Webhook handler type"})})),jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"flow","data-test":"os-app-center-new.add-event-panel.event-handler-type-flow"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.flow-handler-type",defaultMessage:"Flow",description:"Select flow handler type"})}))]}))})),"webhook"===d&&jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.add-event-panel.webhook-type-header",mt:6},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.webhook-type",defaultMessage:"Input a webhook URL",description:"input a webhook url"})})),jsxRuntime.exports.jsx(InputText,{sx:{pb:4},inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"webhook",fullWidth:!0,value:u,onChange:e=>{e=e.target.value,x(e)},"data-test":"os-app-center-new.add-event-panel.webhook-input",rules:{required:!0,pattern:{value:urlRegex,message:"Must be a valid URL including protocol."}}})]})),"flow"===d&&jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.add-event-panel.flow-type-header",mt:6},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.flow-type",defaultMessage:"Select an Automate Flow",description:"Select an Automate Flow"})})),jsxRuntime.exports.jsx(InputSelect,Object.assign({inputProps:{maxLength:50},className:e.inputSelect,name:"flow",value:y,onChange:e=>{v(e.target.value)},style:{minWidth:"100%"},"data-test":"os-app-center-new.add-event-panel.flow-input",rules:{required:!0}},{children:map_1(f,e=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e.id,"data-test":e.name},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..menu-item-placeholder-{id}",defaultMessage:"{name}",description:"{name}",values:{name:e.name}})}),"flow-"+e.id))}))]}))]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.add-event-panel.choose-events-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..events-header",defaultMessage:"Choose Events to Send",description:"Choose events to send"})})),jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-event-description",className:e.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..events-description",defaultMessage:"Which events would you like to trigger this webhook?",description:"Which events would you like to trigger this webhook?"})}))]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12,sx:{display:"flex",flexDirection:"column",overflow:"scroll"}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0},{children:[jsxRuntime.exports.jsx(InputText,{sx:{pb:4},inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"searchTerm",fullWidth:!0,placeholder:"Search Event",value:h,onChange:e=>j(e.target.value),"data-test":"os-app-center-new.add-event-panel.searchTerm-input"}),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:1},{children:jsxRuntime.exports.jsx(InputCheckbox,{checked:m.length===Object.keys(R).length,label:"",onClick:()=>{{const t=JSON.parse(JSON.stringify(R));m.length===Object.keys(t).length?S({}):(m.forEach(e=>{t[e.id]=!0}),S(t))}}})})),jsxRuntime.exports.jsx(Grid,Object.assign({className:e.headerTable,item:!0,xs:2},{children:"Event Type"})),jsxRuntime.exports.jsx(Grid,Object.assign({className:e.headerTable,item:!0,xs:4},{children:"Event Name"})),jsxRuntime.exports.jsx(Grid,Object.assign({className:e.headerTable,item:!0,xs:5},{children:"Description"}))]})),jsxRuntime.exports.jsx("hr",{className:e.hrLight}),jsxRuntime.exports.jsx("div",Object.assign({className:e.eventsTable},{children:map_1(m,s=>{if((e=>{var t=h.toLowerCase(),{eventName:e,eventType:a,description:s}=e;return e.toLowerCase().includes(t)||a.toLowerCase().includes(t)||s.toLowerCase().includes(t)})(s))return jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:1},{children:jsxRuntime.exports.jsx(InputCheckbox,{label:"",value:s.id,checked:!!R[s.id],onClick:e=>{return e=e,t=s.id,a=JSON.parse(JSON.stringify(R)),e.target.checked?a[t]=!0:delete a[t],void S(a);var t,a}})})),jsxRuntime.exports.jsx(Grid,Object.assign({className:e.tableText,item:!0,xs:2},{children:s.eventType})),jsxRuntime.exports.jsx(Grid,Object.assign({className:e.tableText,item:!0,xs:4},{children:s.eventName})),jsxRuntime.exports.jsx(Grid,Object.assign({className:e.tableText,item:!0,xs:5},{children:s.description}))]}),"event-"+s.id)})}))]}))]})),jsxRuntime.exports.jsx(Box,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(p,"formState.isValid")||!Object.keys(R).length,onSubmit:E,variant:"contained",color:"primary","data-test":"os-app-center-new.add-event-panel.button-submit"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-events.submit-button-label",defaultMessage:"{label}",description:"{label} text button",values:{label:i?"Update":"Add"}})}))}))]}))}))},AppEventPanel=e=>jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AppEventForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})}),useStyles=makeStyles()(e=>({form:{display:"flex",flexDirection:"column",height:"100%"},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:{textTransform:"capitalize"}})),ContextMenuExtensionForm=({hidePanel:t,isEdit:a,editIndex:s,extensionType:n})=>{var e=useStyles()["classes"];const i=useDispatch();var o=useSelector(selectIsEditForm)["isEditForm"],r=useSelector(selectPrevContextMenuExtensions);const l=useSelector(selectContextMenuExtensions);r=a&&lodash.exports.findIndex(r[n+"s"],e=>lodash.exports.isMatch(e,l[n+"s"][s]))<0,o=a&&o&&!r,r=useForm({mode:"onChange",defaultValues:a&&0<=s&&!lodash.exports.isNil(n)?l[n+"s"][s]:{label:"",url:"",type:""}});const p=r.watch("type");return jsxRuntime.exports.jsx(Box,Object.assign({sx:{p:6,height:"calc(100vh - 60px)"}},{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},r,{children:jsxRuntime.exports.jsxs("form",Object.assign({onSubmit:r.handleSubmit(e=>{a&&0<=s&&!lodash.exports.isNil(n)?i(actions.appFormState.updateContextMenuExtension({extensionType:n,index:s,extension:e})):(e.id=v4(),i(actions.appFormState.addContextMenuExtension({extension:e}))),null!=t&&t()}),className:e.form},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,direction:"column",spacing:8,"data-test":"app-center-new.context-menu-extension.panel-container",flexWrap:"nowrap"},{children:[jsxRuntime.exports.jsx(Grid,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":"app-center-new.context-menu-extension.panel-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.context-menu-extension.form-title",defaultMessage:"{label} a Context Menu Extension",description:"Panel title for context menu extension form",values:{label:a?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.context-menu-extension.form-title-close",defaultMessage:"Close",description:"Close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"app-center-new-close-panel","data-test":"app-center-new.context-menu-extension.close-button"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-center-new.context-menu-extension.type-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.context-menu-extensions.type-header-text",defaultMessage:"Type",description:"You can set a type"})})),jsxRuntime.exports.jsx(InputSelect,Object.assign({name:"type",fullWidth:!0,disabled:o,rules:{required:!0},className:e.inputSelect,"data-test":"app-center-new.context-menu-extension.type-input"},{children:Object.values(ContextMenuExtensionType).map(e=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e,"data-test":"app-center-new.context-menu-extension.type-input."+e},{children:"tdo"===e?"Media (Temporal Data Objects)":e}),e))}))]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-center-new.context-menu-extension.label-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.context-menu-extensions.label-header",defaultMessage:"Label",description:"You can set a label"})})),jsxRuntime.exports.jsx(InputText,{name:"label",fullWidth:!0,rules:{required:!0,maxLength:50,validate:t=>{var e;return!!lodash.exports.isEmpty(null===l||void 0===l?void 0:l[p+"s"])||!(!(a&&0<=s)||lodash.exports.isNil(n))||(e=null==(e=l[p+"s"])?void 0:e.find(e=>e.label===t),!!lodash.exports.isNil(e))||"Label already exists for this type."}},"data-test":"app-center-new.context-menu-extension.label-input"})]})),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,"data-test":"app-center-new.context-menu-extension.url-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.context-menu-extensions.url-header",defaultMessage:"Open a URL in a new tab (optional)",description:"You can set a url"})})),jsxRuntime.exports.jsx(InputText,{placeholder:p&&`https://example.com?${p}Id=\${${p}Id}`,name:"url",fullWidth:!0,rules:{maxLength:255,validate:e=>!!lodash.exports.isEmpty(e)||(urlRegex$1.test(e)?!!lodash.exports.includes(e,"${"+p+"Id}")||"URL must contain ${"+p+"Id}":"Must be a valid URL including protocol.")},"data-test":"app-center-new.context-menu-extension.url-input"})]}))]})),jsxRuntime.exports.jsx(Box,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!lodash.exports.get(r,"formState.isValid"),variant:"contained",color:"primary","data-test":"app-center-new.context-menu-extension.submit-button"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.context-menu-extensions.submit-button-text",defaultMessage:"{label}",description:"{label} Context Menu Extension",values:{label:a?"Update":"Add"}})}))}))]}))}))}))},ContextMenuExtensionPanel=e=>jsxRuntime.exports.jsx(AIWareCacheProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(ContextMenuExtensionForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex,extensionType:e.extensionType})})})});export{AddFlowPanel as AppCenterAddFlowPanel,AddSchemaPanel as AppCenterAddSchemaPanel,AppCenterConfigFieldsForm,ContextMenuExtensionPanel as AppCenterContextMenuExtensionPanel,AppEventPanel as AppCenterEventPanel,AppCenterNew,AppCenterPaletteIntegrationPanel};