aiware-js 2.11.0 → 2.13.0

package/js-core.esm48.js

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

package/js-core.esm5.js

@@ -0,0 +1 @@
+import{g as generateUtilityClass,a as generateUtilityClasses,b as styled,B as ButtonBase,_ as _extends,r as react,e as _objectWithoutPropertiesLoose,n as useControlled,o as useFormControl,j as jsxRuntime,f as clsx,d as capitalize,h as composeClasses}from"./js-core.esm.js";function getSwitchBaseUtilityClass(e){return generateUtilityClass("PrivateSwitchBase",e)}generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const _excluded=["autoFocus","checked","checkedIcon","className","defaultChecked","disabled","disableFocusRipple","edge","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"],useUtilityClasses=e=>{var{classes:e,checked:t,disabled:s,edge:a}=e,t={root:["root",t&&"checked",s&&"disabled",a&&"edge"+capitalize(a)],input:["input"]};return composeClasses(t,getSwitchBaseUtilityClass,e)},SwitchBaseRoot=styled(ButtonBase)(({ownerState:e})=>_extends({padding:9,borderRadius:"50%"},"start"===e.edge&&{marginLeft:"small"===e.size?-3:-12},"end"===e.edge&&{marginRight:"small"===e.size?-3:-12})),SwitchBaseInput=styled("input")({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),SwitchBase=react.exports.forwardRef(function(e,t){const{autoFocus:s,checked:a,checkedIcon:o,className:i,defaultChecked:d,disabled:n,disableFocusRipple:c=!1,edge:l=!1,icon:r,id:u,inputProps:p,inputRef:h,name:g,onBlur:x,onChange:m,onFocus:B,readOnly:b,required:C,tabIndex:f,type:w,value:y}=e,S=_objectWithoutPropertiesLoose(e,_excluded),[k,v]=useControlled({controlled:a,default:Boolean(d),name:"SwitchBase",state:"checked"}),R=useFormControl();let F=n;R&&void 0===F&&(F=R.disabled);var j="checkbox"===w||"radio"===w,e=_extends({},e,{checked:k,disabled:F,disableFocusRipple:c,edge:l}),_=useUtilityClasses(e);return jsxRuntime.exports.jsxs(SwitchBaseRoot,_extends({component:"span",className:clsx(_.root,i),centerRipple:!0,focusRipple:!c,disabled:F,tabIndex:null,role:void 0,onFocus:e=>{B&&B(e),R&&R.onFocus&&R.onFocus(e)},onBlur:e=>{x&&x(e),R&&R.onBlur&&R.onBlur(e)},ownerState:e,ref:t},S,{children:[jsxRuntime.exports.jsx(SwitchBaseInput,_extends({autoFocus:s,checked:a,defaultChecked:d,className:_.input,disabled:F,id:j&&u,name:g,onChange:e=>{var t;e.nativeEvent.defaultPrevented||(t=e.target.checked,v(t),m&&m(e,t))},readOnly:b,ref:h,required:C,ownerState:e,tabIndex:f,type:w},"checkbox"===w&&void 0===y?{}:{value:y},p)),k?o:r]}))});var SwitchBase$1=SwitchBase;export{SwitchBase$1 as S};

package/js-core.esm6.js

@@ -0,0 +1,20 @@
+import{p as createSvgIcon,q as interopRequireDefault,j as jsxRuntime,r as react,m as makeStyles,t as img$1v,v as img$_,w as img$1u,x as img$19,y as img$2,z as img$4,C as img$18,D as img$3,E as img$17,G as useDispatch,H as useSelector,I as betaFeaturesSelector,J as authSelector,K as applicationSelector,L as mountPanel,M as listenLogout,N as appSwitcherSetupListener,A as AIWareIntlProvider,O as AIWareThemeProvider,Q as lib,R as getAppbarPanelModule,S as getEventsModule,U as isEqual,V as IconButton$1,W as classNames,T as Typography$1,X as Tooltip$1,F as FormattedMessage,Y as Badge,Z as Avatar,$ as getSortName,a0 as img$O,a1 as TabId,a2 as Popover,a3 as List,a4 as ListItem,a5 as ListItemText,a6 as Divider,a7 as isIdleSelector,a8 as userSelector$1,a9 as sessionTokenSelector,aa as loginUrlSelector,ab as callLogoutSelector,ac as clickedLogoutSelector,ad as callResetIdleTimerSelector,ae as sessionTimeoutSelector,af as reloadPageSelector,ag as resetIdleTimerCallCounterSelector,ah as postNotificationCommand,ai as aiwareEvent,aj as notificationCommands,ak as logoutRequest,al as refreshTokenRequest,am as Dialog,an as DialogTitle,ao as DialogContent,ap as DialogContentText,aq as DialogActions,ar as Button,as as all,at as fork,au as takeLatest$1,av as hidePanel,aw as takeEvery$1,ax as take,ay as logout,az as put,aA as logoutUser,aB as call,aC as appSwitcherHandleClick,aD as appSwitcherHandleClickAppNatively,aE as select,aF as graphEndpointSelector,aG as get,aH as baseGraphQLApi}from"./js-core.esm.js";import{u as unseenNotificationSelector,m as markAllNotificationsSeenRequest,i as initNotificationAction,g as getNotificationModule,o as onNotificationActionClicked}from"./js-core.esm7.js";import{d as default_1$2}from"./js-core.esm8.js";import{P as PropTypes}from"./js-core.esm13.js";import{L as ListItemIcon}from"./js-core.esm9.js";import"./js-core.esm10.js";import"./js-core.esm5.js";import"./js-core.esm11.js";import"./js-core.esm4.js";import"./js-core.esm12.js";var Message={},_interopRequireDefault$1=interopRequireDefault.exports,default_1$1=(Object.defineProperty(Message,"__esModule",{value:!0}),Message.default=void 0),_createSvgIcon$1=_interopRequireDefault$1(createSvgIcon),_jsxRuntime$1=jsxRuntime.exports,_default$1=(0,_createSvgIcon$1.default)((0,_jsxRuntime$1.jsx)("path",{d:"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"}),"Message"),default_1$1=Message.default=_default$1,Description={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(Description,"__esModule",{value:!0}),Description.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"}),"Description");function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?c(e):t}function s(n){var o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=u(n);return a(this,o?(e=u(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments))}}var default_1=Description.default=_default,d="object"===("undefined"==typeof window||"undefined"==typeof window?"undefined":i(window)),f=d?document:{},v=["mousemove","keydown","wheel","DOMMouseScroll","mousewheel","mousedown","touchstart","touchmove","MSPointerDown","MSPointerMove","visibilitychange"];function p(a,o){var r;return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r&&clearTimeout(r),r=setTimeout(function(){a.apply(void 0,t),r=null},o)}}function h(t,n){var a=0;return function(){var e=(new Date).getTime();if(!(e-a<n))return a=e,t.apply(void 0,arguments)}}var m=function(){var e=a,t=react.exports.Component;if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t);var n=s(a);function a(e){var t;if(!(this instanceof a))throw new TypeError("Cannot call a class as a function");if((t=n.call(this,e)).state={idle:!1,oldDate:+new Date,lastActive:+new Date,lastIdle:null,idleTime:0,remaining:null,pageX:null,pageY:null},t.tId=null,t.eventsBound=!1,0<e.debounce&&0<e.throttle)throw new Error("onAction can either be throttled or debounced (not both)");return 0<e.debounce?t._onAction=p(e.onAction,e.debounce):0<e.throttle?t._onAction=h(e.onAction,e.throttle):e.onAction?t._onAction=e.onAction:t._onAction=function(){},0<e.eventsThrottle?t._handleEvent=h(t._handleEvent.bind(c(t)),e.eventsThrottle):t._handleEvent=t._handleEvent.bind(c(t)),e.startOnMount||(t.state.idle=!0),t._toggleIdleState=t._toggleIdleState.bind(c(t)),t.reset=t.reset.bind(c(t)),t.pause=t.pause.bind(c(t)),t.resume=t.resume.bind(c(t)),t.isIdle=t.isIdle.bind(c(t)),t.getRemainingTime=t.getRemainingTime.bind(c(t)),t.getElapsedTime=t.getElapsedTime.bind(c(t)),t.getLastActiveTime=t.getLastActiveTime.bind(c(t)),t.getLastIdleTime=t.getLastIdleTime.bind(c(t)),t.getTotalIdleTime=t.getTotalIdleTime.bind(c(t)),t.getTotalActiveTime=t.getTotalActiveTime.bind(c(t)),t}return o(a.prototype,[{key:"componentDidMount",value:function(){this._bindEvents(),this.props.startOnMount&&this.reset()}},{key:"componentDidUpdate",value:function(e){e.debounce!==this.props.debounce&&(this._onAction=p(this._onAction,this.props.debounce)),e.throttle!==this.props.throttle&&(this._onAction=h(this._onAction,this.props.throttle)),e.eventsThrottle!==this.props.eventsThrottle&&(this._handleEvent=h(this._handleEvent,this.props.eventsThrottle)),e.timeout!==this.props.timeout&&null!==this.tid&&this.reset()}},{key:"componentWillUnmount",value:function(){clearTimeout(this.tId),this._unbindEvents(!0)}},{key:"render",value:function(){return this.props.children||null}},{key:"_bindEvents",value:function(){var e,t,n,a,o,r=this;d&&(e=this.props,t=e.element,n=e.events,a=e.passive,o=e.capture,this.eventsBound||(n.forEach(function(e){t.addEventListener(e,r._handleEvent,{capture:o,passive:a})}),this.eventsBound=!0))}},{key:"_unbindEvents",value:function(){var e,t,n,a,o,r=this;d&&(e=this.props,t=e.element,n=e.events,a=e.passive,o=e.capture,(this.eventsBound||0<arguments.length&&void 0!==arguments[0]&&arguments[0])&&(n.forEach(function(e){t.removeEventListener(e,r._handleEvent,{capture:o,passive:a})}),this.eventsBound=!1))}},{key:"_toggleIdleState",value:function(a){var o=this;this.setState(function(e){return{idle:!e.idle,lastIdle:e.idle?e.lastIdle:+new Date-o.props.timeout,idleTime:e.idle?e.idleTime+ +new Date-e.lastIdle:e.idleTime}},function(){var e=o.props,t=e.onActive,n=e.onIdle,e=e.stopOnIdle;o.state.idle?(e&&(clearTimeout(o.tId),o.tId=null,o._unbindEvents()),n(a)):e||(o._bindEvents(),t(a))})}},{key:"_handleEvent",value:function(e){var t=this.state,n=t.remaining,a=t.pageX,o=t.pageY,t=t.idle,r=this.props,i=r.timeout,r=r.stopOnIdle;if(this._onAction(e),!n){if("mousemove"===e.type){if(e.pageX===a&&e.pageY===o)return;if(void 0===e.pageX&&void 0===e.pageY)return;if(this.getElapsedTime()<200)return}clearTimeout(this.tId),this.tId=null;n=+new Date-this.getLastActiveTime();(t&&!r||!t&&i<n)&&this._toggleIdleState(e),this.setState({lastActive:+new Date,pageX:e.pageX,pageY:e.pageY}),t&&r||(this.tId=setTimeout(this._toggleIdleState,i))}}},{key:"reset",value:function(){clearTimeout(this.tId),this.tId=null,this._bindEvents(),this.setState({idle:!1,oldDate:+new Date,lastActive:+new Date,remaining:null});var e=this.props.timeout;this.tId=setTimeout(this._toggleIdleState,e)}},{key:"pause",value:function(){null===this.state.remaining&&(this._unbindEvents(),clearTimeout(this.tId),this.tId=null,this.setState({remaining:this.getRemainingTime()}))}},{key:"resume",value:function(){var e=this.state,t=e.remaining,e=e.idle;null!==t&&(this._bindEvents(),e||(this.tId=setTimeout(this._toggleIdleState,t),this.setState({remaining:null,lastActive:+new Date})))}},{key:"getRemainingTime",value:function(){var e=this.state,t=e.remaining,e=e.lastActive,n=this.props.timeout;if(null!==t)return t<0?0:t;t=n-(+new Date-e);return t<0?0:t}},{key:"getElapsedTime",value:function(){var e=this.state.oldDate;return+new Date-e}},{key:"getLastIdleTime",value:function(){return this.state.lastIdle}},{key:"getTotalIdleTime",value:function(){var e=this.state,t=e.idle,n=e.lastIdle,e=e.idleTime;return t?+new Date-n+e:e}},{key:"getLastActiveTime",value:function(){return this.state.lastActive}},{key:"getTotalActiveTime",value:function(){return this.getElapsedTime()-this.getTotalIdleTime()}},{key:"isIdle",value:function(){return this.state.idle}}]),a}();function g(){function n(e){var t=!S.current;(S.current=t)?(y&&(clearTimeout(k.current),k.current=null,B()),w.current=+new Date-L.current,D.current(e)):y||(O.current+=+new Date-w.current,$(),U.current(e))}function e(){if(null!==E.current)return E.current<0?0:E.current;var e=L.current-(+new Date-P.current);return e<0?0:e}function a(){return+new Date-R.current}function t(){return S.current?+new Date-w.current+O.current:O.current}function o(){return P.current}function r(){clearTimeout(k.current),k.current=null,$(),S.current=!1,R.current=+new Date,P.current=+new Date,E.current=null,k.current=setTimeout(n,L.current)}var i=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},s=i.timeout,l=void 0===s?12e5:s,s=i.element,c=void 0===s?f:s,s=i.events,u=void 0===s?v:s,s=i.onIdle,g=void 0===s?function(){}:s,s=i.onActive,m=void 0===s?function(){}:s,s=i.onAction,b=void 0===s?function(){}:s,s=i.debounce,x=void 0===s?0:s,s=i.throttle,_=void 0===s?0:s,s=i.eventsThrottle,I=void 0===s?200:s,s=i.startOnMount,H=void 0===s||s,s=i.stopOnIdle,y=void 0!==s&&s,s=i.capture,A=void 0===s||s,s=i.passive,T=void 0===s||s,j=react.exports.useRef(!1),S=react.exports.useRef(!0),R=react.exports.useRef(+new Date),E=react.exports.useRef(null),N=react.exports.useRef(null),C=react.exports.useRef(null),k=react.exports.useRef(null),P=react.exports.useRef(null),w=react.exports.useRef(null),O=react.exports.useRef(0),L=react.exports.useRef(l),D=react.exports.useRef(g),U=react.exports.useRef(m),F=react.exports.useRef(b),M=function(e){if(F.current(e),!E.current){if("mousemove"===e.type){if(e.pageX===N&&e.pageY===C)return;if(void 0===e.pageX&&void 0===e.pageY)return;if(a()<200)return}clearTimeout(k.current),k.current=null;var t=+new Date-o();(S.current&&!y||!S.current&&t>L.current)&&n(e),P.current=+new Date,N.current=e.pageX,C.current=e.pageY,S.current&&y||(k.current=setTimeout(n,L.current))}},$=function(){!d||j.current||(u.forEach(function(e){c.addEventListener(e,M,{capture:A,passive:T})}),j.current=!0)},B=function(){d&&(j.current||0<arguments.length&&void 0!==arguments[0]&&arguments[0])&&(u.forEach(function(e){c.removeEventListener(e,M,{capture:A,passive:T})}),j.current=!1)};return react.exports.useEffect(function(){if(0<x&&0<_)throw new Error("onAction can either be throttled or debounced (not both)");return 0<I&&(M=h(M,I)),$(),H&&r(),function(){clearTimeout(k.current),B(!0)}},[]),react.exports.useEffect(function(){D.current=g},[g]),react.exports.useEffect(function(){U.current=m},[m]),react.exports.useEffect(function(){F.current=0<x?p(b,x):0<_?h(b,_):b},[b]),react.exports.useEffect(function(){L.current=l,null!==k.current&&r()},[l]),{isIdle:function(){return S.current},pause:function(){null===E.current&&(B(),clearTimeout(k.current),k.current=null,E.current=e())},reset:r,resume:function(){null!==E.current&&($(),S.current||(k.current=setTimeout(n,E.current),E.current=null,P.current=+new Date))},getLastIdleTime:function(){return w.current},getTotalIdleTime:t,getLastActiveTime:o,getTotalActiveTime:function(){return a()-t()},getElapsedTime:a,getRemainingTime:e}}m.propTypes={timeout:PropTypes.number,events:PropTypes.arrayOf(PropTypes.string),onIdle:PropTypes.func,onActive:PropTypes.func,onAction:PropTypes.func,debounce:PropTypes.number,throttle:PropTypes.number,eventsThrottle:PropTypes.number,element:PropTypes.oneOfType([PropTypes.object,PropTypes.element]),startOnMount:PropTypes.bool,stopOnIdle:PropTypes.bool,passive:PropTypes.bool,capture:PropTypes.bool},m.defaultProps={timeout:12e5,element:f,events:v,onIdle:function(){},onActive:function(){},onAction:function(){},debounce:0,throttle:0,eventsThrottle:200,startOnMount:!0,stopOnIdle:!1,capture:!0,passive:!0},g.propTypes={timeout:PropTypes.number,events:PropTypes.arrayOf(PropTypes.string),onIdle:PropTypes.func,onActive:PropTypes.func,onAction:PropTypes.func,debounce:PropTypes.number,throttle:PropTypes.number,eventsThrottle:PropTypes.number,element:PropTypes.oneOfType([PropTypes.object,PropTypes.element]),startOnMount:PropTypes.bool,stopOnIdle:PropTypes.bool,passive:PropTypes.bool,capture:PropTypes.bool},g.defaultProps={timeout:12e5,element:f,events:v,onIdle:function(){},onActive:function(){},onAction:function(){},debounce:0,throttle:0,eventsThrottle:200,startOnMount:!0,stopOnIdle:!1,capture:!0,passive:!0};var tinycolor$1={exports:{}},tinycolor=(!function(e){function u(e,t){if(t=t||{},(e=e||"")instanceof u)return e;if(!(this instanceof u))return new u(e,t);var n=function(e){var t={r:0,g:0,b:0},n=1,a=null,o=null,r=null,i=!1,s=!1;"string"==typeof e&&(e=function(e){e=e.replace(A,"").replace(T,"").toLowerCase();var t,n=!1;if(C[e])e=C[e],n=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=L.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=L.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=L.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=L.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=L.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=L.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=L.hex8.exec(e))return{r:m(t[1]),g:m(t[2]),b:m(t[3]),a:_(t[4]),format:n?"name":"hex8"};if(t=L.hex6.exec(e))return{r:m(t[1]),g:m(t[2]),b:m(t[3]),format:n?"name":"hex"};if(t=L.hex4.exec(e))return{r:m(t[1]+""+t[1]),g:m(t[2]+""+t[2]),b:m(t[3]+""+t[3]),a:_(t[4]+""+t[4]),format:n?"name":"hex8"};if(t=L.hex3.exec(e))return{r:m(t[1]+""+t[1]),g:m(t[2]+""+t[2]),b:m(t[3]+""+t[3]),format:n?"name":"hex"};return!1}(e));"object"==typeof e&&(I(e.r)&&I(e.g)&&I(e.b)?(t=function(e,t,n){return{r:255*f(e,255),g:255*f(t,255),b:255*f(n,255)}}(e.r,e.g,e.b),i=!0,s="%"===String(e.r).substr(-1)?"prgb":"rgb"):I(e.h)&&I(e.s)&&I(e.v)?(a=x(e.s),o=x(e.v),t=function(e,t,n){e=6*f(e,360),t=f(t,100),n=f(n,100);var a=y.floor(e),e=e-a,o=n*(1-t),r=n*(1-e*t),e=n*(1-(1-e)*t),t=a%6;return{r:255*[n,r,o,o,e,n][t],g:255*[e,n,n,r,o,o][t],b:255*[o,o,e,n,n,r][t]}}(e.h,a,o),i=!0,s="hsv"):I(e.h)&&I(e.s)&&I(e.l)&&(a=x(e.s),r=x(e.l),t=function(e,t,n){var a,o,r;function i(e,t,n){return n<0&&(n+=1),1<n&&--n,n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}e=f(e,360),t=f(t,100),n=f(n,100),0===t?a=o=r=n:(a=i(t=2*n-(n=n<.5?n*(1+t):n+t-n*t),n,e+1/3),o=i(t,n,e),r=i(t,n,e-1/3));return{r:255*a,g:255*o,b:255*r}}(e.h,a,r),i=!0,s="hsl"),e.hasOwnProperty("a")&&(n=e.a));return n=g(n),{ok:i,format:e.format||s,r:R(255,E(t.r,0)),g:R(255,E(t.g,0)),b:R(255,E(t.b,0)),a:n}}(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=S(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=S(this._r)),this._g<1&&(this._g=S(this._g)),this._b<1&&(this._b=S(this._b)),this._ok=n.ok,this._tc_id=j++}function a(e,t,n){e=f(e,255),t=f(t,255),n=f(n,255);var a,o=E(e,t,n),r=R(e,t,n),i=(o+r)/2;if(o==r)a=l=0;else{var s=o-r,l=.5<i?s/(2-o-r):s/(o+r);switch(o){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4}a/=6}return{h:a,s:l,l:i}}function o(e,t,n){e=f(e,255),t=f(t,255),n=f(n,255);var a,o=E(e,t,n),r=R(e,t,n),i=o,s=o-r,l=0===o?0:s/o;if(o==r)a=0;else{switch(o){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4}a/=6}return{h:a,s:l,v:i}}function t(e,t,n,a){e=[b(S(e).toString(16)),b(S(t).toString(16)),b(S(n).toString(16))];return a&&e[0].charAt(0)==e[0].charAt(1)&&e[1].charAt(0)==e[1].charAt(1)&&e[2].charAt(0)==e[2].charAt(1)?e[0].charAt(0)+e[1].charAt(0)+e[2].charAt(0):e.join("")}function r(e,t,n,a){return[b(v(a)),b(S(e).toString(16)),b(S(t).toString(16)),b(S(n).toString(16))].join("")}function n(e,t){t=0===t?0:t||10;e=u(e).toHsl();return e.s-=t/100,e.s=h(e.s),u(e)}function i(e,t){t=0===t?0:t||10;e=u(e).toHsl();return e.s+=t/100,e.s=h(e.s),u(e)}function s(e){return u(e).desaturate(100)}function l(e,t){t=0===t?0:t||10;e=u(e).toHsl();return e.l+=t/100,e.l=h(e.l),u(e)}function c(e,t){t=0===t?0:t||10;e=u(e).toRgb();return e.r=E(0,R(255,e.r-S(-t/100*255))),e.g=E(0,R(255,e.g-S(-t/100*255))),e.b=E(0,R(255,e.b-S(-t/100*255))),u(e)}function p(e,t){t=0===t?0:t||10;e=u(e).toHsl();return e.l-=t/100,e.l=h(e.l),u(e)}function d(e,t){e=u(e).toHsl(),t=(e.h+t)%360;return e.h=t<0?360+t:t,u(e)}function D(e){e=u(e).toHsl();return e.h=(e.h+180)%360,u(e)}function M(e){var t=u(e).toHsl(),n=t.h;return[u(e),u({h:(n+120)%360,s:t.s,l:t.l}),u({h:(n+240)%360,s:t.s,l:t.l})]}function $(e){var t=u(e).toHsl(),n=t.h;return[u(e),u({h:(n+90)%360,s:t.s,l:t.l}),u({h:(n+180)%360,s:t.s,l:t.l}),u({h:(n+270)%360,s:t.s,l:t.l})]}function B(e){var t=u(e).toHsl(),n=t.h;return[u(e),u({h:(n+72)%360,s:t.s,l:t.l}),u({h:(n+216)%360,s:t.s,l:t.l})]}function H(e,t,n){t=t||6,n=n||30;var a=u(e).toHsl(),o=360/n,r=[u(e)];for(a.h=(a.h-(o*t>>1)+720)%360;--t;)a.h=(a.h+o)%360,r.push(u(a));return r}function U(e,t){t=t||6;for(var e=u(e).toHsv(),n=e.h,a=e.s,o=e.v,r=[],i=1/t;t--;)r.push(u({h:n,s:a,v:o})),o=(o+i)%1;return r}function g(e){return e=parseFloat(e),e=isNaN(e)||e<0||1<e?1:e}function f(e,t){"string"==typeof(n=e)&&-1!=n.indexOf(".")&&1===parseFloat(n)&&(e="100%");var n="string"==typeof(n=e)&&-1!=n.indexOf("%");return e=R(t,E(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),y.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function h(e){return R(1,E(0,e))}function m(e){return parseInt(e,16)}function b(e){return 1==e.length?"0"+e:""+e}function x(e){return e=e<=1?100*e+"%":e}function v(e){return y.round(255*parseFloat(e)).toString(16)}function _(e){return m(e)/255}function I(e){return L.CSS_UNIT.exec(e)}var y,A,T,j,S,R,E,N,C,k,P,w,O,L;y=Math,A=/^\s+/,T=/\s+$/,j=0,S=y.round,R=y.min,E=y.max,N=y.random,u.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e=this.toRgb(),t=e.r/255,n=e.g/255,e=e.b/255,t=t<=.03928?t/12.92:y.pow((.055+t)/1.055,2.4),n=n<=.03928?n/12.92:y.pow((.055+n)/1.055,2.4),e=e<=.03928?e/12.92:y.pow((.055+e)/1.055,2.4);return.2126*t+.7152*n+.0722*e},setAlpha:function(e){return this._a=g(e),this._roundA=S(100*this._a)/100,this},toHsv:function(){var e=o(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=o(this._r,this._g,this._b),t=S(360*e.h),n=S(100*e.s),e=S(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+e+"%)":"hsva("+t+", "+n+"%, "+e+"%, "+this._roundA+")"},toHsl:function(){var e=a(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=a(this._r,this._g,this._b),t=S(360*e.h),n=S(100*e.s),e=S(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+e+"%)":"hsla("+t+", "+n+"%, "+e+"%, "+this._roundA+")"},toHex:function(e){return t(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){var t=this._r,n=this._g,a=this._b,o=this._a;return t=[b(S(t).toString(16)),b(S(n).toString(16)),b(S(a).toString(16)),b(v(o))],e&&t[0].charAt(0)==t[0].charAt(1)&&t[1].charAt(0)==t[1].charAt(1)&&t[2].charAt(0)==t[2].charAt(1)&&t[3].charAt(0)==t[3].charAt(1)?t[0].charAt(0)+t[1].charAt(0)+t[2].charAt(0)+t[3].charAt(0):t.join("")},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:S(this._r),g:S(this._g),b:S(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+S(this._r)+", "+S(this._g)+", "+S(this._b)+")":"rgba("+S(this._r)+", "+S(this._g)+", "+S(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:S(100*f(this._r,255))+"%",g:S(100*f(this._g,255))+"%",b:S(100*f(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+S(100*f(this._r,255))+"%, "+S(100*f(this._g,255))+"%, "+S(100*f(this._b,255))+"%)":"rgba("+S(100*f(this._r,255))+"%, "+S(100*f(this._g,255))+"%, "+S(100*f(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&k[t(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+r(this._r,this._g,this._b,this._a),n=t;return"progid:DXImageTransform.Microsoft.gradient("+(this._gradientType?"GradientType = 1, ":"")+"startColorstr="+t+",endColorstr="+(n=e?"#"+r((t=u(e))._r,t._g,t._b,t._a):n)+")"},toString:function(e){var t=!!e,n=(e=e||this._format,!1),a=this._a<1&&0<=this._a;return t||!a||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex4"===e&&(n=this.toHex8String(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),(n="hsv"===e?this.toHsvString():n)||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return u(this.toString())},_applyModification:function(e,t){e=e.apply(null,[this].concat([].slice.call(t)));return this._r=e._r,this._g=e._g,this._b=e._b,this.setAlpha(e._a),this},lighten:function(){return this._applyModification(l,arguments)},brighten:function(){return this._applyModification(c,arguments)},darken:function(){return this._applyModification(p,arguments)},desaturate:function(){return this._applyModification(n,arguments)},saturate:function(){return this._applyModification(i,arguments)},greyscale:function(){return this._applyModification(s,arguments)},spin:function(){return this._applyModification(d,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(H,arguments)},complement:function(){return this._applyCombination(D,arguments)},monochromatic:function(){return this._applyCombination(U,arguments)},splitcomplement:function(){return this._applyCombination(B,arguments)},triad:function(){return this._applyCombination(M,arguments)},tetrad:function(){return this._applyCombination($,arguments)}},u.fromRatio=function(e,t){if("object"==typeof e){var n,a={};for(n in e)e.hasOwnProperty(n)&&(a[n]="a"===n?e[n]:x(e[n]));e=a}return u(e,t)},u.equals=function(e,t){return!(!e||!t)&&u(e).toRgbString()==u(t).toRgbString()},u.random=function(){return u.fromRatio({r:N(),g:N(),b:N()})},u.mix=function(e,t,n){n=0===n?0:n||50;e=u(e).toRgb(),t=u(t).toRgb(),n/=100;return u({r:(t.r-e.r)*n+e.r,g:(t.g-e.g)*n+e.g,b:(t.b-e.b)*n+e.b,a:(t.a-e.a)*n+e.a})},u.readability=function(e,t){e=u(e),t=u(t);return(y.max(e.getLuminance(),t.getLuminance())+.05)/(y.min(e.getLuminance(),t.getLuminance())+.05)},u.isReadable=function(e,t,n){var a=u.readability(e,t),o=!1,e=function(e){var t;t=((e=e||{level:"AA",size:"small"}).level||"AA").toUpperCase(),e=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA");"small"!==e&&"large"!==e&&(e="small");return{level:t,size:e}}(n);switch(e.level+e.size){case"AAsmall":case"AAAlarge":o=4.5<=a;break;case"AAlarge":o=3<=a;break;case"AAAsmall":o=7<=a}return o},u.mostReadable=function(e,t,n){for(var a,o=null,r=0,i=(n=n||{}).includeFallbackColors,s=n.level,l=n.size,c=0;c<t.length;c++)r<(a=u.readability(e,t[c]))&&(r=a,o=u(t[c]));return u.isReadable(e,o,{level:s,size:l})||!i?o:(n.includeFallbackColors=!1,u.mostReadable(e,["#fff","#000"],n))},C=u.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},k=u.hexNames=function(e){var t,n={};for(t in e)e.hasOwnProperty(t)&&(n[e[t]]=t);return n}(C),w="[\\s|\\(]+("+(P="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+P+")[,|\\s]+("+P+")\\s*\\)?",O="[\\s|\\(]+("+P+")[,|\\s]+("+P+")[,|\\s]+("+P+")[,|\\s]+("+P+")\\s*\\)?",L={CSS_UNIT:new RegExp(P),rgb:new RegExp("rgb"+w),rgba:new RegExp("rgba"+O),hsl:new RegExp("hsl"+w),hsla:new RegExp("hsla"+O),hsv:new RegExp("hsv"+w),hsva:new RegExp("hsva"+O),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/},e.exports?e.exports=u:window.tinycolor=u}(tinycolor$1),tinycolor$1.exports);function __rest(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]]);return n}function __awaiter(e,i,s,l){return new(s=s||Promise)(function(n,t){function a(e){try{r(l.next(e))}catch(e){t(e)}}function o(e){try{r(l.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?n(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(a,o)}r((l=l.apply(e,i||[])).next())})}!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 useStyles$2=makeStyles()((e,{titleColor:t,logo:n,activeColor:a},o)=>({appBar:{top:0,left:0,right:0,display:"flex",position:"fixed",boxShadow:"none",borderBottom:"0.5px solid "+e.palette.divider,["& ."+o.logo]:{cursor:"pointer","& img":{width:"100%",height:"100%",objectFit:"scale-down",userSelect:"none"}},backgroundColor:e.palette.background.default},menuButton:{display:"flex",justifyContent:"center",alignItems:"center",padding:"0",marginLeft:e.spacing(5)},margin:{marginRight:e.spacing(.4),display:"flex",alignItems:"center"},barIcon:{padding:e.spacing(.8)},iconButton:{padding:0},hamburgerIcon:{padding:e.spacing(1.4),width:32,height:32,"-webkit-mask":`url("${img$1v}") no-repeat 50% 50%`,backgroundColor:t},appLogo:{display:"inline-block",width:150,height:32,backgroundImage:`url("${n}")`,backgroundRepeat:"no-repeat",backgroundPosition:"left center"},title:{fontStyle:"normal !important",fontWeight:600,fontSize:"18px !important",lineHeight:"22px !important",letterSpacing:"0.225px !important",mixBlendMode:"normal",textTransform:"uppercase",color:t+" important",whiteSpace:"nowrap","&:hover":{cursor:"pointer"}},content:{height:"100%",flexGrow:1,display:"flex",flexWrap:"nowrap",flexDirection:"row",alignItems:"center",padding:e.spacing(0,3.2),"& > div":{display:"flex",flexWrap:"nowrap",flexDirection:"row"},["& ."+o.left]:{justifyContent:"flex-start"},["& ."+o.right]:{justifyContent:"flex-end"},["& ."+o.searchBarHolder]:{flexGrow:1},["& ."+o.appLogo]:{userSelect:"none"},["& ."+o.controllers]:{display:"flex",alignItems:"center"}},iconGroup:{display:"flex",justifyContent:"space-between",alignItems:"center"},iconGroupIcon:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2)},rightActionLabel:{fontWeight:400,fontSize:14,lineHeight:"16px",textDecoration:"none",color:"white",cursor:"pointer",display:"block"},noSelect:{userSelect:"none"},active:{opacity:1},smallOrgAvatar:{width:"30px !important",height:"30px !important",fontSize:"16px !important"},passive:{opacity:.8},icon:{width:"40px !important",height:"40px !important",padding:0,backgroundPosition:"center",backgroundRepeat:"no-repeat"},logo:{},left:{},right:{},searchBarHolder:{},controllers:{},appIcon:{height:"32px",width:"32px",borderRadius:"50%",marginLeft:e.spacing(4.4),"&:hover":{cursor:"pointer"}},applicationIcon:{"-webkit-mask":`url("${img$_}") no-repeat 50% 50%`,backgroundColor:t,"&:hover":{backgroundColor:t}},veritoneLogo:{"-webkit-mask":`url("${img$1u}") no-repeat 50% 50%`,backgroundColor:t,"&:hover":{backgroundColor:t}},openPanel:{backgroundImage:`url("${img$19}") !important`},notificationIcon:{"-webkit-mask":`url("${img$2}") no-repeat 50% 50%`,backgroundColor:t,"&:hover":{backgroundColor:t}},dashboardIcon:{"-webkit-mask":`url("${img$4}") no-repeat 50% 50%`,backgroundColor:t,"&:hover":{backgroundColor:t}},openNotificationPanel:{backgroundImage:`url(${img$18}) !important`},orgIcon:{borderRadius:"50%",width:30,height:30,backgroundRepeat:"no-repeat",backgroundPosition:"center"},logoIcon:{"-webkit-mask":`url("${n}") no-repeat 50% 50%`,backgroundColor:t},helpIcon:{"-webkit-mask":`url("${img$3}") no-repeat 50% 50%`,backgroundColor:t,"&:hover":{backgroundColor:t}},openHelp:{backgroundImage:`url(${img$17}) !important`},orgButton:{padding:e.spacing(2)},panelActive:{borderRadius:"50%",backgroundColor:a},notificationBadge:{"& > span":{top:e.spacing(2),right:e.spacing(2)}},appBarSkeleton:{position:"absolute",zIndex:1005,height:55},marginRightSkeleton:{marginRight:e.spacing(4)},leftContainerSkeleton:{display:"flex",alignItems:"center",paddingLeft:e.spacing(5)}})),useStyles$1=makeStyles()((e,t,n)=>({popover:{marginTop:18,["& "+n.helpItemText]:{padding:e.spacing(0),fontSize:15},["& "+n.versionWrapper]:{padding:e.spacing(3.2,0),["& "+n.versionText]:{fontSize:12,color:"#757575"}}},helpItemText:{},versionWrapper:{},versionText:{},help:{},barIcon:{padding:e.spacing(.8)},icon:{width:"40px !important",height:"40px !important",padding:e.spacing(0),backgroundPosition:"center",backgroundRepeat:"no-repeat"},helpIcon:{"-webkit-mask":`url("${img$3}") no-repeat 50% 50%`,backgroundColor:e.palette.background.default,"&:hover":{backgroundColor:e.palette.background.default}},list:{backgroundColor:e.palette.background.default},popoverColor:{backgroundColor:e.palette.background.default}})),Help=({onOpen:t,onClose:e,helpDocLink:n,helpDocCallback:a,supportCallback:o,displaySupportChat:r})=>{var i=useStyles$1()["classes"];const[s,l]=react.exports.useState(null);const c=()=>{l(null),null!=e&&e()};var u=n||a,p=null==(p=window.config)?void 0:p.appVersion;return jsxRuntime.exports.jsxs("div",Object.assign({className:i.help},{children:[jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.KrqRIg",defaultMessage:"Help Center",description:"appbar tooltip: help-center button text"}),"aria-label":"help"},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({className:i.barIcon,onClick:e=>{l(e.currentTarget),null!=t&&t()},"data-veritone-element":"help-button","data-testid":"help-button","aria-label":"help",size:"large"},{children:jsxRuntime.exports.jsx("div",{className:classNames(i.icon,i.helpIcon)})}))})),jsxRuntime.exports.jsx(Popover,Object.assign({open:Boolean(s),anchorEl:s,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},onClose:c,className:i.popover,classes:{paper:i.popoverColor},disableScrollLock:!0},{children:jsxRuntime.exports.jsxs(List,Object.assign({disablePadding:!0,className:i.list},{children:[u&&jsxRuntime.exports.jsxs(ListItem,Object.assign({button:!0,onClick:()=>{c(),null!=a&&a(),n&&window.open(n,"_blank")},"data-veritone-element":"show-help-doc-button","data-testid":"show-help-doc-button"},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(default_1,{})}),jsxRuntime.exports.jsx(ListItemText,{primary:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.MSM3Vh",defaultMessage:"View Help Docs",description:"help tooltip: text for documentation"}),classes:{root:i.helpItemText}})]})),r&&jsxRuntime.exports.jsxs(ListItem,Object.assign({button:!0,onClick:()=>{null!=o&&o(),l(null)},"data-veritone-element":"open-support-chat-button","data-testid":"support-chat-button"},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(default_1$1,{})}),jsxRuntime.exports.jsx(ListItemText,{primary:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.8aLpuV",defaultMessage:"Support Center",description:"help tooltip: text for documentation"}),classes:{root:i.helpItemText}})]})),p&&jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx(ListItem,Object.assign({className:i.versionWrapper},{children:jsxRuntime.exports.jsx(ListItemText,{primary:p,classes:{primary:i.versionText}})}))]})]}))}))]}))},namespace="users",userSelector=e=>null==e?void 0:e.aiWareHeaderBar,rootSelector=e=>e,notificationStatusSelector=e=>null!=e&&e.osNotificationPanel?null==e?void 0:e.osNotificationPanel.status:"",useStyles=makeStyles()(e=>({title:{paddingTop:e.spacing(5.5)},contentText:{fontSize:14},dialogActions:{marginBottom:e.spacing(3),paddingRight:e.spacing(5)},signOutButton:{height:34,marginRight:e.spacing(1)},staySignedInButton:{height:34}})),LOGOUT_CALL_LIMIT=1;let logoutCallCounter=0;const RESET_IDLE_TIMER_CALL_LIMIT=1,MINUTES_BEFORE_SESSION_EXPIRATION=3;let timer;const SessionTimeout=e=>{const t=e["test"],n=useDispatch();e=useStyles().classes;const a=useSelector(isIdleSelector);var o=useSelector(userSelector$1);const r=useSelector(sessionTokenSelector),i=useSelector(loginUrlSelector),s=useSelector(callLogoutSelector),l=useSelector(clickedLogoutSelector),c=null==o?void 0:o.tokenExpiration,u=useSelector(callResetIdleTimerSelector);o=useSelector(sessionTimeoutSelector)||60;const p=useSelector(reloadPageSelector),d=useSelector(resetIdleTimerCallCounterSelector),[f,h]=react.exports.useState(t?5:60),[m,b]=react.exports.useState(new Date),[x,v]=react.exports.useState(),[_,I]=react.exports.useState(),[y,A]=react.exports.useState(!1),[T,j]=react.exports.useState(!1),S=react.exports.useCallback(e=>{n(postNotificationCommand({eventType:aiwareEvent,command:notificationCommands.setIsIdle,value:e,ephemeral:!0,contentType:"json"}))},[n]),R=(react.exports.useEffect(()=>{p&&window.location.replace("/")},[p]),react.exports.useCallback(e=>{n(postNotificationCommand({eventType:aiwareEvent,command:notificationCommands.setCallLogout,value:e,ephemeral:!0,contentType:"json"}))},[n])),E=react.exports.useCallback(e=>{n(postNotificationCommand({eventType:aiwareEvent,command:notificationCommands.setClickedLogout,value:e,ephemeral:!0,contentType:"json"}))},[n]),N=react.exports.useCallback(e=>{n(postNotificationCommand({eventType:aiwareEvent,command:notificationCommands.setCallResetIdleTimer,value:e,ephemeral:!0,contentType:"json"}))},[n]),C=react.exports.useCallback(()=>{logoutCallCounter++,R(!0);var e=l?500:5e3;n(logoutRequest({token:r})),setTimeout(()=>{window.location.href=i+"/#/?redirect="+window.location.href},t?2e3:e)},[R,n,r,i,l]);var k=react.exports.useCallback(()=>{logoutCallCounter++,S(!1),setTimeout(()=>{R(!0),E(!0),n(logoutRequest({token:r}))},500),setTimeout(()=>{window.location.href=i+"/#/?redirect="+window.location.href},500)},[R,n,r,i,E,S]),P=()=>{S(!0),timer=setInterval(()=>{h(e=>e-1)},1e3)},w=()=>{!a&&d<RESET_IDLE_TIMER_CALL_LIMIT&&N(!0)};const O=g(t?{timeout:1e3,onIdle:P,onAction:w,debounce:1e3}:{timeout:6e4*o,onIdle:P,onAction:w,debounce:o/4*6e4})["reset"],L=react.exports.useCallback(()=>{N(!1),O()},[N]),D=react.exports.useCallback(()=>{T&&(n(refreshTokenRequest({token:r})),j(!1)),S(!1),L(),clearInterval(timer),setTimeout(()=>{h(t?5:60)},500)},[S,L,T,n,r]);return react.exports.useEffect(()=>{setTimeout(()=>{b(new Date)},1e3)},[m]),react.exports.useEffect(()=>{if(c){const e=new Date(c);e.setMinutes(e.getMinutes()-MINUTES_BEFORE_SESSION_EXPIRATION),I(new Date(c)),v(e)}},[c]),react.exports.useEffect(()=>{_&&_.getTime()<m.getTime()&&A(!0),x&&x.getTime()<m.getTime()&&j(!0)},[_,x,m]),react.exports.useEffect(()=>{y?C():T&&S(!0)},[_,x,T,y,C,S]),react.exports.useEffect(()=>{s&&logoutCallCounter<LOGOUT_CALL_LIMIT&&C()},[s,C]),react.exports.useEffect(()=>{a&&0===f&&(clearInterval(timer),setTimeout(()=>{h(10)},500),C())},[f,C,a]),react.exports.useEffect(()=>{!a&&u&&d===RESET_IDLE_TIMER_CALL_LIMIT&&L()},[u,a,d,L]),react.exports.useEffect(()=>{a||D()},[a,D]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsxs(Dialog,Object.assign({open:a&&!l,"aria-labelledby":"session timeout dialog","aria-describedby":"session timeout dialog",disableEscapeKeyDown:!0,maxWidth:"xs","data-test":"session-timeout-dialog"},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({id:"session timeout dialog title",className:e.title},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.JEUssf",defaultMessage:"Session Timeout",description:"label session timeout dialog"})})),jsxRuntime.exports.jsx(DialogContent,{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({id:"session timeout dialog text",className:e.contentText},{children:s?l?null:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.l85HEz",defaultMessage:"You have been signed due to inactivity or due to your session being expired.",description:"signed out message"}):T?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.bDessH",defaultMessage:"Your session will expire soon. For your security, we'll automatically sign you out in {signOutTimer} seconds. Choose 'Stay Signed In' to continue or 'Sign Out' if you're done.",description:"label for idle warning expiring soon",values:{signOutTimer:f}}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.Ca6Qq0",defaultMessage:"You've been inactive for a while. For your security, we'll automatically sign you out in {signOutTimer} seconds. Choose 'Stay Signed In' to continue or 'Sign Out' if you're done.",description:"label for idle warning inactive for a while",values:{signOutTimer:f}})}))}),s?null:jsxRuntime.exports.jsxs(DialogActions,Object.assign({className:e.dialogActions},{children:[jsxRuntime.exports.jsx(Button,Object.assign({onClick:k,color:"primary",variant:"outlined",className:e.signOutButton,"data-test":"sign-out-button"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.jN92ox",defaultMessage:"Sign Out",description:"label for sign out button"})})),jsxRuntime.exports.jsx(Button,Object.assign({onClick:D,color:"primary",variant:"contained",className:e.staySignedInButton,"data-test":"stay-signed-in-button"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.WvKhS2",defaultMessage:"Stay Signed In",description:"label for stay signed in button"})}))]}))]}))})})},appBarHeight=55,defaultAppBarZIndex=0,VERITONE_PANEL_ID="VERITONE_PANEL_ID",ORGANIZATION_PANEL_ID="ORGANIZATION_PANEL_ID",NOTIFICATION_PANEL_ID="NOTIFICATION_PANEL_ID",APPLICATION_PANEL_ID="APPLICATION_PANEL_ID",HELP_PANEL_ID="HELP_PANEL_ID",NOTIFICATION_BADGE_MAX_COUNT=20,getUserInfo=({appIcon:e="",currentUser:t})=>({appIcon:e,currentUser:null!=t&&t.organization?t:void 0});function NewAppBar({isEnableOrgPanel:e,zIndex:t=defaultAppBarZIndex,leftNav:n,onClickAppbarMenu:a,logoSrc:o,backgroundColor:r,title:i,help:s,notification:l=!0,onClickOrgIcon:c,closeButton:u,onCloseSetting:p,onClose:d,onOpenSetting:g,onOpenHelpCenter:f,onOpenNotification:h,openSetting:m,organization:b={},panels:x=[],unseenCount:v,searchBarMountId:_,textColor:I,rightActions:y=[],applications:A=[],onClickAppSwitchIcon:T,displaySupportChat:j=!0,onDashboardClick:S,showDashboardIcon:R=!1}){var E=tinycolor(r).isDark(),I=I||(E?"#fff":"#000"),E=E?"rgba(255,255,255,0.1)":"rgb(243,245,249)";const N=useStyles$2({titleColor:I,logo:o,activeColor:E})["classes"],[C,k]=react.exports.useState([]);E=useSelector(userSelector)||{};const[P,w]=react.exports.useState(!0);var{appIcon:E,currentUser:O}=getUserInfo(E);return react.exports.useEffect(()=>{var e=x.map(e=>e.panelId);!e.length&&!C.length||isEqual(e,C)||k(e)},[x,C]),jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(SessionTimeout,{}),jsxRuntime.exports.jsx("div",{style:{height:appBarHeight}}),jsxRuntime.exports.jsxs("div",Object.assign({"data-test":"appbar",className:N.appBar,style:{height:appBarHeight,background:r,zIndex:t}},{children:[n&&jsxRuntime.exports.jsx("div",Object.assign({className:N.menuButton},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"app-bar-menu","data-testid":"app-bar-menu",className:N.iconButton,onClick:a,size:"large"},{children:jsxRuntime.exports.jsx("div",{className:classNames(N.icon,N.hamburgerIcon)})}))})),!!E&&""!==E&&jsxRuntime.exports.jsx("div",Object.assign({className:N.margin},{children:jsxRuntime.exports.jsx("img",{className:N.appIcon,src:E,alt:"appIcon"})})),jsxRuntime.exports.jsxs("div",Object.assign({className:N.content,style:{color:I}},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:classNames(N.left,N.noSelect),onClick:function(){window.location.href="/"},"data-test":"appbarTitle","data-testid":"appbarTitle"},{children:o?jsxRuntime.exports.jsx("span",{className:N.appLogo}):jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h1",className:N.title},{children:i}))})),jsxRuntime.exports.jsx("div",{"data-test":"appbarSearch",id:_||"search-bar-id",className:N.searchBarHolder}),jsxRuntime.exports.jsx("div",Object.assign({className:N.right},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:N.controllers},{children:[0<y.length&&jsxRuntime.exports.jsx("div",Object.assign({className:classNames(N.iconGroup,N.noSelect)},{children:y.map(({label:e,onClick:t,isActive:n=!0},a)=>jsxRuntime.exports.jsx("div",Object.assign({className:N.iconGroupIcon},{children:jsxRuntime.exports.jsx("span",{onClick:e=>t?t(e):null,className:classNames(N.rightActionLabel,n?N.active:N.passive),dangerouslySetInnerHTML:{__html:e}})}),"label-"+a))})),R&&jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.dashboard-button",defaultMessage:"aiWARE Dashboard",description:"aiWARE Dashboard label"}),"aria-label":"dashboard"},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"app-bar-dashboard-button",className:N.barIcon,onClick:S,size:"large"},{children:jsxRuntime.exports.jsx("div",{className:classNames(N.icon,N.dashboardIcon)})}))})),s&&jsxRuntime.exports.jsx("div",Object.assign({"data-test":"app-bar-help-container","data-testid":"app-bar-help-container",className:classNames(N.margin,{[N.panelActive]:C.includes(HELP_PANEL_ID)})},{children:jsxRuntime.exports.jsx(Help,{tooltipTitle:"",helpDocLabel:"View Help Docs",supportLabel:"Support Center",helpDocCallback:()=>{null!=f&&f()},supportCallback:p,titleColor:I,displaySupportChat:j})})),l&&jsxRuntime.exports.jsx("div",Object.assign({className:classNames(N.margin,{[N.panelActive]:C.includes(NOTIFICATION_PANEL_ID)})},{children:jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.KFXxNr",defaultMessage:"Notifications",description:"appbar tooltip: notification button text"}),"aria-label":"notifications"},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({className:N.barIcon,onClick:h,"data-test":"app-bar-notification-button",size:"large","data-testid":"app-bar-notification-button"},{children:jsxRuntime.exports.jsx(Badge,Object.assign({badgeContent:v,max:NOTIFICATION_BADGE_MAX_COUNT,color:"primary","data-test":"app-bar-notification-badge",className:N.notificationBadge},{children:jsxRuntime.exports.jsx("div",{className:classNames(N.icon,N.notificationIcon,{[N.openNotificationPanel]:null==m?void 0:m.openNotificationPanel})})}))}))}))})),1<A.length&&jsxRuntime.exports.jsx("div",Object.assign({className:classNames({[N.panelActive]:C.includes(APPLICATION_PANEL_ID)})},{children:jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.3v499g",defaultMessage:"Applications",description:"applications tooltip: text for applications button"}),"aria-label":"applications"},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"app-bar-switch-app-button",className:N.barIcon,onClick:T,size:"large"},{children:jsxRuntime.exports.jsx("div",{className:classNames(N.icon,N.applicationIcon,{[N.openPanel]:null==m?void 0:m.openAppSwitchPanel})})}))}))})),(b.imageUrl||b.name)&&e&&jsxRuntime.exports.jsx("div",Object.assign({className:classNames(N.margin,{[N.panelActive]:C.includes(ORGANIZATION_PANEL_ID)})},{children:jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.7qOwBg",defaultMessage:"Organization",description:"organization tooltip: text for documentation"}),"aria-label":"organization"},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"app-bar-org-button",className:N.barIcon+" "+N.orgButton,onClick:c,size:"large"},{children:b.imageUrl&&P?jsxRuntime.exports.jsx("img",{src:b.imageUrl,className:classNames(N.orgIcon),onError:function(){w(!1)},alt:"org_icon"}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:N.smallOrgAvatar,variant:"circular","data-testid":"app-bar-avatar"},{children:getSortName(b.name||"")}))}))}))})),O&&jsxRuntime.exports.jsx("div",Object.assign({className:classNames({[N.panelActive]:C.includes(VERITONE_PANEL_ID)})},{children:jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.eOxvvM",defaultMessage:"Utilities",description:"utilities tooltip: text for documentation"}),"aria-label":"utilities"},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"app-bar-setting-button","data-testid":"app-bar-setting-button",className:N.barIcon,onClick:g,size:"large"},{children:jsxRuntime.exports.jsx("div",{className:classNames(N.icon,N.veritoneLogo,{[N.openPanel]:null==m?void 0:m.openVeritonePanel})})}))}))})),u&&d&&jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({onClick:d,"data-test":"app-bar-close-button",size:"large","data-testid":"app-bar-close-button"},{children:jsxRuntime.exports.jsx(default_1$2,{htmlColor:I})}))}))})]}))}))]}))]}))]})}const GET_CURRENT_USER=`os-app-bar/${namespace}/get current user`,GET_CURRENT_USER_SUCCESS=`os-app-bar/${namespace}/get current user success`,GET_CURRENT_USER_FAIL=`os-app-bar/${namespace}/get current user fail`,GET_CURRENT_APP_ICON=`os-app-bar/${namespace}/get current app icon`,GET_CURRENT_APP_ICON_SUCCESS=`os-app-bar/${namespace}/get app icon success`,getCurrentUser=()=>({type:GET_CURRENT_USER}),getCurrentUserSuccess=e=>({type:GET_CURRENT_USER_SUCCESS,payload:e}),getCurrentAppIcon=({applicationId:e})=>({type:GET_CURRENT_APP_ICON,payload:{applicationId:e}}),getCurrentAppIconSuccess=e=>({type:GET_CURRENT_APP_ICON_SUCCESS,payload:e}),initialState={currentUser:{},fetched:!1,fetching:!1,error:!1};function userReducer(e,t){if(void 0===e)return initialState;switch(t.type){case GET_CURRENT_USER_FAIL:return Object.assign(Object.assign({},e),{fetching:!1,fetched:!0,error:!0});case GET_CURRENT_USER_SUCCESS:return Object.assign(Object.assign({},e),{currentUser:t.payload,fetching:!1,fetched:!0,error:!1});case GET_CURRENT_APP_ICON_SUCCESS:return Object.assign(Object.assign({},e),{appIcon:t.payload});default:return e}}const nameSpace="aiWareHeaderBar",BOOTING="aiware-header-bar/booting",BOOTED="aiware-header-bar/booted",getApplicationInfo=(t,n,a)=>__awaiter(void 0,void 0,void 0,function*(){var e=`
+    query {
+      application(id:"${t}"){
+        iconUrl
+      }
+    }
+  `;try{return yield baseGraphQLApi({query:e,graphEndpoint:n,token:a})}catch(e){console.error(e)}}),getCurrentUserApi=(e,t)=>__awaiter(void 0,void 0,void 0,function*(){try{return yield baseGraphQLApi({query:`{
+      myRights{
+        operations
+      }
+      me {
+        id
+        organization{
+          id
+          imageUrl
+          name
+        }
+      }
+    }
+  `,graphEndpoint:e,token:t})}catch(e){return{success:!1}}});function*getCurrentUserSaga(){var e=yield select(graphEndpointSelector),t=yield select(sessionTokenSelector),e=yield call(getCurrentUserApi,e,t);null!=e&&e.errors&&0<(null==e?void 0:e.errors.length)&&(null==(t=e.errors[0].path)||!t.includes("userSettings"))?console.error("getCurrentUser error"):(t=Object.assign(Object.assign({},null==(t=null==e?void 0:e.data)?void 0:t.me),{organizationRole:{organizationId:get(e,"data.me.organization.id","")},organization:Object.assign({},null==(e=null==(t=null==e?void 0:e.data)?void 0:t.me)?void 0:e.organization)}),yield put(getCurrentUserSuccess(t)))}function*getCurrentApplicationInfoSaga(e){var t=yield select(graphEndpointSelector),n=yield select(sessionTokenSelector),e=e.payload["applicationId"],e=yield call(getApplicationInfo,e,t,n);null!=e&&e.errors&&0<(null==e?void 0:e.errors.length)?console.error("getCurrentApplicationInfo error"):yield put(getCurrentAppIconSuccess(null==(n=null==(t=null==e?void 0:e.data)?void 0:t.application)?void 0:n.iconUrl))}function*userSaga(){yield all([takeEvery$1(GET_CURRENT_USER,getCurrentUserSaga)]),yield all([takeEvery$1(GET_CURRENT_APP_ICON,getCurrentApplicationInfoSaga)])}function*bootFunction(){yield take(BOOTED)}function*booting(){yield takeEvery$1(BOOTING,bootFunction)}function*logoutListener(e){const t=e.payload;for(;;)yield take(logout),t?null!==t&&void 0!==t&&t():yield put(logoutUser())}function*notificationActionClickedSaga(e){const t=e.payload;yield takeEvery$1(onNotificationActionClicked,function*(e){t&&(yield call(t,e.payload))})}function*handleAppSwitchListenerSetup(e){const t=e.payload;yield takeEvery$1(appSwitcherHandleClick,function*(e){e=e.payload;t?t(e):yield put(appSwitcherHandleClickAppNatively(e))})}function*rootSaga(){yield all([fork(userSaga),fork(booting),takeLatest$1(listenLogout,logoutListener),takeLatest$1(appSwitcherSetupListener,handleAppSwitchListenerSetup),takeLatest$1(initNotificationAction,notificationActionClickedSaga)])}function getAppbarModule(){return{id:"os-app-bar",reducerMap:{[nameSpace]:userReducer},sagas:[rootSaga],initialActions:[]}}function App(e){var{onLogout:t,onClickNotificationAction:n,onAppSwitch:a,onClickOrgIcon:o,showNotifications:r,applicationId:i,searchBarMountId:s}=e,e=__rest(e,["onLogout","onClickNotificationAction","onAppSwitch","onShowSettingPanel","onClickOrgIcon","onClickHelpIcon","showNotifications","applicationId","searchBarMountId"]);const l=useDispatch(),[c,u]=react.exports.useState(!1),[p,d]=react.exports.useState(!1),[g,f]=react.exports.useState(!1),[h,m]=react.exports.useState(!1),[b,x]=react.exports.useState(!1);var v=(useSelector(userSelector)||{})["currentUser"];const{panels:_=[]}=useSelector(rootSelector);var I=useSelector(unseenNotificationSelector);const y=useSelector(notificationStatusSelector);var A=useSelector(betaFeaturesSelector),v=(v||{})["organization"];const T=useSelector(authSelector)["user"];var{application:j=[]}=useSelector(applicationSelector)||{};const[S,R]=react.exports.useState(!1);function E(){u(!1),f(!1),m(!1),d(!1),x(!1)}function N(){null!==_&&void 0!==_&&_.forEach(e=>{l(hidePanel(e.panelId))})}return react.exports.useEffect(()=>{var e,t=window.location["search"];"?panel=invite-requests"!==t||S||(R(!0),t={name:"INVITE_REQUESTS_PANEL",config:{name:"Invite Requests"}},e={type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"medium",zIndex:1001,parentPanelId:null,dimmed:0,dimmedStatus:"dimParent",header:{title:"INVITE REQUESTS"}},l(mountPanel({panelId:"INVITE_REQUESTS_PANEL",microFrontend:t,panelConfig:e})))},[]),react.exports.useEffect(()=>{"success"===y&&l(markAllNotificationsSeenRequest())},[y,l]),react.exports.useEffect(()=>{l(getCurrentUser()),i&&l(getCurrentAppIcon({applicationId:i}))},[l,i]),react.exports.useEffect(()=>{l({type:listenLogout().type,payload:t})},[l,t]),react.exports.useEffect(()=>{n&&l(initNotificationAction(n))},[l,n]),react.exports.useEffect(()=>{l({type:appSwitcherSetupListener().type,payload:a})},[l,a]),react.exports.useEffect(()=>{_&&0!==_.length||E()},[_]),jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppbarModule(),getAppbarPanelModule(),getNotificationModule(),getEventsModule()]},{children:jsxRuntime.exports.jsx("div",Object.assign({className:"App",id:"aiware-app-bar","data-testid":"aiware-app-bar"},{children:jsxRuntime.exports.jsx(NewAppBar,Object.assign({isEnableOrgPanel:!1,onCloseSetting:function(){},onOpenSetting:function(){var e,t;c?(u(!1),N()):(E(),u(!0),N(),e={name:"APP_BAR_PANEL",config:{name:"Veritone",dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE"}},t={panelId:VERITONE_PANEL_ID,type:"TAB_TEMPLATE",marginTop:55,withTab:!0,width:80,zIndex:1003,userRoles:null===T||void 0===T?void 0:T.roles,header:{divider:!0,title:""},footer:{logo:!0},size:"xlarge",fullScreen:!1},l(mountPanel({panelId:VERITONE_PANEL_ID,microFrontend:e,panelConfig:t})))},onOpenHelpCenter:function(){var e,t;p?(d(!1),N()):(E(),N(),d(!0),e={name:"HELP_PANEL",config:{name:"Help panel",dataId:"helpDataId",type:"SIMPLE_PANEL"}},t={panelId:HELP_PANEL_ID,type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,size:"large",header:{divider:!0,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.headerTitle.helpCenter",defaultMessage:"Help Center",description:"The header title for the help center."}),actions:[{iconUrl:img$O,action:{type:"OPEN_HELP_LINK"}}]}},l(mountPanel({panelId:HELP_PANEL_ID,microFrontend:e,panelConfig:t})))},onOpenNotification:function(){var e,t;null!=r&&r(),b?(x(!1),N()):(E(),N(),x(!0),e={name:"NOTIFICATION_PANEL",config:{name:"Notification Panel",dataId:"notificationDataId",type:"APP_BAR_PANEL_TEMPLATE"}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,width:413,header:{divider:!0,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.panel.notifications",defaultMessage:"Notifications Center",description:"Title of the notifications center panel"}),actions:[]}},l(mountPanel({panelId:NOTIFICATION_PANEL_ID,microFrontend:e,panelConfig:t})))},onDashboardClick:function(){console.log("HANDLE DASHBOARD CLICK!")},organization:v,onClickOrgIcon:function(){var e,t;null!=o&&o(),h?(m(!1),N()):(E(),N(),m(!0),e={name:"ORGANIZATION_PANEL",config:{name:"Veritone",tabId:TabId.ORGANIZATION_PANEL,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE"}},t={panelId:ORGANIZATION_PANEL_ID,type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,width:420,header:{divider:!0,title:"ORGANIZATIONS"}},l(mountPanel({panelId:ORGANIZATION_PANEL_ID,microFrontend:e,panelConfig:t})))},panels:_,searchBarMountId:s,openSetting:{openHelpPanel:!1,openNotificationPanel:!1,openAppSwitchPanel:!1,openOrgSwitchPanel:!1,openVeritonePanel:!1},unseenCount:I,onClickAppSwitchIcon:function(){var e,t;g?(f(!1),N()):(E(),N(),f(!0),e={name:"APP_BAR_PANEL",config:{name:"APP_BAR_PANEL",tabId:TabId.APP_PANEL,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE"}},t={panelId:APPLICATION_PANEL_ID,type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,width:420,header:{divider:!0,title:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-bar.header.panelTitle",defaultMessage:"Applications",description:"Title of applications panel list"})}},l(mountPanel({panelId:APPLICATION_PANEL_ID,microFrontend:e,panelConfig:t})))},applications:j,showDashboardIcon:A},e))}))}))})})}const headerBarSelector=e=>null==e?void 0:e.aiWareHeaderBar;export{App as AppBar,App as HeaderBar,userReducer as headerBarReducer,headerBarSelector,nameSpace};