aiware-js 2.25.1 → 2.27.0

package/js-core.esm52.js

@@ -1,132 +1 @@
-import{a as generateUtilityClasses,g as generateUtilityClass,b as styled,_ as _extends$1,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,T as Typography,j as jsxRuntime,f as clsx,h as composeClasses,z as createSvgIcon,C as interopRequireDefault,H as createSlice,p as lodash,cc as combineReducers,cd as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,ce as fork,dh as channel,m as makeStyles,cf as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,bv as CacheProvider,bw as muiCache,i as useDispatch,k as useSelector,G as Grid,cg as Stack,F as FormattedMessage,a9 as IconButton,aY as default_1$2,v as FormControl$1,w as TextField,cm as InputAdornment,bC as CircularProgress,cl as default_1$3,aq as FormControlLabel,ar as Checkbox,a7 as Divider,af as takeLatest$1,B as Box$1,cn as unmountPanel,co as AvailableComponents,M as preferredLanguageSelector,a8 as Tooltip,ch as Close,aW as MenuItem,bI as map_1,bJ as keys_1,at as Button,bH as get_1,aF as TableRow,fv as MoreHor,di as useIntl,bX as Radio,cp as delay,ah as put,ai as select,ak as call,bU as showMessage,bV as MessageSeverity,cq as mountPanel,a2 as all,dp as ProgressStepper,b4 as AIWareFormatMessage,d8 as take,cI as Collapse,cz as img$1v,cC as baseGraphQLApiWithError,ds as sdkEventManager,dt as SdkEvents,du as SdkError,ap as FormGroup,an as FormLabel,gf as Copy,gg as ArrowForward,S as Switch,x as classNames,bA as isEmpty_1,dz as guid}from"./js-core.esm.js";import{s as set_1,c as InputText,e as InputSelect,S as SchemaOrText,f as InputCheckbox,g as InputRadioGroup,H as Heading,E as EntityTags,L as ListField,h as uploadFileToS3,i as getSignedWritableUrl,o as orderBy_1,l as lowerCase_1}from"./js-core.esm21.js";import{u as useForm,F as FormProvider}from"./js-core.esm14.js";import{a as findIndex_1}from"./js-core.esm16.js";import{d as default_1$4}from"./js-core.esm41.js";import{d as default_1$5}from"./js-core.esm8.js";import{C as Card}from"./js-core.esm9.js";import{C as CardContent}from"./js-core.esm10.js";import{C as Chip$1}from"./js-core.esm28.js";import"./js-core.esm29.js";import"./js-core.esm26.js";import"./js-core.esm25.js";import"./js-core.esm15.js";import"./js-core.esm22.js";import"./js-core.esm27.js";function getCardHeaderUtilityClass(e){return generateUtilityClass("MuiCardHeader",e)}const cardHeaderClasses=generateUtilityClasses("MuiCardHeader",["root","avatar","action","content","title","subheader"]);var cardHeaderClasses$1=cardHeaderClasses;const _excluded=["action","avatar","className","component","disableTypography","subheader","subheaderTypographyProps","title","titleTypographyProps"],useUtilityClasses=e=>{e=e.classes;return composeClasses({root:["root"],avatar:["avatar"],action:["action"],content:["content"],title:["title"],subheader:["subheader"]},getCardHeaderUtilityClass,e)},CardHeaderRoot=styled("div",{name:"MuiCardHeader",slot:"Root",overridesResolver:(e,t)=>_extends$1({["& ."+cardHeaderClasses$1.title]:t.title,["& ."+cardHeaderClasses$1.subheader]:t.subheader},t.root)})({display:"flex",alignItems:"center",padding:16}),CardHeaderAvatar=styled("div",{name:"MuiCardHeader",slot:"Avatar",overridesResolver:(e,t)=>t.avatar})({display:"flex",flex:"0 0 auto",marginRight:16}),CardHeaderAction=styled("div",{name:"MuiCardHeader",slot:"Action",overridesResolver:(e,t)=>t.action})({flex:"0 0 auto",alignSelf:"flex-start",marginTop:-4,marginRight:-8,marginBottom:-4}),CardHeaderContent=styled("div",{name:"MuiCardHeader",slot:"Content",overridesResolver:(e,t)=>t.content})({flex:"1 1 auto"}),CardHeader=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiCardHeader"}),{action:a,avatar:s,className:i,component:n="div",disableTypography:o=!1,subheader:r,subheaderTypographyProps:l,title:p,titleTypographyProps:d}=e,c=_objectWithoutPropertiesLoose(e,_excluded),e=_extends$1({},e,{component:n,disableTypography:o}),u=useUtilityClasses(e);let x=p,m=(null==x||x.type===Typography||o||(x=jsxRuntime.exports.jsx(Typography,_extends$1({variant:s?"body2":"h5",className:u.title,component:"span",display:"block"},d,{children:x}))),r);return null==m||m.type===Typography||o||(m=jsxRuntime.exports.jsx(Typography,_extends$1({variant:s?"body2":"body1",className:u.subheader,color:"text.secondary",component:"span",display:"block"},l,{children:m}))),jsxRuntime.exports.jsxs(CardHeaderRoot,_extends$1({className:clsx(u.root,i),as:n,ref:t,ownerState:e},c,{children:[s&&jsxRuntime.exports.jsx(CardHeaderAvatar,{className:u.avatar,ownerState:e,children:s}),jsxRuntime.exports.jsxs(CardHeaderContent,{className:u.content,ownerState:e,children:[x,m]}),a&&jsxRuntime.exports.jsx(CardHeaderAction,{className:u.action,ownerState:e,children:a})]}))});var LoadingStatus,ModuleRepo,ContextMenuExtensionType,UiInfo,FormStatus,FormValidations,DeploymentModel,IconImportStatus,AppConfigType,AppConfigLevel,CardHeader$1=CardHeader,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;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const SLICE_NAME="appCenterNew";function isNpmRepoModule(e){return e.moduleRepo===ModuleRepo.NPM}function isGithubModule(e){return e.moduleRepo===ModuleRepo.Github}!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),function(e){e.NPM="npm",e.Github="github"}(ModuleRepo=ModuleRepo||{}),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:LoadingStatus.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:[],name:"",description:"",iconPath:"",url:"",headerbarEnabled:!0,aiwareHeader:{name:"",elementId:"",title:"",backgroundColor:"",zIndex:null,logoSrc:"",help:!1,notification:!1,hidePasswordReset:!1,displaySupportChat:!1},authMethod:"none",oauthUrl:"",nodeModules:[],flows:[],schemas:[],engines:[],entityTags:[]},step:[],isLoadingExistingAppData:!1,isEditForm:!1,formValidations:FormValidations.Pending,formStatus:FormStatus.Pending,uiInfo:UiInfo.PanelClosed,currentComponents:{engines:[],dataRegistries:[]},apps:[]},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)},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)},updateAiwareHeader(e,t){var{field:t,value:a}=t.payload;lodash.exports.set(e.app.aiwareHeader,lodash.exports.camelCase(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=[]},addNodeModule(e,t){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}}}),actions$6=slice$5.actions;var appFormState=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){const a=JSON.parse(JSON.stringify(e.handlers));var{eventIds:t,eventNames:s,eventType:i,webhook:n,automateFlowName:o,automateFlowId:r}=t.payload;a.push({eventIds:t,eventNames:s,eventType:i,webhook:n,automateFlowName:o,automateFlowId:r}),set_1(e,"handlers",a)},editHandler(e,t){var{handler:t,index:a}=t.payload;set_1(e,`handlers[${a}]`,t)},deleteHandler(e,t){t=t.payload;const 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)}}}),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,[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,selectAppUrl=e=>e[namespace].appFormState.app.url,selectNodeModules=e=>e[namespace].appFormState.app.nodeModules,selectFlowLinkingPanel=e=>e[namespace].flowLinkingPanelState,selectSchemaLinkingPanel=e=>e[namespace].schemaLinkingPanelState,selectEngineLinkingPanel=e=>e[namespace].engineLinkingPanelState,selectEventPanel=e=>e[namespace].appEventsPanelState,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{n(l.next(e))}catch(e){t(e)}}function i(e){try{n(l.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?a(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(s,i)}n((l=l.apply(e,o||[])).next())})}const 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({query:"\n    mutation createApplication ($input: CreateApplication!) {\n      createApplication (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:a},operationName:e},t)))[e]}),updateAppComponents=(o,r)=>__awaiter(void 0,void 0,void 0,function*(){const{engines:t,dataRegistries:a,id:s}=r,i="updateApplicationComponent";let n="";lodash.exports.forEach(lodash.exports.keys(t),e=>{lodash.exports.isEmpty(t[e])||(n+=`
-      ${e}Engines: ${i} (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])||(n+=`
-      ${e}DataRegistries: ${i} (input: {
-        id: "${s}"
-        componentIds: [${lodash.exports.join(lodash.exports.map(a[e],e=>`"${e}"`),",")}]
-        type: dataRegistries
-        action: ${e}
-      }) {
-        dataRegistries {
-          records {
-            id
-          }
-        }
-      }
-    `)});var e=`mutation ${i} {
-    ${n}
-  }`;return(yield baseGraphQLApiWithError(Object.assign({query:e,operationName:i},o)))[i]}),createAppConfig=(a,s,i)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationConfigDefinitionCreate",t=lodash.exports.map(i,e=>{const 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
-  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 {
-      id
-      label
-      url
-      type
-    }
-  }
-  nodeModules {
-    moduleId
-    moduleRepo
-    moduleName
-    moduleVersion
-    isPrivateRepo
-    isPrivateRegistry
-    scope
-    accessToken
-    registryUrl
-    sshUrl
-  }
-}`,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
-        }
-       }
-      }
-    `;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: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]}),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{id:t.id,dataRegistryId:t.dataRegistryId,name:e.name,modifiedDateTime:t.modifiedDateTime,version:`v${t.majorVersion}.`+t.minorVersion}})})),yield put(actions.schemaLinkingPanelState.fetchingDone())}catch(e){console.log(e.message),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"],formatApp$1=t=>{const a={checkPermissions:t.checkPermissions||!1,name:t.name,key:lodash.exports.snakeCase(t.name)};return supportedAppFields$1.forEach(e=>{lodash.exports.isNil(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);const a=AIWareFormatMessage(t||"en");t=e.payload.app;if(lodash.exports.isNil(t))throw new Error("Empty app not allowed!");e=yield select(selectApiConfigs);try{var s=formatApp$1(t),i=yield call(createApplication,e,s),{flows:n,engines:o,schemas:r}=t;if(!(lodash.exports.isEmpty(n)||lodash.exports.isEmpty(o)||lodash.exports.isEmpty(r))){const l={id:i.id};lodash.exports.isEmpty(n)||lodash.exports.isEmpty(o)||(l.engines={add:[...lodash.exports.map(n,e=>e.id),...lodash.exports.map(o,e=>e.id)],remove:[]}),lodash.exports.isEmpty(r)||(l.dataRegistries={add:lodash.exports.map(r,e=>e.dataRegistryId),remove:[]}),yield call(updateAppComponents,e,l)}lodash.exports.isEmpty(t.configFields)||(yield call(createAppConfig,e,i.id,t.configFields)),yield put(actions.appFormState.createAppSuccess(i.id)),yield put(showMessage({content:a({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){yield put(actions.appFormState.createAppFailed(e.message)),yield put(showMessage({content:a({id:"os-app-center-new.snackbar.appOnboardingFailed",defaultMessage:[{type:0,value:"Application onboarding failed"}]}),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(e){const t=e.payload.file;e=yield select(preferredLanguageSelector);const a=AIWareFormatMessage(e);try{var s=yield call(getUrlBucket,t.name);const n=Object.assign(Object.assign({},t),{status:IconImportStatus.Uploading,percentComplete:0,expiresInSeconds:s.expiresInSeconds,getUrl:s.getUrl,key:s.key,unsignedUrl:s.unsignedUrl,url:s.url}),o=(yield put(actions.iconUploadState.updateIcon(n)),e=>{fileUploadChannel.put(actions.iconUploadState.updateIcon(Object.assign({id:t.id},e)))});var i=yield uploadFileToS3(s,t,{onProgress:e=>{o({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{o({status:IconImportStatus.Aborted}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),n)},onError:e=>{o({status:IconImportStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),n)},onUpload:e=>{o({status:IconImportStatus.Uploaded}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,n)}});root.xhrInstances[t.id]=i,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:a({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","contextMenuExtensions","eventEndpoint","entityTags","headerbarEnabled","nodeModules"],formatApp=t=>{const a={checkPermissions:t.checkPermissions||!1,name:t.name,id:t.id};return supportedAppFields.forEach(e=>{lodash.exports.isNil(t[e])||(a[e]=t[e])}),lodash.exports.isNil(t.iconPath)||(a.iconUrl=t.iconPath),a},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}};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);const a=AIWareFormatMessage(t||"en");t=e.payload.app,e=yield select(selectApiConfigs);try{var s=formatApp(t),i=yield call(updateApplication,e,s),{flows:n,engines:o,schemas:r}=t;if(!(lodash.exports.isEmpty(n)||lodash.exports.isEmpty(o)||lodash.exports.isEmpty(r))){const d={id:i.id};lodash.exports.isEmpty(n)||lodash.exports.isEmpty(o)||(d.engines={add:[...lodash.exports.map(n,e=>e.id),...lodash.exports.map(o,e=>e.id)],remove:[]}),lodash.exports.isEmpty(r)||(d.dataRegistries={add:lodash.exports.map(r,e=>e.dataRegistryId),remove:[]}),yield call(updateAppComponents,e,d)}yield put(actions.appFormState.createAppSuccess(i.id)),yield put(showMessage({content:a({id:"os-app-center-new.app-update-success",defaultMessage:[{type:0,value:"App successfully updated"}]}),severity:MessageSeverity.Success}));var l="APP_CENTER_DETAILS",p={name:l,config:{appId:i.id}};yield put(mountPanel({panelId:l,microFrontend:p,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge"}})),yield put(unmountPanel("APP_CENTER_NEW"))}catch(e){yield put(actions.appFormState.createAppFailed(e.message)),yield put(showMessage({content:a({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);const s=AIWareFormatMessage(a);if(t&&e.configToDelete.id)try{yield call(deleteConfigField,t,e.configToDelete.id,e.configToDelete.name)}catch(e){yield put(showMessage({content:s({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);const s=AIWareFormatMessage(a);if(t&&e.configFields.id){a={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:a}]};try{yield call(updateConfigField,t,e.input)}catch(e){yield put(showMessage({content:s({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);const s=AIWareFormatMessage(a);if(t)try{yield call(createAppConfig,t,e.appId,[e.newConfigField])}catch(e){yield put(showMessage({content:s({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);const a=AIWareFormatMessage(t);if(e)try{var s=yield call(getApplications,e);yield put(actions.appFormState.fetchApplications(s))}catch(e){yield put(showMessage({content:a({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*rootSaga(){yield all([watchUploadIconStart(),watchProgressChannel(),...appEventsSagas,...flowsSagas,...enginesSagas,...newApplicationSagas,...schemasSagas,...editAppSagas])}function getAppCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const formattedMessageIdPrefix$3="toggle-switch.",Toggle=e=>{var t=makeStyles()(e=>({switch:{padding:2,height:34,width:123,"& .Sdk-MuiSwitch-switchBase":{padding:3,borderRadius:16,transform:"translateX(57px)"},"& .Sdk-MuiSwitch-track":{borderRadius:13,height:30,width:119,backgroundColor:"#EEEEEF",opacity:1},"& .Sdk-MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:"#EEEEEF",opacity:1},"& .Sdk-MuiSwitch-thumb":{backgroundColor:"white",boxShadow:"none",width:57,height:26,borderRadius:13,margin:1},"& .Sdk-MuiSwitch-switchBase.Mui-checked":{transform:"translateX(0px)","& .Sdk-MuiSwitch-thumb":{backgroundColor:"white"}}},switchLabel:{zIndex:10,color:"#5C6269",pointerEvents:"none","&.Mui-focused":{color:"#2A323C"},"& *":{cursor:"pointer"}}}))()["classes"],{checked:a,onChange:s}=e;return jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:-8.5,marginX:4.25,alignItems:"center"},{children:[jsxRuntime.exports.jsx(FormLabel,Object.assign({color:"secondary",className:t.switchLabel,htmlFor:"toggle-aiware-headerbar"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",sx:{color:a?null:"#5C6269"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$3+"on",defaultMessage:"On",description:"On lable for aiware headerbar toggle switch"})}))})),jsxRuntime.exports.jsx(Switch,Object.assign({color:"secondary",id:"toggle-aiware-headerbar",className:classNames(t.switch,e.className),onChange:s},lodash.exports.omit(e,"className"))),jsxRuntime.exports.jsx(FormLabel,Object.assign({color:"secondary",className:t.switchLabel,htmlFor:"toggle-aiware-headerbar"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",sx:{color:a?"#5C6269":null}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$3+"off",defaultMessage:"Off",description:"Off lable for aiware headerbar toggle switch"})}))}))]}))},formattedMessageIdPrefix$2="os-app-center-new.headerbar-step.headerbar-toggle.";var AiWareHeaderbarToggle=({checked:e=!0,onChange:t})=>jsxRuntime.exports.jsxs(Box$1,Object.assign({width:"100%","data-test":formattedMessageIdPrefix$2+"container"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h4"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$2+"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$2+"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$1,{children:jsxRuntime.exports.jsx(Toggle,{checked:e,onChange:t,"data-test":formattedMessageIdPrefix$2+"toggle"})})})]}));const useStyles$b=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$1="os-app-center-new.headerbar-step.customize-headerbar.";var _path,_g,_path2,_path3,_tspan,_tspan2,_tspan3,_tspan4,_tspan5,_tspan6,_tspan7,_tspan8,_tspan9,_tspan10,_tspan11,_tspan12,_tspan13,_tspan14,_tspan15,_tspan16,_tspan17,_tspan18,_tspan19,_tspan20,_tspan21,_tspan22,_tspan23,_tspan24,_tspan25,_tspan26,_defs,CustomizeAIWareHeaderbar=({handleOnValidate:e})=>{var t=useStyles$b()["classes"];const a=useDispatch(),s=useSelector(selectApp);var i={name:s.aiwareHeader.name,elementId:s.aiwareHeader.elementId,title:s.aiwareHeader.title,backgroundColor:s.aiwareHeader.backgroundColor,zIndex:s.aiwareHeader.zIndex,logoSrc:s.aiwareHeader.logoSrc,help:s.aiwareHeader.help,notification:s.aiwareHeader.notification,hidePasswordReset:s.aiwareHeader.hidePasswordReset,displaySupportChat:s.aiwareHeader.displaySupportChat};const n=useForm({mode:"onChange",defaultValues:i});react.exports.useEffect(()=>{s.headerbarEnabled?null!=e&&e(n.formState.isValid):null!=e&&e(!0)},[n.formState.isValid,s.headerbarEnabled]);var i=e=>{var{name:e,value:t}=e.target;a(actions.appFormState.updateAiwareHeader({field:e,value:t}))},o=e=>{var{name:e,checked:t}=e.target;a(actions.appFormState.updateAiwareHeader({field:e,value:t}))};return jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:3,"data-test":formattedMessageIdPrefix$1+"container"},{children:[jsxRuntime.exports.jsxs(Box$1,Object.assign({sx:{opacity:s.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$1+"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$1+"optional",defaultMessage:"(Optional)",description:"Optional modifier for titles"})}))]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"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"})}))]})),s.headerbarEnabled&&jsxRuntime.exports.jsx(Box$1,{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},n,{children:jsxRuntime.exports.jsxs(Grid,Object.assign({className:t.container,container:!0,spacing:5,"data-test":formattedMessageIdPrefix$1+"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$1+"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:i})]})),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$1+"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:i})]})),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$1+"headerbar-title",defaultMessage:"Title",description:"You can set a headerbar title"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"title",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-title",inputProps:{maxLength:250,className:t.textInput},rules:{required:!0},onChange:i})]})),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$1+"headerbar-backgroundColor",defaultMessage:"Background Color",description:"You can set a headerbar background color"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"backgroundColor",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-backgroundColor",inputProps:{maxLength:250,className:t.textInput},onChange:i})]})),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$1+"headerbar-zIndex",defaultMessage:"Z-Index",description:"You can set a headerbar z-index"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"number",name:"zIndex",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-zIndex",inputProps:{maxLength:250,className:t.textInput},onChange:i})]})),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$1+"headerbar-logoSource",defaultMessage:"Logo Source",description:"You can set a headerbar logo source"})})),jsxRuntime.exports.jsx(InputText,{variant:"outlined",type:"text",name:"logoSrc",fullWidth:!0,"data-test":"app-center-new.aiware-headerbar-logoSrc",inputProps:{maxLength:5e3,className:t.textInput},onChange:i})]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12,style:{padding:"25px 0 0 25px"}},{children:jsxRuntime.exports.jsxs(Box$1,Object.assign({display:"flex",justifyContent:"start",alignItems:"center"},{children:[jsxRuntime.exports.jsx(InputCheckbox,{name:"help",checked:s.aiwareHeader.help,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-help",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"checkbox-help",defaultMessage:"Help",description:"Help field checkbox"})}),jsxRuntime.exports.jsx(InputCheckbox,{name:"notification",checked:s.aiwareHeader.notification,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-notification",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"checkbox-notification",defaultMessage:"Notification",description:"Notification field checkbox"})}),jsxRuntime.exports.jsx(InputCheckbox,{name:"displaySupportChat",checked:s.aiwareHeader.displaySupportChat,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-displaySupportChat",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"checkbox-displaySupportChat",defaultMessage:"Display Support Chat",description:"Display support chat field checkbox"})}),jsxRuntime.exports.jsx(InputCheckbox,{name:"hidePasswordReset",checked:s.aiwareHeader.hidePasswordReset,onChange:o,"data-test":"app-center-new.aiware-headerbar-checkbox-hidePasswordReset",label:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"checkbox-hidePasswordReset",defaultMessage:"Hide Password Reset",description:"Hide password reset field checkbox"})})]}))}))]}))}))})]}))};function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a,s=arguments[t];for(a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e}).apply(this,arguments)}var SvgEditorDummy=function(e){return react.exports.createElement("svg",_extends({width:660,height:233,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_path=_path||react.exports.createElement("path",{fill:"#E5E5E5",d:"M0 0h660v233H0z"}),_g=_g||react.exports.createElement("g",{filter:"url(#editorDummy_svg__a)"},react.exports.createElement("path",{fill:"#fff",d:"M-30-690h720V348H-30z"})),_path2=_path2||react.exports.createElement("path",{opacity:.4,d:"M0 4a4 4 0 0 1 4-4h652a4 4 0 0 1 4 4v225a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z",fill:"#303841"}),_path3=_path3||react.exports.createElement("path",{opacity:.4,d:"M0 4a4 4 0 0 1 4-4h27v233H4a4 4 0 0 1-4-4V4Z",fill:"#242C35"}),react.exports.createElement("text",{opacity:.4,fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito Sans",fontSize:10,fontWeight:600,letterSpacing:0},_tspan=_tspan||react.exports.createElement("tspan",{x:13.004,y:33.29},"1"),_tspan2=_tspan2||react.exports.createElement("tspan",{x:13.004,y:59.29},"2"),_tspan3=_tspan3||react.exports.createElement("tspan",{x:13.004,y:85.29},"3"),_tspan4=_tspan4||react.exports.createElement("tspan",{x:13.004,y:111.29},"4"),_tspan5=_tspan5||react.exports.createElement("tspan",{x:13.004,y:137.29},"5"),_tspan6=_tspan6||react.exports.createElement("tspan",{x:13.004,y:163.29},"6"),_tspan7=_tspan7||react.exports.createElement("tspan",{x:13.004,y:189.29},"7"),_tspan8=_tspan8||react.exports.createElement("tspan",{x:13.004,y:215.29},"8")),react.exports.createElement("g",{opacity:.4,fontFamily:"Nunito Sans",fontSize:14,letterSpacing:0},react.exports.createElement("text",{fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan9=_tspan9||react.exports.createElement("tspan",{x:62.352,y:58.606}," {"),_tspan10=_tspan10||react.exports.createElement("tspan",{x:46,y:84.606}),_tspan11=_tspan11||react.exports.createElement("tspan",{x:84.186,y:84.606},": blue;"),_tspan12=_tspan12||react.exports.createElement("tspan",{x:46,y:110.606}),_tspan13=_tspan13||react.exports.createElement("tspan",{x:164.098,y:110.606},": yellow;"),_tspan14=_tspan14||react.exports.createElement("tspan",{x:46,y:136.606}),_tspan15=_tspan15||react.exports.createElement("tspan",{x:94.699,y:136.606},": 1px solid black;"),_tspan16=_tspan16||react.exports.createElement("tspan",{x:46,y:162.606},"}"),_tspan17=_tspan17||react.exports.createElement("tspan",{x:54.162,y:188.606}," {"),_tspan18=_tspan18||react.exports.createElement("tspan",{x:46,y:214.606}),_tspan19=_tspan19||react.exports.createElement("tspan",{x:84.186,y:214.606},": red;")),react.exports.createElement("text",{fill:"#B39DDB",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan20=_tspan20||react.exports.createElement("tspan",{x:46,y:58.606},"h1"),_tspan21=_tspan21||react.exports.createElement("tspan",{x:46,y:188.606},"p")),react.exports.createElement("text",{fill:"#EF9A9A",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan22=_tspan22||react.exports.createElement("tspan",{x:53.191,y:84.606},"color"),_tspan23=_tspan23||react.exports.createElement("tspan",{x:53.191,y:110.606},"background-color"),_tspan24=_tspan24||react.exports.createElement("tspan",{x:53.191,y:136.606},"border"),_tspan25=_tspan25||react.exports.createElement("tspan",{x:53.191,y:214.606},"color")),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan26=_tspan26||react.exports.createElement("tspan",{x:46,y:32.606},"\x3c!-- Default CSS --\x3e"))),_defs=_defs||react.exports.createElement("defs",null,react.exports.createElement("filter",{id:"editorDummy_svg__a",x:-44,y:-704,width:748,height:1066,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},react.exports.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),react.exports.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),react.exports.createElement("feOffset",null),react.exports.createElement("feGaussianBlur",{stdDeviation:7}),react.exports.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),react.exports.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2227_22407"}),react.exports.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_2227_22407",result:"shape"}))))};const formattedMessageIdPrefix="os-app-center-new.headerbar-step.customize-headerbar-styles.";var CustomizeAIWareHeaderbarStyles=()=>jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:3,"data-test":formattedMessageIdPrefix+"container"},{children:[jsxRuntime.exports.jsxs(Box$1,Object.assign({sx:{opacity:.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 Styles (CSS)",description:"Title of the Customize aiware headerbar styles 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(Chip$1,{color:"primary",label:"Coming Soon"})]})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"instructions",defaultMessage:"Your JSON will be injected into the header to customize the user interface and functionality. View customizable options",description:"Instructions of the Customize aiware headerbar styles section"})}))]})),jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:1,alignItems:"flex-start"},{children:[jsxRuntime.exports.jsx(SvgEditorDummy,{}),jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",sx:{opacity:.5}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"restore-default-css-button-label",defaultMessage:"Restore Default CSS",description:"Button label for the restore default css button on the headerbar styles page of app onboarding"})}))]}))]}));const useStyles$a=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$a()["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(AiWareHeaderbarToggle,{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(CustomizeAIWareHeaderbar,{handleOnValidate:e})})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,flexShrink:0},{children:jsxRuntime.exports.jsx(CustomizeAIWareHeaderbarStyles,{})}))]}))};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)},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})),[i,n]=react.exports.useState(e(s));react.exports.useEffect(()=>{n(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:i,columnNames:["Name","Config Level","Type","Default","",""],canEdit:!0,canDelete:!0,onActionClick:()=>t(),onEditClick:e=>{e=i[e],e=findIndex_1(s,{name:e.name,type:e.type});0<=e&&t(!0,e)},onDeleteClick:e=>{var t=i[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)=>{n(orderBy_1(i,lowerCase_1(e),t))}})},urlRegex$1=/[(http(s)?):\/\/(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-._~]*$/,githubSshUrlRegex=/^git@github.com:[a-zA-Z0-9-._~/]+?.git$/,uriScopeRegex=/^(\/[a-zA-Z0-9-_.~]+)+$/,FunctionalityStep=({handleOnValidate:e})=>{var t=useStyles$9()["classes"];const a=useDispatch();var s=useSelector(selectAppUrl);const i=useForm({mode:"onChange",defaultValues:{url:s}});react.exports.useEffect(()=>{null!=e&&e(i.formState.isValid)},[i.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({},i,{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$1,{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$1,{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,{})}))]}))}))},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",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,i]=react.exports.useState(""),[n,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=>{if(lodash.exports.isEmpty(t))return d(!0),void 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),i(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"}),n?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$8()["classes"],a=useSelector(selectApp),s=useSelector(selectIsEditForm)["isEditForm"];const i=useDispatch();const n=useForm({mode:"onChange",defaultValues:{oauthUrl:"",authMethod:"none"}});react.exports.useEffect(()=>{null!=e&&e(n.formState.isValid)},[n.formState.isValid]);var o=e=>{var{name:e,value:t}=e.target;i(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"os-app-center-new-authentication-step-container"},{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},n,{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$1,{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$1,{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$7=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$6=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$6()["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$1v,alt:"app logo"})}))},Row=({label:e,value:t,style:a,testName:s,icon:i,asterisk:n,handleOpenCollapse:o,textTransformValue:r="capitalize"})=>jsxRuntime.exports.jsxs(Box$1,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$1,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,n]})),jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"expand row",size:"small",onClick:o,"data-test":s+"-expand-action-trigger"},{children:i}))]}))]})),ConfirmationStep=()=>{var e=useStyles$7()["classes"],t=useSelector(selectApp);return jsxRuntime.exports.jsxs(Box$1,Object.assign({className:e.container,"data-test":"os-app-center-new-confirmation-step-container"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({className:e.subheading},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:e.titleDesc},{children:[jsxRuntime.exports.jsx(Box$1,Object.assign({display:"flex",alignItems:"center",textTransform:"capitalize","data-test":"os-app-center-new-confirmation-step.app-name"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:lodash.exports.isEmpty(t.name)?"-":t.name}))})),jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"os-app-center-new-confirmation-step.app-description"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"#2A323C"},{children:lodash.exports.isEmpty(t.description)?"-":t.description}))}))]})),jsxRuntime.exports.jsx("div",Object.assign({"data-test":"os-app-center-new-confirmation-step.app-logo",className:e.appLogo},{children:jsxRuntime.exports.jsx(AppLogo,{path:t.iconPath})}))]})),jsxRuntime.exports.jsxs(Box$1,Object.assign({sx:{width:"100%"},"data-test":"os-app-center-new-confirmation-step.row-container"},{children:[jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.app-url-formattedMessage",defaultMessage:"Application URL:",description:"application url"}),textTransformValue:"none",value:lodash.exports.isEmpty(t.url)?"-":t.url,style:e.text,testName:"os-app-center-new-confirmation-step.app-url"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.custom-fields-formattedMessage",defaultMessage:"Custom Fields:",description:"Custom Fields"}),value:lodash.exports.isEmpty(t.configFields)?"-":lodash.exports.join(lodash.exports.map(t.configFields,e=>e.name),", "),style:e.text,testName:"os-app-center-new-confirmation-step.app-custom-fields"}),jsxRuntime.exports.jsx(Row,{label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-confirmation-step.app-headerbar-formattedMessage",defaultMessage:"Headerbar:",description:"headerbar"}),value: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=>{if(!e)return"--/--/-- --:-- --";const t=new Date(e);return t.toLocaleDateString()+" "+t.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:!0})};var EngineLinking=()=>{const e=useDispatch();var t=useSelector(selectApp)["engines"];const[a,s]=react.exports.useState(lodash.exports.map(t,e=>({name:e.name,edgeVersion:e.edgeVersion,modifiedDateTime:formatDate(e.modifiedDateTime)})));return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.engine-linking-list.engines",heading:"aiWARE Engines to Include with App Package",description:"Select engines that interface with your application to be included with your application package.",actionButtonLabel:"Add Engine",items:a,columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!1,onActionClick:()=>{e(mountPanel({panelId:"APP_CENTER_ADD_ENGINE_PANEL",microFrontend:{name:"APP_CENTER_ADD_ENGINE_PANEL",config:{name:"Add Engine"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{s(lodash.exports.orderBy(a,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},FlowLinking=()=>{const e=useDispatch();var t=useSelector(selectApp)["flows"];const[a,s]=react.exports.useState(lodash.exports.map(t,e=>({name:e.name,version:e.edgeVersion,lastUpdated:formatDate(e.modifiedDateTime)})));return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.engine-linking-list.flows",heading:"Automate Flows to Include with App Package",description:"Select Automate flows that interface with your application to be included with your application package.",actionButtonLabel:"Add Flow",items:a,columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!1,onDeleteClick:lodash.exports.noop,onEditClick:lodash.exports.noop,onActionClick:()=>{e(mountPanel({panelId:"APP_CENTER_ADD_FLOW_PANEL",microFrontend:{name:"APP_CENTER_ADD_FLOW_PANEL",config:{name:"Add Flow"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{s(lodash.exports.orderBy(a,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},Schema=()=>{const e=useDispatch();var t=useSelector(selectApp)["schemas"];const[a,s]=react.exports.useState(lodash.exports.map(t,e=>({name:e.name,version:e.version,lastUpdated:formatDate(e.modifiedDateTime)})));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:a,columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!1,onEditClick:lodash.exports.noop,onDeleteClick:lodash.exports.noop,onActionClick:()=>{e(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)=>{s(lodash.exports.orderBy(a,[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$1,{children:jsxRuntime.exports.jsx(FlowLinking,{})}),jsxRuntime.exports.jsx(Box$1,{children:jsxRuntime.exports.jsx(EngineLinking,{})}),jsxRuntime.exports.jsx(Box$1,{children:jsxRuntime.exports.jsx(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:{position:"absolute",top:10,right:10}})),useDragAndDrop=({acceptedFileTypes:n})=>{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,i;e&&(n.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,i=URL.createObjectURL(e),i={id:guid(),previewUrl:i,name:t,size:a,type:s},o(actions.iconUploadState.uploadIconStart({file:i}))):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})))},[n,o]),i=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",i),()=>{e.removeEventListener("drop",i)}},[i]),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:i,handleRemoveFile:n,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({"data-test":"app-description-icon-remove",className:a.removeIcon,size:"small",onClick:n},{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:i,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();var i=useSelector(selectApp);const n=useSelector(selectApps);var o={name:i.name,description:i.description};const r=useForm({mode:"onChange",defaultValues:o});react.exports.useEffect(()=>{e(r.formState.isValid)},[r.formState.isValid]);o=e=>{var{name:e,value:t}=e.target;e=e,t=t,s(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"basic-info"},{children:jsxRuntime.exports.jsx(FormProvider,Object.assign({},r,{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:i.name,onChange:o,fullWidth:!0,rules:{required:!0,maxLength:100,validate:{isNameSame:t=>{return!n.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:i.description,onChange:o,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$1,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:i.iconPath})]}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(EntityTags,{selectedTags:i.entityTags,setSelectedTags:e=>{s(actions.appFormState.updateAppFormField({field:"entityTags",value:e}))}})}))]}))}))}))},PaletteIntegration=()=>{const a=useDispatch();var e=useSelector(selectApp)["nodeModules"];const[s,i]=react.exports.useState(lodash.exports.map(e,(e,t)=>isNpmRepoModule(e)?{name:e.moduleName,editIndex:t}:isGithubModule(e)?{name:e.sshUrl,editIndex:t}:{name:"ERR: unknown package name!",editIndex:t}));const t=(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$1,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(s,e=>lodash.exports.omit(e,"editIndex")),columnNames:["Palette","",""],canEdit:!0,canDelete:!0,onActionClick:()=>t(),onEditClick:e=>{e=s[e].editIndex;0<=e&&t(!0,e)},onDeleteClick:e=>{e=s[e].editIndex;0<=e&&a(actions.appFormState.removeNodeModule(e))},onRequestSort:(t,e)=>{i(lodash.exports.orderBy(s,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})}))},AppEventsStep=()=>{const a=useDispatch(),s=useSelector(selectEventPanel)["handlers"],e=e=>{if(0===e.length)return[];const t={webhook:"Webhook",flow:"Automate Flow"};return lodash.exports.map(e,e=>({handler:t[e.eventType],event:e.eventNames&&e.eventNames.join(", ")}))},[i,n]=react.exports.useState(e(s)),o=(react.exports.useEffect(()=>{n(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$1,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:i,columnNames:["Handler","Event","",""],canEdit:!0,canDelete:!0,onActionClick:()=>o(),onEditClick:t=>{var e=findIndex_1(s,e=>{return("Webhook"===i[t].handler?"webhook":"flow")===e.eventType&&i[t].event===e.eventNames.join(", ")});o(!0,e)},onDeleteClick:t=>{var e=findIndex_1(s,e=>{return("Webhook"===i[t].handler?"webhook":"flow")===e.eventType&&i[t].event===e.eventNames.join(", ")});a(actions.appEventsPanelState.deleteHandler(e))},onRequestSort:(e,t)=>{n(orderBy_1(i,lowerCase_1(e),t))}})}))},AppOnboardingFlow=()=>{const t=useDispatch(),a=useSelector(selectApp),s=useSelector(selectIsEditForm)["isEditForm"],[e,i]=react.exports.useState(!1);var n=e=>i(e);var o=({handleOnValidate:e,children:t})=>(react.exports.useEffect(()=>{e(!0)},[]),t),o=[jsxRuntime.exports.jsx(BasicInfo,{onValidate:n}),jsxRuntime.exports.jsx(FunctionalityStep,{handleOnValidate:n}),jsxRuntime.exports.jsx(HeaderbarStep,{handleOnValidate:n}),jsxRuntime.exports.jsx(AuthenticationStep,{handleOnValidate:n}),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(PaletteIntegration,{})})),jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"app-events"},{children:jsxRuntime.exports.jsx(AppEventsStep,{})})),jsxRuntime.exports.jsx(o,Object.assign({handleOnValidate:n},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({"data-test":"app-package"},{children:jsxRuntime.exports.jsx(AppPackagesStep,{})}))})),jsxRuntime.exports.jsx(ConfirmationStep,{})],n=[jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"app-new-submit-app-button",variant:"contained",color:"primary",onClick:()=>{var[e=!1]=[];s?t(actions.appFormState.updateAppStart({app:a,openBuildPanel:e})):t(actions.appFormState.createAppStart({app:a,openBuildPanel:e}))}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.{idPrefix}-app-button",defaultMessage:"{verb}",description:"{verb} app button text",values:{idPrefix:s?"update":"submit",verb:s?"Update":"Submit"}})}),"submit-app-button")];return jsxRuntime.exports.jsx(ProgressStepper,{steps:["Basic Info","Functionality","Headerbar","Authentication","Automate","App Events","App Package","Review"],stepContent:o,customFinalStepButtons:n,nextButtonDisabled:!e,idPrefix:"app-center-new-aob"})},appBarHeight$3=55,headerHeight=64,borderBottom$3=5,useStyles$5=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight$3}px - ${headerHeight}px - ${borderBottom$3}px)`}})),MainLayout=({appId:e})=>{var t=useStyles$5()["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$1,Object.assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(CircularProgress,{})})):jsxRuntime.exports.jsx(AppOnboardingFlow,{})}))},AppCenterNew=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))}))})}))}),AddFlowPanel=()=>{const s=useDispatch(),i=useSelector(selectApp),{searchTerm:e,searchResults:n,isLoadingSearchResults:t,sortOrder:a}=useSelector(selectFlowLinkingPanel);const o=e=>{var t=lodash.exports.findIndex(n,{id:e.target.value});const a=[...i.flows];lodash.exports.includes(lodash.exports.map(a,e=>e.id),n[t].id)?a.splice(lodash.exports.findIndex(a,{id:e.target.value}),1):a.unshift(Object.assign({},n[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(unmountPanel(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$1,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$1,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(n,e=>e.id),lodash.exports.map(i.flows,e=>e.id)))?[]:lodash.exports.uniqBy([...i.flows,...n],"id");s(actions.appFormState.updateAppFormField({field:"flows",value:t}))},checked:!lodash.exports.isEmpty(i.flows),indeterminate:!lodash.exports.isEmpty(i.flows)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(n,e=>e.id),lodash.exports.map(i.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(n,"name",a),e=>jsxRuntime.exports.jsx(FormControl$1,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(i.flows,e=>e.id),e.id),onChange:o})})}),e.id))}))}))]}))},AddSchemaPanel=()=>{const s=useDispatch(),i=useSelector(selectApp),{searchTerm:e,searchResults:n,isLoadingSearchResults:t,sortOrder:a}=useSelector(selectSchemaLinkingPanel);const o=e=>{var t=lodash.exports.findIndex(n,{id:e.target.value});const a=[...i.schemas];lodash.exports.includes(lodash.exports.map(a,e=>e.id),n[t].id)?a.splice(lodash.exports.findIndex(a,{id:e.target.value}),1):a.unshift(Object.assign({},n[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(unmountPanel(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$1,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$1,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(n,e=>e.id),lodash.exports.map(i.schemas,e=>e.id)))?[]:lodash.exports.uniqBy([...i.schemas,...n],"id");s(actions.appFormState.updateAppFormField({field:"schemas",value:t}))},checked:!lodash.exports.isEmpty(i.schemas),indeterminate:!lodash.exports.isEmpty(i.schemas)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(n,e=>e.id),lodash.exports.map(i.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(n,"name",a),e=>jsxRuntime.exports.jsx(FormControl$1,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(i.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$4=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$4()["classes"],i=useSelector(preferredLanguageSelector);const n=AIWareFormatMessage(i),o=useDispatch(),r=useSelector(selectApp),l=useSelector(selectConfigFields);var i=()=>a&&0<=s?l[s]:{name:"",configLevel:AppConfigLevel.Organization,type:AppConfigType.String,required:!1,defaultValue:""},p=i();const d=useForm({mode:"onChange",defaultValues:p}),[c,u]=react.exports.useState(i().type),[x,m]=react.exports.useState(i().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$1,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)||n({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:{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$1,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$1,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(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(ConfigFieldsForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})})),useStyles$3=makeStyles()(e=>({header:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:e.spacing(4)},moreIcon:{width:"32px",height:e.spacing(3),background:"#E2E2E2",borderRadius:e.spacing(6),cursor:"pointer"},card:{width:360,background:"#465364",boxShadow:"0px 4px 10px rgba(0, 0, 0, 0.25)",borderRadius:"4px",color:"#FFFFFF"},hide:{display:"none"}})),useStyles$2=makeStyles()(e=>({root:{borderRadius:"50%",border:"1px solid #D5DFE9",display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",width:e.spacing(6),height:e.spacing(6)},logo:{maxWidth:"100%",maxHeight:"100%"},veritoneLogo:{maxWidth:"75%",maxHeight:"75%"}})),EngineLogo=({path:e})=>{var t=useStyles$2()["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$1v,alt:"engine logo"})}))},TooltipCard=({engine:e,className:t})=>jsxRuntime.exports.jsxs(Card,Object.assign({className:t},{children:[jsxRuntime.exports.jsx(CardHeader$1,{sx:{paddingBottom:2},avatar:jsxRuntime.exports.jsx(EngineLogo,{path:e.iconPath}),title:e.name,subheader:jsxRuntime.exports.jsxs(Typography,Object.assign({fontSize:"10px",color:"#FFFFFF",lineHeight:"16px"},{children:["Version: ",e.edgeVersion,"   Modified: ",e.modifiedDateTime]}))}),jsxRuntime.exports.jsx(CardContent,Object.assign({sx:{marginLeft:9.5,paddingTop:0}},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",fontSize:"10px",color:"#FFFFFF",lineHeight:"16px"},{children:e.description}))}))]})),AddEngineForm=({hidePanel:e})=>{const t=useStyles$3()["classes"],s=useDispatch(),i=useSelector(selectApp),{searchTerm:a,searchResults:n,isLoadingSearchResults:o,sortOrder:r}=useSelector(selectEngineLinkingPanel),[l,p]=react.exports.useState(null);const d=e=>{var t=lodash.exports.findIndex(n,{id:e.target.value});const a=[...i.engines];lodash.exports.includes(lodash.exports.map(a,e=>e.id),n[t].id)?a.splice(lodash.exports.findIndex(a,{id:e.target.value}),1):a.unshift(n[t]),s(actions.appFormState.updateAppFormField({field:"engines",value:a}))};const c="os-app-center-new.add-engine-panel.";return jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,spacing:3,p:6,"data-test":c+"container"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12,pl:5},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12,mb:4},{children:jsxRuntime.exports.jsxs(Box$1,Object.assign({className:t.header},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",color:"secondary","data-test":"engine-new-custom-fields-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.custom-fields.form-title",defaultMessage:"Add Engine",description:"Form label for supported file types"})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.custom-fields.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"engine-center-new-close-panel","data-test":"engine-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]}))})),jsxRuntime.exports.jsxs(Box$1,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6,mb:4},{children:jsxRuntime.exports.jsx(FormControl$1,Object.assign({variant:"outlined",fullWidth:!0},{children:jsxRuntime.exports.jsx(TextField,{"data-test":c+"search",id:"search-input",placeholder:"Search",type:"search",value:a,onChange:e=>{s(actions.engineLinkingPanelState.searchByTerm(e.target.value))},size:"small",InputProps:{startAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"start"},{children:o?jsxRuntime.exports.jsx(CircularProgress,{size:24}):jsxRuntime.exports.jsx(default_1$3,{})})),style:{borderRadius:100}}})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,sx:{marginLeft:4}},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":c+"sort-toggle",onClick:e=>{s(actions.engineLinkingPanelState.toggleSortOrder())}},{children:jsxRuntime.exports.jsx(default_1,{})}))}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(FormControl$1,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel,{label:"Select All",control:jsxRuntime.exports.jsx(Checkbox,{"data-test":c+"select-all",onClick:e=>{var t=lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(n,e=>e.id),lodash.exports.map(i.engines,e=>e.id)))?[]:lodash.exports.uniqBy([...i.engines,...n],"id");s(actions.appFormState.updateAppFormField({field:"engines",value:t}))},checked:!lodash.exports.isEmpty(i.engines),indeterminate:!lodash.exports.isEmpty(i.engines)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(n,e=>e.id),lodash.exports.map(i.engines,e=>e.id)))})})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:12,sx:{margin:"20px 0"}},{children:jsxRuntime.exports.jsx(Divider,{})}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({xs:12},{children:jsxRuntime.exports.jsx(Stack,Object.assign({direction:"column"},{children:lodash.exports.map(lodash.exports.orderBy(n,"name",r),e=>jsxRuntime.exports.jsxs(TableRow,Object.assign({onMouseOver:()=>p(e.id),onMouseOut:()=>p(null),hover:!0,"data-test":"engines-list-table-row",sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0 25px"}},{children:[jsxRuntime.exports.jsx(FormControl$1,Object.assign({variant:"outlined"},{children:jsxRuntime.exports.jsx(FormControlLabel,{label:e.name,control:jsxRuntime.exports.jsx(Checkbox,{"data-test":c+"engine",value:e.id,checked:lodash.exports.includes(lodash.exports.map(i.engines,e=>e.id),e.id),onChange:d})})}),e.id),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:jsxRuntime.exports.jsx(TooltipCard,{engine:e,className:e.id===l?t.card:t.hide}),placement:"left",componentsProps:{tooltip:{sx:{padding:0}}}},{children:jsxRuntime.exports.jsx(MoreHor,{className:e.id===l?t.moreIcon:t.hide})}))]}),e.id))}))}))]}))},AppCenterAddEnginePanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AddEngineForm,{hidePanel:e.hidePanel})})})})),appBarHeight$1=55,borderBottom$1=5,mainHeight$1=`calc(100vh - ${appBarHeight$1+borderBottom$1}px)`,useStyles$1=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"}),labelGithubRepoSshUrl:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.pallet-integration.github-ssh-label",defaultMessage:"Github Repo ssh url",description:"Github repo ssh url 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:t,isEdit:a=!1,editIndex:s=-1})=>{const i=useStyles$1()["classes"],n=useDispatch(),e=useIntl(),o=useSelector(selectNodeModules);var r=e=>"app-new-palette-integration-form-"+e;const l=a&&0<=s?o[s]:{moduleRepo:ModuleRepo.NPM,isPrivateRepo:!1,isPrivateRegistry:!1,moduleName:"",moduleVersion:"",scope:"",accessToken:"",registryUrl:"",sshUrl:""},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:i.label},{children:e})),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":r("package-name-input"),name:"moduleName",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelPackageName(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:i.textInput},rules:{required:!0,pattern:{value:npmModuleNameRegex,message:e.formatMessage({id:"/home/ubuntu/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}}),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":r("package-version-input"),name:"moduleVersion",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelVersionOptional(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:255,className:i.textInput},rules:{required:!1,pattern:{value:semverRegex,message:e.formatMessage({id:"/home/ubuntu/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":r("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":r("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":r("scope-input"),disabled:!u,name:"scope",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelScope(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:1e3,className:i.textInput},rules:{required:u,pattern:{value:uriScopeRegex,message:e.formatMessage({id:"/home/ubuntu/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.9Z06cz",defaultMessage:[{type:0,value:"Must be a valid uri scope segment including initial '/'."}]})},maxLength:1e3}}),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":r("access-token-input"),disabled:!u,name:"accessToken",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelAccessToken(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:1e3,className:i.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)},value:m?"privateRegistry":"mainRegistry"},{children:jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row"},{children:[jsxRuntime.exports.jsx(FormControlLabel,{"data-test":r("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":r("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":r("registry-url-input"),disabled:!m,name:"registryUrl",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelRegistryUrl(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:i.textInput},rules:{required:m,pattern:{value:urlRegex$1,message:e.formatMessage({id:"/home/ubuntu/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":r("github-ssh-url-input"),name:"sshUrl",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelGithubRepoSshUrl(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:500,className:i.textInput},rules:{required:!0,pattern:{value:githubSshUrlRegex,message:e.formatMessage({id:"/home/ubuntu/runner/_work/aiware-apps/aiware-apps/libs/os/app-center/new/src/lib/components/AutomateStep/PaletteIntegration/PaletteIntegrationForm/.ZE+aFP",defaultMessage:[{type:0,value:"Must be a valid github ssh url."}]})},maxLength:500}},"github-ssh-url"),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":r("github-token-input"),name:"accessToken",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelToken(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:5e3,className:i.textInput},rules:{required:!0,maxLength:5e3}},"github-token"),jsxRuntime.exports.jsx(InputText,{fullWidth:!0,"data-test":r("package-version-input"),name:"moduleVersion",variant:"outlined",label:APP_CENTER_NEW_TEXT.labelVersionOptional(),InputLabelProps:{disableAnimation:!1},inputProps:{maxLength:255,className:i.textInput},rules:{required:!1,pattern:{value:semverRegex,message:e.formatMessage({id:"/home/ubuntu/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:i.root,onSubmit:p.handleSubmit(e=>{e={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};a?n(actions.appFormState.updateNodeModule({nodeModules:e,index:s})):n(actions.appFormState.addNodeModule(e)),t()})},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({className:i.container,container:!0,rowSpacing:5,"data-test":"app-new-palette-integration-form-container"},{children:[jsxRuntime.exports.jsxs(Box$1,Object.assign({className:i.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:a?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_NEW_TEXT.tooltipTitle()},{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(Box$1,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",gutterBottom:!0,className:i.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:i.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$1,{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":r("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":r("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$1,Object.assign({className:i.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:a?"Update":"Add"}})}))}))]}))}))},AppCenterPaletteIntegrationPanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{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=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight},container:{padding:e.spacing(5),"& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},"& fieldset":{borderColor:"#D5DFE9"},textInput:{padding:14.5},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:{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"},description:{fontWeight:400,fontSize:"12px",lineHeight:"16px",color:"#5C6269"},hrLight:{opacity:.3,marginTop:"0px"}})),urlRegex=/[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/,AppEventForm=({hidePanel:s,isEdit:n=!1,editIndex:o=-1})=>{const e=useStyles()["classes"],r=useDispatch(),{searchResults:t,handlers:l}=useSelector(selectEventPanel),a=useSelector(selectFlowLinkingPanel)["searchResults"];react.exports.useEffect(()=>{if(n){const{automateFlowId:e,eventIds:t,eventType:a,webhook:s}=l[o],i=(u(s),{});t.forEach(e=>{i[e]=!0}),f(e),d(a),R(i)}r(actions.appEventsPanelState.getEvents(!0)),r(actions.flowLinkingPanelState.searchByTerm(""))},[]),react.exports.useEffect(()=>{m(t)},[t]),react.exports.useEffect(()=>{h(a)},[a]);const i=useForm({mode:"onChange",defaultValues:{eventType:"webhook",flow:"none"}}),[p,d]=react.exports.useState("webhook"),[c,u]=react.exports.useState(""),[x,m]=react.exports.useState(t),[g,h]=react.exports.useState(a),[j,f]=react.exports.useState("none"),[b,y]=react.exports.useState("none"),[v,R]=react.exports.useState({});var S=e=>{let t={};t="webhook"===p?{webhook:c}:{automateFlowName:b,automateFlowId:j};const a=[];x.forEach(e=>{v[e.id]&&a.push(e.eventName)}),t=Object.assign(Object.assign({},t),{eventIds:Object.keys(v),eventNames:a,eventType:p}),n?r(actions.appEventsPanelState.editHandler({handler:t,index:o})):r(actions.appEventsPanelState.addHandler(t)),s()};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},i,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:i.handleSubmit(S)},{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"},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsxs(Box$1,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:n?"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.jsxs(InputRadioGroup,Object.assign({"data-test":"os-app-center-new.add-event-panel.handler-type","aria-labelledby":"os-app-center-new.add-event-panel.radio-buttons-group-label",name:"eventType",value:p,onChange:e=>{d(e.target.value)},rules:{required:!0},row:!0},{children:[jsxRuntime.exports.jsx(FormControlLabel,{value:"webhook",control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-webhook",name:"eventType",value:"webhook"}),label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",color:"textSecondary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.radio-webhook-formattedMessage",defaultMessage:"Webhook",description:"Webhook"})}))}),jsxRuntime.exports.jsx(InputText,{sx:{pb:4},disabled:"webhook"!==p,inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"webhook",fullWidth:!0,value:c,onChange:e=>{e=e.target.value;u(e)},"data-test":"os-app-center-new.add-event-panel.webhook-input",rules:{required:"webhook"===p,pattern:{value:urlRegex,message:"Must be a valid URL including protocol."}}}),jsxRuntime.exports.jsx(FormControlLabel,{value:"flow",control:jsxRuntime.exports.jsx(Radio,{"data-test":"radio-flow",name:"eventType",value:"flow"}),label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h6",color:"textSecondary"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel.-radio-automateFlow-formattedMessage",defaultMessage:"Automate Flow",description:"Automate Flow"})}))}),jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:12},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({sx:{pb:2},variant:"h6",gutterBottom:!0,"data-test":"os-app-center-new.add-event-panel.automate-flow-header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..automate-flow-header",defaultMessage:"Automate Flow Handlers",description:"Automate Flow Handlers"})})),jsxRuntime.exports.jsxs(InputSelect,Object.assign({disabled:"flow"!==p,inputProps:{maxLength:50},className:e.inputSelect,name:"flow",value:j,onChange:e=>{f(e.target.value),y(e.target["data-test"])},placeholder:"Select an Automate Flow",style:{minWidth:"100%"},"data-test":"os-app-center-new.add-event-panel.flow-input",rules:{required:"flow"===p,validate:{isNone:e=>"flow"!==p||"none"!==e||"Please select a value"}}},{children:[jsxRuntime.exports.jsx(MenuItem,Object.assign({value:"none",disabled:!0},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new.add-event-panel..menu-item-placeholder",defaultMessage:"Select an Automate Flow",description:"Select an Automate Flow"})})),map_1(g,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,xs:12},{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},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:1},{children:jsxRuntime.exports.jsx(InputCheckbox,{checked:x.length===Object.keys(v).length,label:"",onClick:()=>{{const t=JSON.parse(JSON.stringify(v));return void(x.length===Object.keys(t).length?R({}):(x.forEach(e=>{t[e.id]=!0}),R(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}),map_1(x,s=>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:!!v[s.id],onClick:e=>{{var t=s.id;const a=JSON.parse(JSON.stringify(v));return e.target.checked?a[t]=!0:delete a[t],void R(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$1,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(i,"formState.isValid"),onSubmit:S,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:n?"Update":"Add"}})}))}))]}))}))},AppEventPanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AppEventForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})}));export{AppCenterAddEnginePanel,AddFlowPanel as AppCenterAddFlowPanel,AddSchemaPanel as AppCenterAddSchemaPanel,AppCenterConfigFieldsForm,AppEventPanel as AppCenterEventPanel,AppCenterNew,AppCenterPaletteIntegrationPanel};
+import{z as createSvgIcon,C as interopRequireDefault,j as jsxRuntime,H as createSlice,D as createAction,c8 as combineReducers,c9 as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,db as channel,m as makeStyles,dd as VideoCamera,de as Image,df as Sound,dg as Description,bv as CacheProvider,bw as muiCache,cb as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,r as react,k as useSelector,M as preferredLanguageSelector,f_ as initialConfigSelector,eG as authSelector,i as useDispatch,x as classNames,B as Box,q as Alert,T as Typography$2,F as FormattedMessage,a8 as Tooltip$1,a9 as IconButton,cd as Close,a2 as all,Z as List,G as Grid,at as Button,aR as Dialog,aS as DialogTitle,aT as DialogContent,cn as DialogContentText,aU as DialogActions,f$ as ConfirmationModal,bT as Hide,bL as Avatar,fE as FolderOpen,g0 as EnumHelpers,bU as showMessage,bV as MessageSeverity,du as guid,cm as mountPanel,w as TextField$1,af as takeLatest$1,cZ as takeEvery$1,d0 as take,ah as put,dl as UnknownDocument,$ as ListItem,eL as ListItemAvatar,a1 as ListItemText,g1 as formatBytes,eQ as ListItemSecondaryAction,cq as Edit,cs as Delete,g2 as NotInterested,a7 as Divider$1,b4 as AIWareFormatMessage,g3 as mountPanelForResponse,s as store,ai as select,ak as call,dm as sdkEventManager,dn as SdkEvents,dp as SdkError,eV as panelsSelector,ec as hidePanel,cy as baseGraphQLApiWithError}from"./js-core.esm.js";import{selectors,actions as actions$4}from"./js-core.esm43.js";import{getAdminCenterPermissionsModule,PermissionsWidget,setACLsOnResources}from"./js-core.esm45.js";import{d as default_1$4}from"./js-core.esm53.js";import{C as Card}from"./js-core.esm9.js";import{C as Chip}from"./js-core.esm32.js";import{L as LinearProgress}from"./js-core.esm40.js";import"./js-core.esm28.js";import"./js-core.esm44.js";import"./js-core.esm33.js";import"./js-core.esm51.js";import"./js-core.esm31.js";import"./js-core.esm46.js";import"./js-core.esm47.js";import"./js-core.esm8.js";import"./js-core.esm24.js";import"./js-core.esm50.js";import"./js-core.esm48.js";import"./js-core.esm12.js";import"./js-core.esm13.js";import"./js-core.esm18.js";import"./js-core.esm17.js";import"./js-core.esm49.js";import"./js-core.esm41.js";var LoadingStatus,ImporterView,FileItemTypeNames,MimeType,AddCircleOutline={},_interopRequireDefault$3=interopRequireDefault.exports,default_1$3=(Object.defineProperty(AddCircleOutline,"__esModule",{value:!0}),AddCircleOutline.default=void 0),_createSvgIcon$3=_interopRequireDefault$3(createSvgIcon),_jsxRuntime$3=jsxRuntime.exports,_default$3=(0,_createSvgIcon$3.default)((0,_jsxRuntime$3.jsx)("path",{d:"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"AddCircleOutline"),default_1$3=AddCircleOutline.default=_default$3,ErrorOutline={},_interopRequireDefault$2=interopRequireDefault.exports,default_1$2=(Object.defineProperty(ErrorOutline,"__esModule",{value:!0}),ErrorOutline.default=void 0),_createSvgIcon$2=_interopRequireDefault$2(createSvgIcon),_jsxRuntime$2=jsxRuntime.exports,_default$2=(0,_createSvgIcon$2.default)((0,_jsxRuntime$2.jsx)("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),default_1$2=ErrorOutline.default=_default$2,RefreshOutlined={},_interopRequireDefault$1=interopRequireDefault.exports,default_1$1=(Object.defineProperty(RefreshOutlined,"__esModule",{value:!0}),RefreshOutlined.default=void 0),_createSvgIcon$1=_interopRequireDefault$1(createSvgIcon),_jsxRuntime$1=jsxRuntime.exports,_default$1=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),"RefreshOutlined"),default_1$1=RefreshOutlined.default=_default$1,CloudUploadOutlined={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(CloudUploadOutlined,"__esModule",{value:!0}),CloudUploadOutlined.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"}),"CloudUploadOutlined"),default_1=CloudUploadOutlined.default=_default;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const SLICE_NAME="dataCenterImporter",DEFAULT_ACCEPTABLE_FILE_TYPES=(!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),!function(e){e[e.browseFiles=0]="browseFiles",e[e.filesSelected=1]="filesSelected",e[e.folders=2]="folders"}(ImporterView=ImporterView||{}),!function(e){e.Image="image",e.Video="video",e.Audio="audio",e.Text="text"}(FileItemTypeNames=FileItemTypeNames||{}),!function(e){e.ApplicationJson="application/json",e.ApplicationMsWord="application/msword",e.ApplicationPdf="application/pdf",e.ApplicationRtf="application/rtf",e.ApplicationSmil="application/smil+xml",e.ApplicationTtml="application/ttml+xml",e.ApplicationVeritoneAion="application/vnd.veritone.aion+json",e.ApplicationMsOutlook="application/vnd.ms-outlook",e.ApplicationMsPowerpoint="application/vnd.ms-powerpoint",e.ApplicationDocument="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.ApplicationSpreadsheet="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.ApplicationPresentation="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.ApplicationOasisDoc="application/vnd.oasis.opendocument.text",e.ApplicationOasisSpreadsheet="application/vnd.oasis.opendocument.spreadsheet",e.ApplicationXFlv="application/x-flv",e.ApplicationXml="application/xml",e.ApplicationFormUrlEncoded="application/x-www-form-urlencoded",e.ImageJpeg="image/jpeg",e.ImagePng="image/png",e.ImageTiff="image/tiff",e.ImageGig="image/gif",e.TextPlain="text/plain",e.TextHtml="text/html",e.TextCsv="text/csv",e.TextPlainCharset="text/plain; charset=utf-8",e.AudioAac="audio/aac",e.AudioFlac="audio/flac",e.AudioMidi="audio/midi",e.AudioMp4="audio/mp4",e.AudioMpeg="audio/mpeg",e.AudioWav="audio/wav",e.AudioXWav="audio/x-wav",e.AudioWebm="audio/webm",e.VideoMp4="video/mp4",e.VideoMpeg="video/mpeg",e.VideoOgg="video/ogg",e.VideoQuicktime="video/quicktime",e.VideoWebm="video/webm",e.VideoM4v="video/x-m4v",e.VideoMsWmv="video/x-ms-wmv",e.VideoMsvideo="video/x-msvideo",e.Message="message/rfc822"}(MimeType=MimeType||{}),[{name:"Image",type:FileItemTypeNames.Image,extensions:[MimeType.ImageJpeg,MimeType.ImagePng,MimeType.ImageTiff,MimeType.ImageGig]},{name:"Video",type:FileItemTypeNames.Video,extensions:[MimeType.VideoMp4,MimeType.VideoMpeg,MimeType.VideoOgg,MimeType.VideoQuicktime,MimeType.VideoWebm,MimeType.VideoM4v,MimeType.VideoMsWmv,MimeType.VideoMsvideo]},{name:"Audio",type:FileItemTypeNames.Audio,extensions:[MimeType.AudioAac,MimeType.AudioFlac,MimeType.AudioMidi,MimeType.AudioMp4,MimeType.AudioMpeg,MimeType.AudioWav,MimeType.AudioXWav,MimeType.AudioWebm]},{name:"Documents",type:FileItemTypeNames.Text,extensions:[MimeType.TextPlain,MimeType.TextHtml,MimeType.TextCsv,MimeType.TextPlainCharset,MimeType.ApplicationJson,MimeType.ApplicationMsWord,MimeType.ApplicationPdf,MimeType.ApplicationRtf,MimeType.ApplicationSmil,MimeType.ApplicationTtml,MimeType.ApplicationVeritoneAion,MimeType.ApplicationMsOutlook,MimeType.ApplicationMsPowerpoint,MimeType.ApplicationDocument,MimeType.ApplicationSpreadsheet,MimeType.ApplicationPresentation,MimeType.ApplicationOasisDoc,MimeType.ApplicationOasisSpreadsheet,MimeType.ApplicationXFlv,MimeType.ApplicationXml,MimeType.ApplicationFormUrlEncoded,MimeType.Message]}]),namespace$3="uiState",initialState$2={status:LoadingStatus.Idle,currentView:ImporterView.browseFiles},slice$2=createSlice({name:SLICE_NAME+"/"+namespace$3,initialState:initialState$2,reducers:{setCurrentView(e,{payload:t}){e.currentView=t},fileUploadFailed(e){e.status=LoadingStatus.Failed},fileUploadSucceed(e){e.status=LoadingStatus.Idle},fileUploadStart(e){e.status=LoadingStatus.Pending},fileUploadAbortFailed(e){e.status=LoadingStatus.Failed},tdoCreateStart(e,{payload:t}){e.status=LoadingStatus.Pending,console.log("Starting to create TDOs for: ",t.filesSelected.map(e=>e.id).join("\n"))},tdoCreateSucceed(e){e.status=LoadingStatus.Idle},tdoCreateFailed(e){e.status=LoadingStatus.Failed},retryTDOCreateForFiles(e,{payload:t}){e.status=LoadingStatus.Pending,console.log("Retrying to create TDOs for: ",t.filesSelected.map(e=>e.id).join("\n"))},fileMetaSaveSucceeded(e){e.status=LoadingStatus.Idle},fileMetaSaveFailed(e){e.status=LoadingStatus.Failed},fileMetaSaveIsProcessing(e){e.status=LoadingStatus.Pending},tdoPermissionsSucceeded(e){e.status=LoadingStatus.Idle},tdoPermissionsFailed(e){e.status=LoadingStatus.Failed}}}),actions$3=slice$2.actions;var uiState=slice$2.reducer;const namespace$2="filesSelectedState",initialState$1={files:[],tdoIds:[],permissions:{}},slice$1=createSlice({name:SLICE_NAME+"/"+namespace$2,initialState:initialState$1,reducers:{setFilesSelected(e,{payload:t}){e.files=[...e.files,...t.filesSelected]},deleteFileSelected(e,{payload:t}){var a=e.files.filter(e=>e.id!==t.id);e.files=a},deleteFailedFiles(e){var t=e.files.filter(e=>e.status!==LoadingStatus.Failed);e.files=t},updateFile(t,{payload:a}){const i=t.files.findIndex(e=>e.id===a.id);-1!==i&&Object.keys(a).forEach(e=>{t.files[i][e]=a[e]})},retryFileUpload(e,{payload:t}){console.log("Retrying the files:",t.filesSelected.map(e=>e.id).join("/n"))},abortFileUpload(e,t){},addMetadataAction(e,t){console.log("nothing")},addMetadataToSelectedFile(e,t){const{id:a,meta:i}=t.payload;e.files.forEach(e=>{e.id===a&&(e.meta=i)})},setUploadedFilesTdoIds(e,t){t=t.payload.tdoIds;e.tdoIds=t},setPermissionsPayload(e,t){t=t.payload;e.permissions=t}}}),actions$2=slice$1.actions;var filesSelectedState=slice$1.reducer;const namespace$1="rootFolderState",initialState={rootFolder:null,status:LoadingStatus.Idle},slice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState,reducers:{startRootFolderFetch(e){e.status=LoadingStatus.Pending},rootFolderFetchSucceed(e,{payload:t}){e.rootFolder=t.rootFolder,e.status=LoadingStatus.Idle},rootFolderFetchFailed(e){e.status=LoadingStatus.Failed},updateRootFolder(e,{payload:t}){e.rootFolder=t.activeFolder}},extraReducers:e=>{e.addCase(createAction("DATA_CENTER_FOLDERS_AND_FILES_RESPONSE"),(e,{payload:t})=>{e.rootFolder=t.folder})}}),actions$1=slice.actions;var rootFolderState=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]:filesSelectedState,[namespace$1]:rootFolderState});function __awaiter(e,r,n,l){return new(n=n||Promise)(function(a,t){function i(e){try{o(l.next(e))}catch(e){t(e)}}function s(e){try{o(l.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?a(e.value):((t=e.value)instanceof n?t:new n(function(e){e(t)})).then(i,s)}o((l=l.apply(e,r||[])).next())})}function getSignedWritableUrls(t,a){return __awaiter(this,void 0,void 0,function*(){var e="getSignedWritableUrls";return(yield baseGraphQLApiWithError(Object.assign({query:"query getSignedWritableUrls($count: Int!) {\n    getSignedWritableUrls(number: $count) {\n      bucket,\n      expiresInSeconds,\n      getUrl,\n      key,\n      unsignedUrl,\n      url,\n    }\n  }",variables:{count:a},operationName:e},t)))[e]})}function uploadFileToS3(i,s,{onProgress:o,onError:r,onAbort:n,onUpload:l}){return __awaiter(this,void 0,void 0,function*(){const e=new XMLHttpRequest,t=(e.upload.onload=()=>{l&&l(`The upload is completed: ${e.status} `+e.response)},e.upload.onerror=()=>{r&&r("Upload failed.")},e.upload.onabort=()=>{n&&n("Upload cancelled.")},e.upload.onprogress=e=>{o&&o(e.loaded/e.total*100)},e.open("PUT",i.url,!0),e.setRequestHeader("Content-Type",s.type),yield fetch(s.fileUrl));var a=yield t.blob();return e.send(a),e})}function getOrgCmsRootFolder(a){var i;return __awaiter(this,void 0,void 0,function*(){var e="getOrgCmsRootFolder",t="createRootFolders",e=yield baseGraphQLApiWithError(Object.assign({query:"mutation getOrgCmsRootFolder{\n      createRootFolders(rootFolderType: cms) {\n        id\n        name\n        modifiedDateTime\n        treeObjectId\n        ownerId\n      }\n    }\n  ",operationName:e},a));return{orgRootFolder:null==(i=e[t])?void 0:i.find(e=>!e.ownerId),errors:e.errors||null}})}function createTDOWithAsset(s,o){var r,n,l,d,c,p;return __awaiter(this,void 0,void 0,function*(){try{var e="createTDOWithAsset",t=null!=(r=null==o?void 0:o.meta)&&r.startDateTime?null==(n=null==o?void 0:o.meta)?void 0:n.startDateTime:o.startDateTime,a={input:Object.assign(Object.assign({addToIndex:!0,contentType:o.contentType,name:o.name,uri:o.uri,parentFolderId:o.parentFolderId,startDateTime:t,stopDateTime:t,assetType:"media"},null!=(l=null==o?void 0:o.meta)&&l.thumbnailUrl?{thumbnailUrl:null==(d=null==o?void 0:o.meta)?void 0:d.thumbnailUrl}:{}),{details:{veritoneFile:{filename:null==(c=null==o?void 0:o.meta)?void 0:c.fileName,mimetype:o.contentType,size:o.size},tags:null==(p=null==o?void 0:o.meta)?void 0:p.tags}})},i=yield baseGraphQLApiWithError(Object.assign({query:'mutation ($input: CreateTDOWithAsset!) {\n        createTDOWithAsset(input: $input) {\n        id\n        name\n        details\n        modifiedDateTime\n        primaryAsset(assetType: "media") {\n          contentType\n          signedUri\n        }\n        folders{\n          folderPath{\n            name\n            id\n          }\n        }\n        sourceData {\n          source {\n            id\n            sourceTypeId\n          }\n        }\n        thumbnailUrl\n        }\n      }\n    ',variables:a},s));return{data:i[e],errors:i.errors||null}}catch(e){return{data:null,errors:e.message||"Unable to create TDO"}}})}const THUMBNAIL_ENGINE_ID="fd891cb5-ff80-48ae-b5cd-ac3c7d190d55";function createThumbnailJob(i,s){var o;return __awaiter(this,void 0,void 0,function*(){var e="createThumbailJob",t="createJob",a={input:{targetId:s,tasks:[{engineId:THUMBNAIL_ENGINE_ID}]}},a=yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation createThumbailJob($input: CreateJob) {\n      createJob(input: $input) {\n        id\n      }\n    }\n  ",variables:a,operationName:e},i));return null==(o=a[t])?void 0:o.id})}const selectUIStateStatus=e=>e[namespace].uiState.status,selectCurrentView=e=>e[namespace].uiState.currentView,rootFolderSelector=e=>e[namespace].rootFolderState.rootFolder,selectSelectedFiles=e=>e[namespace].filesSelectedState.files,selectUploadedFilesTdoIds=e=>{return null==(e=null==(e=e[namespace])?void 0:e.filesSelectedState)?void 0:e.tdoIds},selectPermissions=e=>{return null==(e=null==(e=e[namespace])?void 0:e.filesSelectedState)?void 0:e.permissions},selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,t,a)=>({apiRoot:e,graphQLEndpoint:t,token:a}));function*rootFolderFetch(){var e,t=yield select(selectApiConfigs),a=yield select(preferredLanguageSelector);const i=AIWareFormatMessage(a);try{const{orgRootFolder:s,errors:o}=yield call(getOrgCmsRootFolder,t);s&&(s.isRoot=!0,yield put(actions.rootFolderState.rootFolderFetchSucceed({rootFolder:s}))),o&&(e=Array.isArray(o)?null===o||void 0===o?void 0:o.map(e=>e.message).join("\n"):i({id:"os-data-center-importer.snackbar.locationFolderFetchError",defaultMessage:[{type:0,value:"Error during the root folder fetch!"}]}),yield put(showMessage({content:e,severity:MessageSeverity.Error})),yield put(actions.rootFolderState.rootFolderFetchFailed()))}catch(e){yield put(actions.rootFolderState.rootFolderFetchFailed())}}function*watchFetchRootFolder(){yield takeLatest$1(actions.rootFolderState.startRootFolderFetch.type,rootFolderFetch)}function*createTDOs(e){var t;const o=yield select(selectApiConfigs),a=yield select(rootFolderSelector),i=e.payload.filesSelected,r=(e,t,a)=>(put(actions.filesSelectedState.updateFile(Object.assign({id:e},t))),{values:t,data:a});try{var s=i.reduce((e,t)=>(t.status===LoadingStatus.Idle&&(e[t.id]=call(createTDOWithAsset,o,{contentType:t.type,name:t.name,uri:t.unsignedUrl,parentFolderId:a.id,startDateTime:(new Date).toISOString(),size:t.size,meta:null==t?void 0:t.meta})),e),{});const c=yield all(s),p=[];var n,l=Object.keys(c).map(e=>{var t=null==(t=null==(t=c[e])?void 0:t.data)?void 0:t.id;const a=null==(i=c[e])?void 0:i.data;var i=c[e].errors;if(null!==a&&void 0!==a&&a.details&&(a.name=(null==(s=null==(s=a.details)?void 0:s.veritoneFile)?void 0:s.filename)||(null==(s=null==(s=a.details)?void 0:s.veritoneFile)?void 0:s.fileName)||a.name),!t||i)return sdkEventManager.dispatch(SdkEvents.tdoCreated,new SdkError(i||"TDO creation failed!"),{fileId:e,tdoId:t}),r(e,{tdoStatus:LoadingStatus.Failed});var s=t;try{createThumbnailJob(o,s)}catch(e){console.log("Error while launching thumbnail generation job",e)}return sdkEventManager.dispatch(SdkEvents.tdoCreated,null,{fileId:e,tdoId:t}),r(e,{tdoId:t,tdoStatus:LoadingStatus.Idle},a)}),d=yield all(l);for(let e=0;e<d.length;e++)d[e].values.tdoStatus===LoadingStatus.Idle&&(n=d[e].values.tdoId,p.push(n),yield put(actions$4.viewMyFiles.addTdoFolder({folderId:a.id,tdoId:n})),yield put(actions$4.entities.addTdoImported({file:null==(t=d[e])?void 0:t.data})));yield put(actions.filesSelectedState.setUploadedFilesTdoIds({tdoIds:p})),yield call(applyPermissionsToTDOs),yield put(actions.uiState.tdoCreateSucceed())}catch(e){console.log(e),yield put(actions.uiState.tdoCreateFailed())}}function*closeImporterPanel(){const e=yield select(panelsSelector);var t=e.find(e=>"DATA_CENTER_IMPORTER"===e.microFrontend.name);t&&t.panelId&&(t=t["panelId"],yield put(hidePanel(t)))}function*getUrlBuckets(e){var t=yield select(selectApiConfigs);return yield call(getSignedWritableUrls,t,e)}function*applyPermissionsToTDOs(){var e=yield select(selectApiConfigs),t=yield select(selectUploadedFilesTdoIds),a=yield select(selectPermissions),a=Object.assign(Object.assign({},a),{ids:t,type:"TDO"});try{yield call(setACLsOnResources,e,a),yield put(actions.uiState.tdoPermissionsSucceeded())}catch(e){yield put(actions.uiState.tdoPermissionsFailed())}}function*closeFileMetadataPanel(){const e=yield select(panelsSelector);var t=e.find(e=>"EDIT_FILE_METADATA"===e.microFrontend.name);t&&t.panelId&&(t=t["panelId"],yield put(hidePanel(t)))}function*addMetadataToFile(e){var t=yield select(preferredLanguageSelector),e=e["payload"];const{id:a,meta:i}=e,s=AIWareFormatMessage(t);try{var[o]=yield call(getUrlBuckets,1);yield put(actions.uiState.fileMetaSaveIsProcessing()),i.thumbnailImg&&(yield call(handleMetaFileS3Upload,i.thumbnailImg,o)),i.thumbnailUrl=o.unsignedUrl,i.runTime&&i.runDate&&(i.startDateTime=new Date(i.runDate+" "+i.runTime).toISOString()),yield put(actions.filesSelectedState.addMetadataToSelectedFile({id:a,meta:i})),yield put(actions.uiState.fileMetaSaveSucceeded())}catch(e){yield put(showMessage({content:s({id:"os-data-center-importer.snackbar.fileMetaError",defaultMessage:[{type:0,value:"Something went wrong while saving your changes."}]}),severity:MessageSeverity.Error}))}}function*handleMetaFileS3Upload(e,t){yield uploadFileToS3(t,Object.assign(Object.assign({},e),{getUrl:t.getUrl,expiresInSeconds:t.expiresInSeconds,key:t.key,unsignedUrl:t.unsignedUrl,url:t.url}),{})}function*watchSetFileMetadata(){yield takeLatest$1(actions.filesSelectedState.addMetadataAction.type,addMetadataToFile)}function*watchFileMetadataSuccess(){yield takeEvery$1(actions.uiState.fileMetaSaveSucceeded.type,closeFileMetadataPanel)}function*watchTDOCreateStart(){yield takeLatest$1(actions.uiState.tdoCreateStart.type,createTDOs)}function*watchRetryTDOCreation(){yield takeEvery$1(actions.uiState.retryTDOCreateForFiles.type,createTDOs)}function*watchTdoCreateSuccess(){yield takeEvery$1(actions.uiState.tdoCreateSucceed.type,closeImporterPanel)}const root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*filesSelected(t){var a=t.payload.filesSelected,i=t.payload.sdkFiles;try{yield put(actions.uiState.fileUploadStart());var s=yield call(getUrlBuckets,a.length);let e=0;for(const r of s){const n=a[e],l=(e++,yield put(actions.filesSelectedState.updateFile({id:n.id,status:LoadingStatus.Pending,percentComplete:0,expiresInSeconds:r.expiresInSeconds,getUrl:r.getUrl,key:r.key,unsignedUrl:r.unsignedUrl,url:r.url})),Object.assign(Object.assign({},i),{expiresInSeconds:r.expiresInSeconds,getUrl:r.getUrl,key:r.key,unsignedUrl:r.unsignedUrl,url:r.url})),d=e=>{fileUploadChannel.put(actions.filesSelectedState.updateFile(Object.assign({id:n.id},e)))};var o=yield uploadFileToS3(r,n,{onProgress:e=>{d({percentComplete:e}),sdkEventManager.dispatch(SdkEvents.fileUploadProgress,null,e)},onAbort:e=>{d({status:LoadingStatus.Idle}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e,"abort"),l)},onError:e=>{d({status:LoadingStatus.Failed}),sdkEventManager.dispatch(SdkEvents.fileUpload,new SdkError(e),l)},onUpload:e=>{d({status:LoadingStatus.Idle}),sdkEventManager.dispatch(SdkEvents.fileUpload,null,l)}});root.xhrInstances[n.id]=o,yield put(actions.uiState.fileUploadSucceed())}}catch(e){t=(null==e?void 0:e.message)||"";console.error(t),yield put(actions.uiState.fileUploadFailed())}}function*abortFileUpload({payload:e}){try{var t=null==e?void 0:e.id;const a=root.xhrInstances[t];null!==a&&void 0!==a&&a.abort(),yield put(actions.filesSelectedState.deleteFileSelected({id:t}))}catch(e){yield put(actions.uiState.fileUploadAbortFailed())}}function*watchFilesSelected(){yield takeEvery$1(actions.filesSelectedState.setFilesSelected.type,filesSelected)}function*watchRetryFileUpload(){yield takeEvery$1(actions.filesSelectedState.retryFileUpload.type,filesSelected)}function*watchProgressChannel(){for(;;){var e=yield take(fileUploadChannel);yield put(e)}}function*watchFileAbort(){yield takeEvery$1(actions.filesSelectedState.abortFileUpload.type,abortFileUpload)}function*rootSaga(){yield all([watchFilesSelected(),watchProgressChannel(),watchRetryFileUpload(),watchFileAbort(),watchFetchRootFolder(),watchTDOCreateStart(),watchRetryTDOCreation(),watchTdoCreateSuccess(),watchSetFileMetadata(),watchFileMetadataSuccess()])}function getDataCenterImporterModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$a=makeStyles()(e=>({buttonContainer:{position:"relative",margin:"16px"},fileButton:{border:"1px solid #1871E8!important",borderRadius:e.shape.borderRadius,fontWeight:600,fontSize:"12px!important",background:e.palette.background.paper,color:"#1871E8!important",padding:"6px 15px!important"},hiddenFileButton:{visibility:"hidden",position:"absolute",left:0,width:"100%",height:"100%"}})),UploadButton=({id:e,labelCss:t,onUpload:a,render:i,imageOnly:s=!1,isUploadEnabled:o=!0})=>{const r=react.exports.useRef();var n=useStyles$a()["classes"];return react.exports.useEffect(()=>{o||(r.current.value=null)},[r,o]),jsxRuntime.exports.jsxs("label",Object.assign({htmlFor:"upload-file-input-"+e,className:t,onClick:e=>{o||e.preventDefault()}},{children:[i&&i({handleButtonClick:()=>{o&&r.current.click()}}),jsxRuntime.exports.jsx("input",{id:"upload-file-input-"+e,"data-test":"data-center-importer-local-upload-file-input-"+e,type:"file",multiple:!0,accept:s?"image/*":"",className:n.hiddenFileButton,onChange:a,ref:e=>r.current=e})]}))},useStyles$9=makeStyles()(e=>({progress:{width:"117px",height:"10px",borderRadius:8,backgroundColor:"#F2F7FE",display:"inline-block"},listItem:{padding:e.spacing(3,1)},avatar:{backgroundColor:"#FAFAFA",color:e.palette.secondary.main},errorIcon:{backgroundColor:"#FEF2F2","& svg:hover":{color:e.palette.error.main}},secondaryAction:{right:"0"},filename:{width:"330px",overflow:"hidden",whiteSpace:"nowrap",userSelect:"none"},caption:{userSelect:"none"}})),icons={video:jsxRuntime.exports.jsx(VideoCamera,{}),image:jsxRuntime.exports.jsx(Image,{}),audio:jsxRuntime.exports.jsx(Sound,{}),text:jsxRuntime.exports.jsx(Description,{}),application:jsxRuntime.exports.jsx(Description,{})},FileItemIcon=({filetype:e})=>{var[e]=e.split("/");return e&&icons[e]?icons[e]:jsxRuntime.exports.jsx(UnknownDocument,{})};function FileItem({item:e,onDelete:t,onRetry:a,onAbort:i,onEdit:s,showDivider:o=!0,uiStateStatus:r}){const{id:n,percentComplete:l,status:d,tdoStatus:c,size:p,type:u,meta:m}=e;let x=e["name"];m&&m.fileName&&(x=m.fileName);var g=useStyles$9()["classes"],f=[d,c].includes(LoadingStatus.Failed);return jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsxs(ListItem,Object.assign({className:g.listItem},{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:f?jsxRuntime.exports.jsx(Avatar,Object.assign({"data-test":"file-item-failed-icon",className:g.errorIcon},{children:jsxRuntime.exports.jsx(default_1$2,{color:"error"})})):jsxRuntime.exports.jsx(Avatar,Object.assign({"data-test":"file-item-avatar",className:g.avatar},{children:jsxRuntime.exports.jsx(FileItemIcon,{filetype:u})}))}),jsxRuntime.exports.jsx(ListItemText,{primary:jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:30<x.length?x:"",placement:"bottom-end"},{children:jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"file-item-title",className:g.filename,variant:"body1"},{children:30<x.length?x.substring(0,30)+"...":x}))})),secondary:jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"file-item-size",variant:"caption",className:g.caption},{children:formatBytes(p)}))}),jsxRuntime.exports.jsxs(ListItemSecondaryAction,Object.assign({className:g.secondaryAction},{children:[f&&jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:"Retry uploading"},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-retry",onClick:()=>a(e),size:"large"},{children:jsxRuntime.exports.jsx(default_1$1,{})}))})),d===LoadingStatus.Idle&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-edit",onClick:()=>s(e),size:"large"},{children:jsxRuntime.exports.jsx(Edit,{})})),([LoadingStatus.Failed,LoadingStatus.Idle].includes(d)||r===LoadingStatus.Failed)&&jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-delete",onClick:()=>t(n),size:"large"},{children:jsxRuntime.exports.jsx(Delete,{})})),d===LoadingStatus.Pending&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(LinearProgress,{"data-test":"file-item-progress",className:g.progress,variant:"determinate",value:l}),jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"file-item-abort",title:"Cancel Import",onClick:()=>i(e),size:"large"},{children:jsxRuntime.exports.jsx(NotInterested,{})}))]})]}))]})),o&&jsxRuntime.exports.jsx(Divider$1,{})]})}const useStyles$8=makeStyles()(e=>({fileItemListContainer:{paddingLeft:e.spacing(4),paddingRight:e.spacing(4),height:300,overflowY:"scroll",marginRight:5,marginTop:5,"&::-webkit-scrollbar":{width:3},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#D5DFE9",padding:5,borderRadius:50},"&::-webkit-scrollbar-thumb:hover":{background:"#919ca8"}},shadowGradient:{display:"block",position:"absolute",top:-1,left:0,width:"100%",height:28,background:"linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)",transform:"translateY(-100%)"},footerWrapper:{borderTop:"0.5px solid #D5DFE9",position:"relative",padding:"13px 30px"},viewFormatsBtn:{cursor:"pointer",color:"#6098D1",fontSize:14,"&:hover":{color:e.palette.primary.main}},retryButton:{border:"1px solid",borderColor:e.palette.secondary.main,borderRadius:e.shape.borderRadius,fontWeight:600,fontSize:"12px!important",background:e.palette.background.paper,color:e.palette.secondary.main,padding:"6px 15px!important"},refreshIcon:{marginRight:e.spacing(2),color:e.palette.secondary.main,"&:hover":{color:e.palette.secondary.main}},addFilesIcon:{marginRight:e.spacing(2),color:e.palette.primary.main,"&:hover":{color:e.palette.primary.main}},addFilesBtn:{paddingLeft:0,paddingRight:0},addFilesLabel:{alignItems:"center",display:"flex",cursor:"pointer",paddingLeft:e.spacing(2),paddingRight:e.spacing(2)},addIcon:{display:"block",marginRight:e.spacing(1)},filePickerInput:{display:"none"}})),FileItemList=({onUpload:t,fileItems:a,onDelete:i,onRetryFailedsClick:e,onRetry:s,onAbort:o,onEdit:r,uiStateStatus:n})=>{const l=useStyles$8()["classes"],d=useStyles$a()["classes"];var c=a.some(e=>e.status===LoadingStatus.Failed);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"h2",color:"textPrimary","data-test":"data-center-file-item-list-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.eAju+6",defaultMessage:"Local Machine",description:"Title of a list of files that user is uploading from their local machine"})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"body2",color:"textSecondary","data-test":"data-center-file-item-list-subheader"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.Khv+RJ",defaultMessage:"Choose files from your computer to import into your account",description:"A short description of local machine upload"})})),jsxRuntime.exports.jsxs(Box,Object.assign({mt:6,borderRadius:"4px",border:"0.5px solid #D5DFE9"},{children:[jsxRuntime.exports.jsx(List,Object.assign({disablePadding:!0,className:l.fileItemListContainer,"data-test":"data-center-file-item-list-wrapper"},{children:null==a?void 0:a.map((e,t)=>jsxRuntime.exports.jsx(FileItem,{item:e,showDivider:t!==a.length-1,onDelete:i,onRetry:s,onAbort:o,onEdit:r,uiStateStatus:n},t))})),jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"flex-end",alignItems:"center",item:!0,container:!0,className:l.footerWrapper},{children:[jsxRuntime.exports.jsx("span",{className:l.shadowGradient}),c&&jsxRuntime.exports.jsxs(Button,Object.assign({"data-test":"data-center-importer-local-retry-button",variant:"outlined",className:l.retryButton,onClick:e},{children:[jsxRuntime.exports.jsx(default_1$1,{fontSize:"small",className:l.refreshIcon}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.nJrtcz",defaultMessage:"Retry Failed Items",description:"Text of the label `Retry Failed Items`"})]})),jsxRuntime.exports.jsx(UploadButton,{onUpload:e=>{e=Array.from(e.target.files);t(e)},id:"file-item-list-upload-button",render:({handleButtonClick:e})=>jsxRuntime.exports.jsxs(Button,Object.assign({id:"file-item-list-upload-button",variant:"outlined",className:d.fileButton,onClick:e},{children:[jsxRuntime.exports.jsx(default_1$3,{fontSize:"small",className:l.addFilesIcon}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.ydDseD",defaultMessage:"Add Files",description:"Text of the label `Add Files`"})]}))})]}))]}))]})},useStyles$7=makeStyles()(e=>({footer:{position:"absolute",right:e.spacing(6),bottom:e.spacing(6)},closeButton:{marginRight:e.spacing(2),color:e.palette.text.primary},dialogTitle:{padding:`${e.spacing(6)} ${e.spacing(6)} ${e.spacing(1)}px !important `},dialogContent:{padding:`${e.spacing(1)} ${e.spacing(6)} !important `},dialogTitleText:{fontWeight:600},dialogAction:{padding:e.spacing(4)+" !important"}})),Footer=({fileItems:e,onClosePanel:t,onImportFiles:a,onIgnoreAndContinue:i,onRetry:s,uiStateStatus:o})=>{const[r,n]=react.exports.useState(!1),[l,d]=react.exports.useState(!1);var c=useStyles$7()["classes"],p=e.some(e=>e.status===LoadingStatus.Pending);const u=()=>{n(!1)};react.exports.useEffect(()=>{u()},[s,i]);p=0===e.length||p||[LoadingStatus.Pending,LoadingStatus.Failed].includes(o);return jsxRuntime.exports.jsxs("div",Object.assign({className:c.footer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e.length?d(!0):t()},variant:"text",size:"large",className:c.closeButton,"data-test":"data-center-importer-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.0EGcHs",defaultMessage:"Close",description:"Close Panel"})})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:()=>{e.some(e=>e.status===LoadingStatus.Failed)?n(!0):a()},disabled:p,size:"large",variant:"contained",color:"primary","data-test":"data-center-importer-import-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.pcbRZH",defaultMessage:"Import",description:"Import uploaded files"})})),jsxRuntime.exports.jsxs(Dialog,Object.assign({open:r,maxWidth:"xs",onClose:u,"aria-labelledby":"dialog-title","aria-describedby":"dialog-description"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"dialog-title","data-test":"data-center-importer-dialog-title",className:c.dialogTitle},{children:jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"h2",className:c.dialogTitleText},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.cl4DGP",defaultMessage:"Errors Detected",description:"title for Error Detected Dialog"})}))})),jsxRuntime.exports.jsx(DialogContent,Object.assign({className:c.dialogContent},{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"dialog-description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.N9Drr+",defaultMessage:"Some of your files have errors, would you like to fix these errors or continue?",description:"description for Error Detected Dialog"})}))})),jsxRuntime.exports.jsxs(DialogActions,Object.assign({className:c.dialogAction},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:s,variant:"text",size:"large","data-test":"data-center-importer-dialog-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.7+A+C3",defaultMessage:"Retry Errors",description:"button text for retry failed files"})})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:i,size:"large",variant:"contained",color:"primary","data-test":"data-center-importer-dialog-confirm-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.E9hwYl",defaultMessage:"Ignore Errors and Continue",description:"button text for ignore failed files and kick of the importing progress"})}))]}))]})),jsxRuntime.exports.jsx(ConfirmationModal,{showConfirmationModal:l,closeConfirmationModal:()=>{d(!1)},onClosePanel:t,classes:c})]}))},useStyles$6=makeStyles()(e=>({root:{width:"720px",height:"auto"},configurationContainer:{minHeight:"650px"},mainContainer:{margin:e.spacing(6)},spacer:{marginTop:e.spacing(6)},header:{alignItems:"center",borderBottom:"0.5px solid "+e.palette.divider,backgroundColor:"#FAFAFA !important",display:"flex",height:64,padding:e.spacing(2)},headerTitle:{paddingLeft:e.spacing(4)},headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end"},alert:{color:e.palette.error.main,userSelect:"none","& svg, & svg:hover":{color:e.palette.error.main}},permissionsContainer:{marginTop:"30px"},description:{fontWeight:400,marginBlockStart:"16px",userSelect:"none"}})),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 SHARED_TEXT={panelHeaderTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.UQliO+",defaultMessage:"Local Machine Importer",description:"Local Machine Importer"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"}),locationFolderTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.UR2j6X",defaultMessage:"Location Folder",description:"Location Folder"}),locationFolderSubheader:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.zEHvrp",defaultMessage:"Choose the Data Center folder location where this content will be stored.",description:"Choose the Data Center folder location where this content will be stored."}),locationFolderLabel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.UR2j6Z",defaultMessage:"Folder",description:"Folder"}),locationFolderReselect:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.gtjP09",defaultMessage:"Change",description:"Change"}),editFileMetadataHeader:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WUHjl4",defaultMessage:"Edit Metadata",description:"Edit Metadata"}),editFileMetadataCancelBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.6PdOcy",defaultMessage:"Cancel",description:"Cancel"}),editFileMetadataSaveBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kxBKrN",defaultMessage:"Save Changes",description:"Save file metadata changes"}),editFileMetadataAddBtn:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.rntBSe",defaultMessage:"Add",description:"Add tags to metadata"}),editFileMetadataTagsHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.fXL811",defaultMessage:"Tags",description:"Tags heading"}),editFileMetadataTagsSubHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WFj+x5",defaultMessage:"Add searchable tags to better organize this data. Separate each tag with a comma.",description:"Tags sub heading"}),editFileMetadataDisplayTimeHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.8aqtJF",defaultMessage:"Media Display Time",description:"Media Display Time heading"}),editFileMetadataDisplayTimeSubHeading:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.mhUvxM",defaultMessage:"The actual time the content occurred.",description:"Media Display Time sub heading"}),supportedFilesTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.1riZqU",defaultMessage:"Supported File Types",description:"The title for the container of supported files"})},Header=({onPanelClose:e})=>{var t=useStyles$6()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:t.header,"data-test":"data-center-importer-header"},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({className:t.headerTitle,variant:"h1",color:"secondary","data-test":"data-center-importer-title"},{children:SHARED_TEXT.panelHeaderTitle()})),jsxRuntime.exports.jsxs("div",Object.assign({className:t.headerActionContainer},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({style:visuallyHidden$1,id:"data-center-importer-close-panel"},{children:SHARED_TEXT.closePanel()})),jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:SHARED_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"data-center-importer-close-panel","data-test":"data-center-importer-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}))]}))},useStyles$5=makeStyles()(e=>({title:{userSelect:"none"},description:{fontWeight:400,marginBlockStart:"16px",userSelect:"none"},card:{border:"0.5px solid #D5DFE9!important",boxShadow:"none!important",borderRadius:"4px!important",display:"flex",flexDirection:"column",alignItems:"center",padding:32},focusedCard:{backgroundColor:"#D5DFE9",border:"0.5px solid #D5DFE9!important",boxShadow:"none!important",borderRadius:"4px!important",display:"flex",flexDirection:"column",alignItems:"center",padding:32},uploadIcon:{fontSize:"30px","&:hover":{color:"inherit"}},iconCircle:{color:e.palette.secondary.main,backgroundColor:"#ffffff !important",fontSize:"30px !important",width:"70px !important",height:"70px !important",border:"6px solid #E8E8E8"},selectMessage:{fontWeight:600,marginBlockStart:"12px"},subtitle:{fontSize:"12px",fontWeight:400},fileFormatsButton:{color:"#6098D1",fontSize:"10px",marginTop:10}})),LocalFileUpload=({onUpload:t,onViewSupportedFiles:e})=>{const[a,i]=react.exports.useState(!1),s=react.exports.useRef();var o=useStyles$5()["classes"];const r=useStyles$a()["classes"];react.exports.useEffect(()=>{const e=e=>{e.preventDefault(),t(Array.from(e.dataTransfer.files)),i(!1)};return window.addEventListener("drop",e),()=>{window.removeEventListener("drop",e)}},[i,t]),react.exports.useEffect(()=>{const e=e=>{e.preventDefault(),i(!0)},t=e=>{e.preventDefault(),i(!1)};return s.current&&(s.current.addEventListener("dragover",e),s.current.addEventListener("dragleave",t)),()=>{try{s.current.removeEventListener("dragover",e),s.current.removeEventListener("dragleave",t)}catch(e){}}},[i]);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"data-center-importer-local-upload-title",variant:"h2",className:o.title},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.ylbMu5",defaultMessage:"Local Machine",description:"Import files into the Data Center from your computer"})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"data-center-importer-local-upload-description",variant:"body2",paragraph:!0,className:o.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.OcKW8X",defaultMessage:"Choose files from your computer to import and process within your aiWARE account.",description:"Choose files from your computer to import and process within your aiWARE account."})})),jsxRuntime.exports.jsxs(Card,Object.assign({"data-test":"data-center-importer-local-upload-card",className:a?o.focusedCard:o.card,ref:e=>s.current=e},{children:[jsxRuntime.exports.jsx(Avatar,Object.assign({className:o.iconCircle},{children:jsxRuntime.exports.jsx(default_1,{fontSize:"inherit",className:o.uploadIcon})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"body1",className:o.selectMessage},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.vKgOOW",defaultMessage:"Select a file from your computer",description:"Local Machine File Importer: Select a file from your computer to be uploaded into the Data Center"})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"body2",className:o.subtitle},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.9cCClM",defaultMessage:"or drag and drop an image here",description:"Local Machine File Importer: files can be dragged and dropped here to upload them"})})),jsxRuntime.exports.jsx(UploadButton,{id:"local-file-upload-upload-btn",onUpload:e=>{t(Array.from(e.target.files))},render:({handleButtonClick:e})=>jsxRuntime.exports.jsx(Button,Object.assign({"data-test":"data-center-importer-local-upload-button",variant:"outlined",className:r.fileButton,style:{marginTop:"15px"},onClick:e},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.261ANF",defaultMessage:"Browse Files",description:"Local Machine File Importer: Click here to select the files to upload"})}))}),jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",className:o.fileFormatsButton,onClick:e},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.OVCv+Y",defaultMessage:"View Supported File Formats",description:"Local Machine File Importer: View a list of all the File Formats that can be uploaded"})}))]}))]})},useStyles$4=makeStyles()(e=>({title:{userSelect:"none"},subheader:{userSelect:"none"},locationFolderWrapper:{width:"100%",marginTop:e.spacing(4),padding:e.spacing(2),border:"1px solid #D5DFE9",borderRadius:4,display:"flex",alignItems:"center",position:"relative"},locationFolderWrapperDisabled:{opacity:.7,pointerEvents:"none",userSelect:"none"},spacer:{display:"block",flex:1},folderIcon:{marginRight:e.spacing(2)},folderLabel:{fontFamily:"Nunito",display:"block",color:"#5C6269",fontSize:12,position:"absolute",top:-10,left:e.spacing(1),paddingLeft:e.spacing(1),paddingRight:e.spacing(1),background:"#fff"},folderInputLabel:{fontFamily:"Nunito",cursor:"pointer",color:"#6098D1",fontSize:14,"&:hover":{color:"#1871E8"}}})),LocationFolder=({folder:e,onChangeBtnClick:t,disabled:a=!1})=>{var i=useStyles$4()["classes"];return e?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"h2",color:"textPrimary","data-test":"data-center-location-folder-title",className:i.title},{children:SHARED_TEXT.locationFolderTitle()})),jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"body2",color:"textSecondary","data-test":"data-center-location-folder-subheader",className:i.subheader},{children:SHARED_TEXT.locationFolderSubheader()})),jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"data-center-location-folder",className:classNames(i.locationFolderWrapper,a?i.locationFolderWrapperDisabled:null)},{children:[jsxRuntime.exports.jsx("span",Object.assign({className:i.folderLabel,"data-test":"data-center-location-folder-label"},{children:SHARED_TEXT.locationFolderLabel()})),jsxRuntime.exports.jsx(FolderOpen,{className:i.folderIcon}),jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"body1",color:"textPrimary","data-test":"data-center-location-folder-path"},{children:null!=e&&e.isRoot?"Home":null==e?void 0:e.name})),jsxRuntime.exports.jsx("span",{className:i.spacer}),jsxRuntime.exports.jsx("span",Object.assign({className:i.folderInputLabel,onClick:t,role:"button","data-test":"data-center-location-select-btn"},{children:SHARED_TEXT.locationFolderReselect()}))]}))]}):null},validateMimeTypes=(e,t)=>{const a=new Set;return null!=e&&e.forEach(e=>{e.type?t.includes(e.type)||a.add(e.type):a.add(e.name.split(".").pop())}),Array.from(a.values())},DEFAULT_MAX_FILE_COUNT=100,MAX_VERITONE_FILE_COUNT_ALLOWED=1e3,MainLayout=({hidePanel:e,activeFolder:t,fileLimit:s=DEFAULT_MAX_FILE_COUNT})=>{var a=useStyles$6()["classes"];const[i,o]=react.exports.useState(null);var r=useSelector(preferredLanguageSelector);const n=useSelector(initialConfigSelector),l=useSelector(selectors.uiState.selectIsFullScreen),d=useSelector(selectSelectedFiles);var c=useSelector(selectUIStateStatus),p=useSelector(selectCurrentView),u=useSelector(rootFolderSelector);const m=useSelector(authSelector),x=useDispatch(),g=react.exports.useCallback(()=>{e&&e()},[e]),f=AIWareFormatMessage(r),[j,h]=react.exports.useState(!1);react.exports.useEffect(()=>{var e;m&&null!=(e=null==(e=null==(e=null===m||void 0===m?void 0:m.user)?void 0:e.organization)?void 0:e.kvp)&&e.features&&(e=m.user.organization.kvp["features"],"enabled"===e.enableRBACFeature&&h(!0))},[m]),react.exports.useEffect(()=>{d&&d.length?x(actions.uiState.setCurrentView(ImporterView.filesSelected)):x(actions.uiState.setCurrentView(ImporterView.browseFiles))},[x,d]),react.exports.useEffect(()=>{n.baseUrl&&(t&&t.id?x(actions.rootFolderState.updateRootFolder({activeFolder:t})):x(actions.rootFolderState.startRootFolderFetch()))},[n,t,x]);var r=e=>{let t=e;var a=EnumHelpers.getNames(MimeType);const i=validateMimeTypes(e,a);0<(null===i||void 0===i?void 0:i.length)&&(x(showMessage({content:f({id:"os-data-center-importer.snackbar.disallowedFilesMessage",defaultMessage:[{type:0,value:"The following file types are not allowed: "},{type:1,value:"disallowedFiles"}]},{disallowedFiles:Array.from(i.values()).join(",")}),severity:MessageSeverity.Warning})),t=e.filter(e=>e.type&&!i.includes(e.type))),e.length>s?(x(showMessage({content:f({id:"os-data-center-importer.snackbar.fileLimitError",defaultMessage:[{type:0,value:"You can only upload files up to "},{type:1,value:"fileLimit"},{type:0,value:" files at once! Only the first "},{type:1,value:"fileLimit"},{type:0,value:" files will be uploaded."}]},{fileLimit:""+s}),severity:MessageSeverity.Warning})),t=e.slice(0,s)):e.length>MAX_VERITONE_FILE_COUNT_ALLOWED&&(x(showMessage({content:f({id:"os-data-center-importer.snackbar.fileCountError",defaultMessage:[{type:0,value:"You have exceeded the maxium allowable files per upload. Only the first "},{type:1,value:"maxFileCount"},{type:0,value:" files will be uploaded."}]},{maxFileCount:""+MAX_VERITONE_FILE_COUNT_ALLOWED}),severity:MessageSeverity.Warning})),t=e.slice(0,MAX_VERITONE_FILE_COUNT_ALLOWED));a=t.map(e=>{var t=URL.createObjectURL(e);return{id:guid(),fileUrl:t,name:e.name,size:e.size,type:e.type,percentComplete:0}});x(actions.filesSelectedState.setFilesSelected({filesSelected:a,sdkFiles:t}))},y=()=>{var e=d.filter(e=>e.status===LoadingStatus.Failed);x(actions.filesSelectedState.retryFileUpload({filesSelected:e}))};const S=()=>{x(actions.uiState.tdoCreateStart({filesSelected:d}))};return react.exports.useEffect(()=>{var e;i&&(null!=(e=null===i||void 0===i?void 0:i.entries)&&e.length?x(actions.filesSelectedState.setPermissionsPayload(i)):o(null))},[i,x]),jsxRuntime.exports.jsxs("div",Object.assign({role:"presentation","data-test":"data-center-importer-widget",className:classNames(a.root)},{children:[jsxRuntime.exports.jsx(Header,{onPanelClose:g}),jsxRuntime.exports.jsxs("div",Object.assign({className:a.mainContainer},{children:[c===LoadingStatus.Failed&&jsxRuntime.exports.jsx(Box,Object.assign({mb:4},{children:jsxRuntime.exports.jsx(Alert,Object.assign({variant:"outlined",severity:"error",className:a.alert},{children:"Error while uploading your file(s)."}))})),p===ImporterView.browseFiles&&jsxRuntime.exports.jsx(LocalFileUpload,{onViewSupportedFiles:()=>{var e={name:"SUPPORTED_FILE_TYPES",config:{name:"Local Importer",fileTypes:DEFAULT_ACCEPTABLE_FILE_TYPES}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:l?0:55,marginStart:l?0:80,size:"medium",zIndex:l?1011:1002,parentPanelId:"DATA_CENTER_IMPORTER",dimmed:0,dimmedStatus:"dimParent"};x(mountPanel({panelId:"SUPPORTED_FILE_TYPES_PANEL",microFrontend:e,panelConfig:t}))},onUpload:r}),p===ImporterView.filesSelected&&jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(FileItemList,{onUpload:r,fileItems:d,onDelete:e=>{x(actions.filesSelectedState.deleteFileSelected({id:e}))},onRetryFailedsClick:y,onRetry:e=>{e.status===LoadingStatus.Failed?x(actions.filesSelectedState.retryFileUpload({filesSelected:[e]})):e.tdoStatus===LoadingStatus.Failed&&x(actions.uiState.retryTDOCreateForFiles({filesSelected:[e]}))},onAbort:e=>{x(actions.filesSelectedState.abortFileUpload(e))},onEdit:e=>{var e={name:"EDIT_FILE_METADATA",config:{name:"Local Importer",file:e=e}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:l?0:55,marginStart:l?0:80,size:"small",zIndex:l?1011:1002,parentPanelId:"DATA_CENTER_IMPORTER",dimmed:0,dimmedStatus:"dimParent"};x(mountPanel({panelId:"EDIT_FILE_METADATA",microFrontend:e,panelConfig:t}))},uiStateStatus:c}),jsxRuntime.exports.jsx("div",{className:a.spacer}),jsxRuntime.exports.jsx(LocationFolder,{folder:u,onChangeBtnClick:()=>__awaiter(void 0,void 0,void 0,function*(){try{yield mountPanelForResponse({panelId:"DATA_CENTER_FOLDERS_AND_FILES",microFrontend:{name:"DATA_CENTER_FOLDERS_AND_FILES",config:{viewType:"folders"}},panelConfig:{panelId:"DATA_CENTER_FOLDERS_AND_FILES",disableHide:!1,parentPanelId:"DATA_CENTER_IMPORTER",type:"APP_BAR_PANEL_TEMPLATE",size:"small",marginTop:l?0:55,marginStart:l?0:80,height:600,header:{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.headerTitle.chooseLocation",defaultMessage:"Choose a Location",description:"The title for the choose location panel"})},dimmed:0,zIndex:l?1011:1002,dimmedStatus:"dimParent"}},store)}catch(e){console.log(e)}})})]}),p===ImporterView.filesSelected&&j&&jsxRuntime.exports.jsxs("div",Object.assign({className:a.permissionsContainer},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-testid":"ui-permissions-widget-title",variant:"h2"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"ui-permissions-widget-title",defaultMessage:"Permissions",description:"Permissions widget title"})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"data-center-importer-local-upload-description",variant:"body2",paragraph:!0,className:a.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer-ui-permissions-widget-description",defaultMessage:"Manage who can access and permissions to these objects ",description:"Permissions widget description"})})),jsxRuntime.exports.jsx(PermissionsWidget,{onGetPermissionPayload:e=>{o(e)},permissionType:"TDO",parentPanelId:"DATA_CENTER_IMPORTER",isFullScreen:l,zIndex:1002,zIndexFullScreen:1012})]})),jsxRuntime.exports.jsx(Footer,{uiStateStatus:c,fileItems:d,onClosePanel:()=>{if(d.length)for(const e of d)e.status===LoadingStatus.Pending&&x(actions.filesSelectedState.abortFileUpload(e));g()},onImportFiles:S,onIgnoreAndContinue:()=>{x(actions.filesSelectedState.deleteFailedFiles()),S()},onRetry:y})]}))]}))},DataCenterImporter=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getDataCenterImporterModule(),getAdminCenterPermissionsModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))})}))})})),useStyles$3=makeStyles()(e=>({supportedFilesTypeHeader:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",padding:"0px 10px",marginBottom:20},supportedFilesTypeWrapper:{padding:"8px 20px 20px 20px"},fileTypeItem:{border:"1px solid #D5DFE9",borderRadius:5,marginBottom:20,overflow:"hidden"},fileTypeItemHeader:{padding:18,borderBottom:"1px solid #D5DFE9",background:"#FAFAFA",display:"flex",alignItems:"center"},fileTypeItemBody:{display:"flex",alignItems:"center",padding:"26px 0",flexWrap:"wrap"},fileTypeItemExtension:{width:"50%",padding:"4px 0 4px 54px"},fileTypeItemExtensionFullWidth:{width:"100%"},fileItemTypeName:{marginLeft:12}})),FileTypeItem=({fileItemType:a})=>{var e;const i=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:i.fileTypeItem,"data-test":"data-center-importer-supported-file-item"},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:i.fileTypeItemHeader},{children:[jsxRuntime.exports.jsx("span",Object.assign({"data-test":"data-center-importer-file-item-icon"},{children:jsxRuntime.exports.jsx(FileItemIcon,{filetype:a.type})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"h2",color:"textPrimary",className:i.fileItemTypeName,"data-test":"data-center-importer-file-type-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-browse.fileTypes.${name}",defaultMessage:"{name}",description:"Label for {name} type",values:{name:a.name}})}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:i.fileTypeItemBody,"data-test":"data-center-importer-extension-list"},{children:null==(e=null==a?void 0:a.extensions)?void 0:e.map((e,t)=>jsxRuntime.exports.jsxs(Typography$2,Object.assign({variant:"body2",color:"textPrimary",className:classNames(i.fileTypeItemExtension,{[i.fileTypeItemExtensionFullWidth]:a.type===FileItemTypeNames.Text})},{children:[".",e]}),t))}))]}))},SupportedFileTypesContent=({fileTypes:e,hidePanel:t})=>{var a=useStyles$3()["classes"];return jsxRuntime.exports.jsxs("div",Object.assign({className:a.supportedFilesTypeWrapper},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:a.supportedFilesTypeHeader},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({variant:"h1",color:"secondary","data-test":"data-center-importer-supported-files-title"},{children:SHARED_TEXT.supportedFilesTitle()})),jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:SHARED_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"data-center-importer-close-panel","data-test":"data-center-importer-close-panel",size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),e.map((e,t)=>jsxRuntime.exports.jsx(FileTypeItem,{fileItemType:e},t))]}))},SupportedFileTypes=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(SupportedFileTypesContent,{hidePanel:e.hidePanel,fileTypes:e.fileTypes})}))})}),inputFieldBorderColor="#D5DFE9",useStyles$2=makeStyles()(e=>({editMetadataContainer:{padding:"5px 30px"},avatarImage:{display:"flex",justifyContent:"center",alignItems:"center",width:"135px",height:"119px",marginRight:"10px"},coverImage:{flexGrow:1,display:"flex",justifyContent:"center",alignItems:"center",height:"119px"},inputFieldBorder:{border:"1px solid "+inputFieldBorderColor},fileName:{width:"100%",border:"1px solid "+inputFieldBorderColor,height:"52px",borderRadius:"4px",boxSizing:"border-box",padding:"15px"},tagInput:{marginRight:"10px",flexGrow:1},tags:{paddingLeft:"0px","& > li":{listStyleType:"none",display:"inline",marginRight:"5px"}},tag:{backgroundColor:"#D5DFE9",fontSize:"12px",marginBottom:"5px"},runDate:{marginRight:"5px"},runTime:{"& input":{padding:"18.5px 10px !important"}},cancelBtn:{marginRight:e.spacing(2)},header:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:"space-between",padding:"0px"},footer:{position:"absolute",right:"30px",bottom:e.spacing(6)},topMarginSm:{marginTop:"15px"},topMarginLg:{marginTop:"15px"},flex:{display:"flex"},flexFill:{flexGrow:1},heading:{color:"#2A323C",fontSize:"14px",fontWeight:600,lineHeight:"20px"},subHeading:{color:"#5C6269",fontSize:"14px",fontWeight:"normal",lineHeight:"20px"},closePanel:{transform:"translateX(15px)"}})),useStyles$1=makeStyles()(e=>({container:{position:"relative",borderRadius:"5px",zIndex:2}})),AddImageIcon=({id:e,color:t="black",size:a=55})=>{var i=useStyles$1()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({id:"addImageIcon-"+e,className:i.container},{children:jsxRuntime.exports.jsx("svg",Object.assign({version:"1.2",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 500 500",width:a,height:a},{children:jsxRuntime.exports.jsx("path",{fill:t,fillRule:"evenodd",d:"M249.5 62c147.7 0 151.1 0 157.5 1.9 3.6 1.1 8.9 3.7 11.9 5.8 3 2.1 7.3 6.1 9.6 8.8 2.3 2.7 5.2 7.7 9 17l.3 101c.1 55.6.1 101.4-.2 102-.2.7-4.1.6-11.2-.3-6-.7-14-1-17.9-.7-3.9.3-8.4.8-13 1.6V104.5h-291v291H297l-.7 8c-.5 4.4-.8 9.8-.8 12 0 2.2.4 8.2 1.5 22.5h-97.3c-82.7 0-98.2-.3-104.2-1.5-3.8-.9-9-2.8-11.5-4.2-2.5-1.5-6-4.1-7.9-5.8-1.9-1.6-5.2-5.7-7.3-9-2.5-3.9-4.4-8.5-5.4-13-1.3-6.1-1.4-26.2-.9-309l2.4-6c1.4-3.3 4.3-8.3 6.6-11 2.3-2.8 6.6-6.7 9.6-8.8 3-2.1 8.1-4.6 11.4-5.7 5.8-1.8 11.6-1.9 157-2zm45.4 185c.3 0 12.2 15.8 52.6 70.3l-4 3.1c-2.2 1.7-7.7 6.7-12.3 11.1-4.6 4.4-10.6 11.3-18.7 22.5h-93.8c-90.2 0-93.7-.1-92.5-1.8.7-1 14.7-19 31-40 16.4-21 30-38.2 30.3-38.2.3 0 7.8 8.9 16.7 19.8 8.9 10.8 18.7 22.7 21.7 26.5 3.1 3.7 5.8 6.7 6.1 6.7.3-.1 14.4-18.1 31.4-40.1 17-21.9 31.2-39.9 31.5-39.9zm122.6 87.5c13.3.3 15.8.7 22 3 3.9 1.5 9.3 3.8 12 5.2 2.8 1.4 8.4 5.1 12.4 8.2 4.1 3.1 10 8.7 13.1 12.6 3 3.9 7.1 10.1 9.1 14 2 3.9 4.7 9.9 6 13.5 2.1 5.9 2.3 8.2 2.3 24.5s-.2 18.6-2.3 24.5c-1.3 3.6-4 9.6-6 13.5-2 3.9-6.1 10.1-9.1 14-3.1 3.9-9 9.5-13.1 12.5-4 3.1-9.6 6.7-12.4 8.2-2.7 1.5-8.1 3.9-12 5.4-6.8 2.7-7.6 2.8-26 2.8s-19.2-.1-26-2.8c-3.9-1.5-9.2-3.9-12-5.3-2.7-1.4-8.4-5.1-12.4-8.2-4.1-3.1-10-8.7-13.1-12.6-3-3.9-7.1-10.1-9.1-14-2-3.9-4.7-9.9-6-13.5-2.1-5.9-2.3-8.2-2.3-24.5s.2-18.6 2.3-24.5c1.3-3.6 4-9.6 6-13.5 2-3.9 6.1-10.1 9.1-14 3.1-3.9 9-9.5 13.1-12.5 4-3.1 9.7-6.7 12.4-8.2 2.8-1.4 7.5-3.6 10.5-4.8 3-1.2 8-2.6 11-3 3-.5 12.3-.7 20.5-.5zM390 355.6c-3.6 1.6-8.5 4-11 5.4-2.5 1.4-7.4 5.4-11 9-3.9 3.8-8.2 9.6-10.6 14-2.3 4.1-5 10-6 13-1.3 4.2-1.8 8.7-1.8 18.5s.5 14.3 1.8 18.5c1 3 3.7 8.9 5.9 13 2.7 4.8 6.8 10.1 11.3 14.5 5.2 5.1 9.3 8.1 15.5 11.1 4.6 2.3 10.2 4.7 12.4 5.5 2.5.8 8.8 1.3 17 1.3s14.5-.5 17-1.3c2.2-.8 7.8-3.2 12.4-5.5 6.5-3.1 10.2-5.9 16-11.7 5.8-5.7 8.6-9.6 11.8-16 2.3-4.6 4.7-10.2 5.4-12.4.7-2.4 1.3-9.3 1.3-17 0-7.7-.6-14.6-1.3-17-.7-2.2-3.1-7.8-5.4-12.4-3.2-6.4-6-10.3-11.8-16-5.6-5.7-9.6-8.6-15.5-11.5-4.3-2.1-9.7-4.5-11.9-5.3-2.2-.7-8.5-1.5-14-1.7-5.5-.3-12.5-.1-15.5.3s-8.4 2.1-12 3.7zm15 18.4h17v33h33v17h-33v33h-17v-33h-33v-17h33z"})}))}))},useStyles=makeStyles()(e=>({addImageBoxContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},addImageBoxTitle:{padding:"0px",margin:"0px",color:"rgb(92, 98, 105)",fontSize:"12px",fontWeight:400,textAlign:"left",paddingLeft:"5px",paddingBottom:"3px"},addImageBoxSizeAvatar:{width:"135px"},addImageBoxSizeCover:{width:"100%"},addImageBoxIconDiv:{height:"180px",display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid #D5DFE9",overflow:"hidden",position:"relative",textAlign:"left",borderRadius:"4px"},addImageBoxBackground:{position:"absolute",height:"100%",width:"100%",top:0,left:0,backgroundSize:"cover"},addImageBoxShadow:{background:"rgba(0,0,0,0.35)",position:"absolute",width:"100%",height:"100%",zIndex:1},iconButtonContainer:{width:"100%",padding:0},deleteIconContainer:{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:"transparent",zIndex:10,display:"flex",justifyContent:"center",alignItems:"center"},deleteIcon:{color:"white",fontSize:"24px"}})),AddImageBox=({title:e,backgroundImgUrl:t="",aspectRatio:a="avatar",onClick:i,onDelete:s})=>{var o=useStyles()["classes"];const[r,n]=react.exports.useState(!1);var l=!!t,d=r&&t,c=r&&t,p=!t||r&&t,u=t?{backgroundImage:`url(${t})`}:{};return jsxRuntime.exports.jsxs("div",Object.assign({className:o.addImageBoxContainer},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({id:`file-item-meta-${a}-image-title`,variant:"body2",className:o.addImageBoxTitle,color:"secondary","data-test":`file-item-meta-${a}-image-title`},{children:e})),jsxRuntime.exports.jsx(Button,Object.assign({className:o.iconButtonContainer,onClick:i},{children:jsxRuntime.exports.jsxs("div",Object.assign({onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),className:o.addImageBoxIconDiv+" "+("avatar"===a?o.addImageBoxSizeAvatar:o.addImageBoxSizeCover)},{children:[p&&!c&&jsxRuntime.exports.jsx(AddImageIcon,{id:`add-${a}-img`,color:t?"#fff":"#2A323C",size:45}),c&&jsxRuntime.exports.jsx("div",Object.assign({className:o.deleteIconContainer,onClick:s},{children:jsxRuntime.exports.jsx(default_1$4,{style:{fontSize:42},className:o.deleteIcon,color:"inherit"})})),d&&jsxRuntime.exports.jsx("div",{className:o.addImageBoxShadow}),l&&jsxRuntime.exports.jsx("div",{className:o.addImageBoxBackground,style:u})]}))}))]}))},FileItemMeta=({file:t,onSave:a,onCancel:e,onClosePanel:i})=>{const s=useStyles$2()["classes"];var o=useSelector(preferredLanguageSelector);const[r,n]=react.exports.useState(null),[l,d]=react.exports.useState(""),[c,p]=react.exports.useState(""),[u,m]=react.exports.useState((()=>{var[e,t,a]=(new Date).toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).split("/");return a+`-${e}-`+t})()),[x,g]=react.exports.useState((()=>{const[e,t]=(new Date).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1}).split(":");return e+":"+t.slice(0,2)})()),[f,j]=react.exports.useState([]),h=AIWareFormatMessage(o);react.exports.useEffect(()=>{var e;t&&(e=t["meta"],n(null==e?void 0:e.thumbnailImg),d(null!=e&&e.fileName?e.fileName:t.name),null!=e&&e.runDate&&m(null==e?void 0:e.runDate),null!=e&&e.runTime&&g(null==e?void 0:e.runTime),j((null==e?void 0:e.tags)||[]))},[t]);var o=react.exports.useCallback(()=>{var e;a&&(e={fileId:null==t?void 0:t.id,fileName:l,thumbnailImg:r,runDate:u,runTime:x,tags:f},a(e))},[a,l,u,x,f,r,t]),y=react.exports.useCallback(()=>{e&&(F(),e())},[e]),S=react.exports.useCallback(()=>{i&&(F(),i())},[i]);const v=react.exports.useCallback(()=>{if(c){const t=function(e){const t=e.includes(",")?e.split(","):[e],a=f.map(e=>e.value),i=[];return null===t||void 0===t||t.forEach(e=>{e=e.trim();""===e||a.includes(e)||(i.push({value:e}),a.push(e))}),i}(c);j(e=>[...e,...t]),p("")}},[c]),b=()=>{n(null)};return jsxRuntime.exports.jsxs("div",Object.assign({className:s.editMetadataContainer},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:s.header},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({id:"file-item-meta-title",variant:"h1",color:"secondary","data-test":"file-item-meta-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WUHjl4",defaultMessage:"Edit Metadata",description:"Edit Metadata"})})),jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kOsSpC",defaultMessage:"Close Panel",description:"Close Panel"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({id:"file-item-meta-close-panel",onClick:S,"aria-labelledby":"file-item-meta-close-panel","data-test":"file-item-meta-close-panel",className:s.closePanel,size:"large"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),jsxRuntime.exports.jsx("section",{children:jsxRuntime.exports.jsx(UploadButton,{id:"file-item-meta-avatar-image-upload",imageOnly:!0,onUpload:e=>{e=e.target.files[0],t=URL.createObjectURL(e);var t,e=t={id:guid(),fileUrl:t,name:e.name,size:e.size,type:e.type,percentComplete:0};n(e)},isUploadEnabled:!r,render:({handleButtonClick:e})=>jsxRuntime.exports.jsx(AddImageBox,{title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.uK8+3P",defaultMessage:"Thumbnail Image",description:"Thumbnail Image"}),backgroundImgUrl:r?null===r||void 0===r?void 0:r.fileUrl:"",aspectRatio:"cover",onClick:e,onDelete:b})})}),jsxRuntime.exports.jsx("section",Object.assign({className:s.topMarginSm},{children:jsxRuntime.exports.jsx(TextField$1,{id:"file-item-meta-file-name",InputLabelProps:{shrink:!0},autoComplete:"off",label:h({id:"os-data-center-importer.label.fileName",defaultMessage:[{type:0,value:"File name"}]}),value:l,style:{width:"100%"},onChange:e=>{d(e.target.value)}})})),jsxRuntime.exports.jsxs("section",Object.assign({className:s.topMarginLg},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"file-item-meta-display-time-heading",variant:"subtitle1",color:"textSecondary",className:s.heading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.8aqtJF",defaultMessage:"Media Display Time",description:"Media Display Time heading"})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"file-item-meta-display-time-sub-heading",variant:"subtitle2",color:"textSecondary",className:s.subHeading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.mhUvxM",defaultMessage:"The actual time the content occurred.",description:"Media Display Time sub heading"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.topMarginSm+" "+s.flex},{children:[jsxRuntime.exports.jsx(TextField$1,{id:"file-item-meta-run-date",label:h({id:"os-data-center-importer.label.runDate",defaultMessage:[{type:0,value:"Run Date"}]}),type:"date",value:u,className:s.runDate,onChange:e=>m(e.target.value),InputLabelProps:{shrink:!0}}),jsxRuntime.exports.jsx(TextField$1,{id:"file-item-meta-run-time",label:h({id:"os-data-center-importer.label.runTime",defaultMessage:[{type:0,value:"Run Time"}]}),type:"time",value:x,onChange:e=>g(e.target.value),className:s.runTime,InputLabelProps:{shrink:!0}})]}))]})),jsxRuntime.exports.jsxs("section",Object.assign({className:s.topMarginLg},{children:[jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"file-item-meta-tags-heading",variant:"subtitle1",color:"textSecondary",className:s.heading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.fXL811",defaultMessage:"Tags",description:"Tags heading"})})),jsxRuntime.exports.jsx(Typography$2,Object.assign({"data-test":"file-item-meta-tags-sub-heading",variant:"subtitle2",color:"textSecondary",className:s.subHeading},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.WFj+x5",defaultMessage:"Add searchable tags to better organize this data. Separate each tag with a comma.",description:"Tags sub heading"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:s.topMarginSm+" "+s.flex},{children:[jsxRuntime.exports.jsx(TextField$1,{id:"file-item-meta-tags",autoComplete:"off",value:c,className:s.tagInput,onChange:e=>{p(e.target.value)},size:"small",onKeyPress:e=>{"Enter"===e.key&&v()}}),jsxRuntime.exports.jsx(Button,Object.assign({id:"file-item-meta-tags-addBtn",variant:"outlined",color:"primary",disabled:!c,onClick:v},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.rntBSe",defaultMessage:"Add",description:"Add tags to metadata"})}))]})),jsxRuntime.exports.jsx("ul",Object.assign({id:"tags",className:s.tags+" "+s.topMarginSm},{children:null===f||void 0===f?void 0:f.map(t=>jsxRuntime.exports.jsx("li",{children:jsxRuntime.exports.jsx(Chip,{id:guid(),label:t.value,size:"small",className:s.tag,onDelete:()=>{j(f.filter(e=>e.value!==t.value))}})},t.value))}))]})),jsxRuntime.exports.jsxs("footer",Object.assign({className:s.footer},{children:[jsxRuntime.exports.jsx(Button,Object.assign({id:"file-item-meta-cancel-btn",onClick:y,variant:"text",size:"large",className:s.cancelBtn,"data-test":"file-item-meta-cancel-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.6PdOcy",defaultMessage:"Cancel",description:"Cancel"})})),jsxRuntime.exports.jsx(Button,Object.assign({id:"file-item-meta-save-btn",onClick:o,disabled:!1,size:"large",variant:"contained",color:"primary","data-test":"file-item-meta-save-btn"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-data-center-importer.kxBKrN",defaultMessage:"Save Changes",description:"Save file metadata changes"})}))]}))]}));function F(){n(null),d(""),m("2021-12-22"),g("12:00"),j([])}},FileItemMetaContainer=({hidePanel:e,file:t})=>{const a=useDispatch();var i=useSelector(selectUIStateStatus);return jsxRuntime.exports.jsx(FileItemMeta,{file:t,status:i,onSave:function(e){e&&a(actions.filesSelectedState.addMetadataAction({id:null==t?void 0:t.id,meta:e}))},onCancel:function(){e()},onClosePanel:function(){e()}})},EditFileMetadata=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(FileItemMetaContainer,Object.assign({},e))}))})});export{DataCenterImporter,EditFileMetadata,SupportedFileTypes};