aiware-js 2.16.1 → 2.18.0

package/js-core.esm30.js

@@ -1 +1,14 @@
-import{m as makeStyles,e$ as img$J,j as jsxRuntime,F as FormattedMessage,f0 as img$I,f1 as img$1r,f2 as img$1q,f3 as img$1p,f4 as img$G,f5 as img$1s,f6 as img$F,D as createAction,E as createReducer,i as useDispatch,r as react,k as useSelector,eJ as authSelector,K as lib,bv as getAuthModule,A as AIWareIntlProvider,Z as List,B as Box$1,$ as ListItem,eP as ListItemAvatar,bN as Avatar,a1 as ListItemText,T as Typography$1,a2 as all,dw as takeEvery$1}from"./js-core.esm.js";!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}(),makeStyles()(e=>({headerItemContainer:{display:"flex"},itemLabel:{fontWeight:600,color:"#2A323C",marginRight:8}})),makeStyles()(e=>({infoBox:{borderBottom:"0.5px solid #D5DFE9",paddingTop:e.spacing(4),paddingBottom:e.spacing(4),paddingLeft:e.spacing(),display:"flex"},squareBox:{width:150,height:150,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:e.spacing(2)},appInfo:{marginBottom:e.spacing(3)},avatarGird:{display:"flex",alignItems:"center"},avatar:{border:"10px solid #D5DFE9",background:"#F2F5F9",padding:e.spacing(3.4),width:"unset",height:"unset"},appName:{fontWeight:500,fontSize:22,color:"#335B89",lineHeight:"28px"},version:{fontSize:10,color:"#2A323C",lineHeight:"14px"},versionTitle:{fontWeight:600,color:"#2A323C"},appInfoDetail:{marginBottom:e.spacing(3)},buttonSU:{textTransform:"initial",fontWeight:400,fontSize:"10px",padding:e.spacing(.2,2),borderRadius:"2px"}}));const useStyles$1=makeStyles()((e,{backgroundColor:t})=>({boxItem:{display:"flex",padding:0,height:70,borderBottom:"1px solid "+e.palette.divider},avatarContainer:{background:t,width:40,height:40,borderRadius:"50%"},avatar:{width:"40px !important",height:"40px !important",fontSize:"14px !important",margin:"auto !important",marginRight:e.spacing(2.4)+" !important"},avatarIcon:{width:16,height:"auto"},listItemText:{fontSize:"14px!important",lineHeight:"19px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:500,textTransform:"capitalize",color:"#2A323C"},descriptionItemText:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"12px !important",color:e.palette.secondary.main,lineHeight:"16px"}}));function CustomListItem({item:e,onClick:t}){var s,i=useStyles$1({backgroundColor:e.backgroundColor})["classes"];return jsxRuntime.exports.jsxs(ListItem,Object.assign({button:!0,className:i.boxItem,onClick:(s=e.key,()=>{null!=t&&t(s)}),"data-test":"toggle-"+e.key,"data-testid":"toggle-"+e.key},{children:[jsxRuntime.exports.jsx(ListItemAvatar,{children:jsxRuntime.exports.jsx("div",Object.assign({className:i.avatarContainer},{children:jsxRuntime.exports.jsx(Avatar,{src:e.icon,className:i.avatar,classes:{img:i.avatarIcon}})}))}),jsxRuntime.exports.jsx(ListItemText,{primary:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body2",className:i.listItemText},{children:e.label})),secondary:jsxRuntime.exports.jsx(Typography$1,Object.assign({color:"textSecondary",variant:"body2",className:i.descriptionItemText},{children:e.description})),className:i.listItemText})]}))}const adminSettingListItem=[{key:"profile",icon:img$J,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.profile",defaultMessage:"Profile",description:"The label of org info profile label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.profileDescription",defaultMessage:"View and edit organization info",description:"The description of org info profile label"}),backgroundColor:"#E8F7FF",roles:["superadmin","admin"]},{key:"users",icon:img$I,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.user",defaultMessage:"User",description:"The label of org info user label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.userDescription",defaultMessage:"View and edit all client users",description:"The description of org info user label"}),backgroundColor:"#E9FFF1",roles:["superadmin","admin"]},{key:"organizations",icon:img$1r,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.orgs",defaultMessage:"Organizations",description:"The label of org info organizations label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.orgsDescription",defaultMessage:"View and add new organizations",description:"The description of org info organizations description"}),backgroundColor:"#FFF7E2",roles:["superadmin"]},{key:"applications",icon:img$1q,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.apps",defaultMessage:"Applications",description:"The label of org info applications label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.appsDescription",defaultMessage:"View and edit all clients applications",description:"The description of org info apps description"}),backgroundColor:"#F6EDFF",roles:["superadmin"]},{key:"engines",icon:img$1p,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.engines",defaultMessage:"Engines",description:"The label of org info engines label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.enginesDescription",defaultMessage:"Manage and edit all client engines",description:"The description of org info engines description"}),backgroundColor:"#FFECE1",roles:["superadmin"]},{key:"edge/overview",icon:img$G,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.overview",defaultMessage:"Overview",description:"The label of org info overview label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.overviewDescription",defaultMessage:"Administrative view of Edge Ecosystem",description:"The description of org info Edge Ecosystem description"}),backgroundColor:"#FFE8E8",roles:["superadmin","admin"]},{key:"aiware",icon:img$1s,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.edge",defaultMessage:"aiWARE Edge",description:"The label of org info aiware edge label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.edgeDescription",defaultMessage:"Add and configure software settings",description:"The description of org info aiware edge description"}),backgroundColor:"#EDFBFF",roles:["superadmin","admin"]},{key:"config",icon:img$F,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.configuration",defaultMessage:"Configuration",description:"The label of org info configuration label"}),description:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-setting-preference-panel.configurationDescription",defaultMessage:"View and edit all system settings",description:"The description of org info configuration description"}),backgroundColor:"#ECF1FF",roles:["superadmin"]}],GET_SETTING_CONFIGURATION="os-setting-panel/GET_SETTING_CONFIGURATION",GET_SETTING_CONFIGURATION_START="os-setting-panel/GET_SETTING_CONFIGURATION_START",GET_SETTING_CONFIGURATION_SUCCESS="os-setting-panel/GET_SETTING_CONFIGURATION_SUCCESS",GET_SETTING_CONFIGURATION_ERROR="os-setting-panel/GET_SETTING_CONFIGURATION_ERROR",getPreferenceSetting=createAction(GET_SETTING_CONFIGURATION),getPreferenceSettingStart=createAction(GET_SETTING_CONFIGURATION_START),getPreferenceSettingSuccess=createAction(GET_SETTING_CONFIGURATION_SUCCESS,function(e){return{payload:e}}),getPreferenceSettingError=createAction(GET_SETTING_CONFIGURATION_ERROR,function(e){return{payload:e}}),initialState={status:"idle",failureMessage:"",settings:{version:"3.1.1.0193903a",environment:"US AWS Production",edgeClusters:20,processors:3121,storage:65200}},settingReducer=createReducer(initialState,e=>{e.addCase(getPreferenceSettingStart,e=>Object.assign(Object.assign({},e),{status:"loading"})).addCase(getPreferenceSettingSuccess,(e,t)=>Object.assign(Object.assign({},e),{status:"success",settings:t.payload})).addCase(getPreferenceSettingError,(e,t)=>Object.assign(Object.assign({},e),{failureMessage:t.payload,status:"failure"}))}),namespace="settingPreferencePanel",settingSelector=e=>(null==e?void 0:e[namespace])||{};function*getPreferenceSettingSaga(){}function*settingSaga(){yield all([takeEvery$1(getPreferenceSetting().type,getPreferenceSettingSaga)])}function getSettingModule(){return{id:"os-setting-panel",reducerMap:{[namespace]:settingReducer},sagas:[settingSaga],initialActions:[]}}const useStyles=makeStyles()(e=>({root:{overflowX:"hidden",overflowY:"auto",height:"100%"},listMenuBox:{padding:e.spacing(5,7,4,6)},listContainer:{padding:0},listAccounts:{}})),enableApplicationInfo=!1,SettingsPreferencesPanel=()=>{var e=useStyles()["classes"];const t=useDispatch(),[s,i]=react.exports.useState([]),n=(useSelector(settingSelector),useSelector(e=>e.configs))["config"],a=useSelector(authSelector)["user"],o=(react.exports.useEffect(()=>{t(getPreferenceSetting())},[t]),react.exports.useCallback(e=>{var t=n["adminAppUrl"];const{roles:s,organization:{organizationId:i}}=a;s.includes("superadmin")?window.open(t+"/"+e):window.open(t+`/organizations/${i}/`+e)},[a,n]));return react.exports.useEffect(()=>{const e=a["roles"];var t;null!==e&&void 0!==e&&e.includes("superadmin")?(t=adminSettingListItem.filter(e=>e.roles.includes("superadmin")),i(t)):(t=adminSettingListItem.filter(e=>e.roles.includes("admin")),i(t))},[a]),jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getSettingModule(),getAuthModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsxs("div",Object.assign({className:e.root,"data-testid":"setting-preference-panel"},{children:[enableApplicationInfo,jsxRuntime.exports.jsx("div",Object.assign({className:e.listMenuBox},{children:jsxRuntime.exports.jsx(List,Object.assign({className:e.listContainer},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({className:e.listAccounts},{children:s.map(e=>jsxRuntime.exports.jsx(react.exports.Fragment,{children:jsxRuntime.exports.jsx(CustomListItem,{item:e,onClick:o})},e.key))}))}))}))]}))})}))};export{SettingsPreferencesPanel};
+import{m as makeStyles,er as keyframes,d0 as createTheme,es as TabId,j as jsxRuntime,F as FormattedMessage,et as PersonalProfile,eu as Organizations,cq as mountPanel,ev as DataCenter,ew as FlowCenter2,ex as DeveloperCenter,ey as Marketplace,ez as LibraryCenter,eA as AdminCenter,i as useDispatch,r as react,k as useSelector,c as Paper,T as Typography$1,a9 as IconButton,at as Button$1,eh as hidePanel,eB as img$P,a$ as img$Q,a7 as Divider,cg as AIWareThemeProvider,A as AIWareIntlProvider,K as lib,eg as Slide,cn as unmountPanel,B as Box$1,a8 as Tooltip,eC as img$1,bQ as StyledEngineProvider,bR as ThemeProvider,eD as img$w,eE as userSelector,x as classnames,d4 as takeEvery$1,eF as enableBetaFeatures,eG as Badge,ai as select,ah as put,eH as openLinkOnNewTab}from"./js-core.esm.js";import{organizationSelectors as organizations_selector,selectApiConfigs,isAdminUser,organizationInviteApi as organizationInvites_api}from"./js-core.esm31.js";import{L as LinearProgress}from"./js-core.esm32.js";import"./js-core.esm6.js";import"./js-core.esm9.js";import"./js-core.esm10.js";import"./js-core.esm33.js";import"./js-core.esm11.js";import"./js-core.esm26.js";function __awaiter(e,o,r,l){return new(r=r||Promise)(function(n,t){function a(e){try{i(l.next(e))}catch(e){t(e)}}function s(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?n(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,s)}i((l=l.apply(e,o||[])).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()(()=>({iconButton:{padding:0,width:38,height:38,borderRadius:"50%","& svg":{fontSize:26},"&:hover":{background:"rgba(228, 240, 252, 0.4)"}},selected:{background:"rgba(228, 240, 252, 0.8)",color:"#0C53B0","& svg, & path":{fill:"#0C53B0"},"&:hover":{background:"rgba(228, 240, 252, 0.8)"}},tabIcon:{display:"flex",justifyContent:"center",alignItems:"center"},img:{maxWidth:30,maxHeight:30}}));function TabIcon({id:e,selected:t=!1,icon:n,onTabIconClick:a,iconComponent:s}){var i=useStyles$2()["classes"];const[o,r]=react.exports.useState(0),[l,c]=react.exports.useState(0),[d,p]=react.exports.useState(!1),m=makeStyles()(()=>({viewRequestsBadge:{"& .Sdk-MuiBadge-badge":{fontFamily:"Nunito",backgroundColor:"#D43060",color:"#fff",zIndex:"unset"}}})),x=m()["classes"],u=useSelector(userSelector);var g=useSelector(organizations_selector.selectOrganizationInvites)||[],j=useSelector(organizations_selector.selectPendingOrgInvites)||[];const b=useSelector(selectApiConfigs),f=()=>__awaiter(this,void 0,void 0,function*(){var e;u&&(isAdminUser(u.roles)&&(e=null==(e=null===u||void 0===u?void 0:u.organization)?void 0:e.organizationId,e=yield organizationInvites_api.fetchPendingOrganizationInvites(e,b),r(e.length)),e=yield organizationInvites_api.fetchOrganizationInvites(b),c(e.length))});"ORGANIZATION_PANEL"!==e||d||(p(!0),__awaiter(this,void 0,void 0,function*(){try{yield f()}catch(e){console.log(e)}})),react.exports.useEffect(()=>{"ORGANIZATION_PANEL"===e&&f()},[g,j]);return jsxRuntime.exports.jsx("div",Object.assign({className:i.tabIcon},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disableRipple:!0,className:classnames(i.iconButton,{[i.selected]:t}),onClick:function(){a(e)},"data-test-id":"dt-button-tab-icon-"+e,"data-test":"dt-button-tab-icon",size:"large"},{children:s?(g=s,o+l?jsxRuntime.exports.jsx(Badge,Object.assign({badgeContent:o+l,className:x.viewRequestsBadge},{children:g})):g):jsxRuntime.exports.jsx("img",{className:i.img,src:n,draggable:"false",alt:""})}))}))}const useStyles$1=makeStyles()(e=>({tabsContainer:{width:"100%",textAlign:"center",flex:1},menuTabIcon:{paddingBottom:e.spacing(1.6)},flowIcon:{width:50,height:50,color:e.palette.secondary.main}}));function Tabs({selectedId:e,onChangeTab:t,tabsList:n=[],roles:o}){const r=useStyles$1()["classes"],[l,a]=react.exports.useState(e),{adminShortcut:c=!0,betaFeatures:d}=useSelector(e=>e.configs.initConfig),p=window.location.hostname.split(".")[0];function m(e){a(e),t(e)}return react.exports.useEffect(()=>{e!==l&&a(e)},[e,l]),jsxRuntime.exports.jsx(Box$1,Object.assign({className:r.tabsContainer},{children:n.map((e,t)=>{var{id:e,icon:n,role:a,label:s,iconComponent:i}=e,s=jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s,placement:"left"},{children:jsxRuntime.exports.jsx(Box$1,Object.assign({className:r.menuTabIcon},{children:jsxRuntime.exports.jsx(TabIcon,{selected:e===l,icon:n,iconComponent:i,onTabIconClick:m,id:e,"data-test":"TabIcon-data-test"+e})}),e)}),e);if(a&&o.includes(a)||!a){if(t<2)return s;if(e===TabId.DATA_CENTER)return s;if(e===TabId.FLOW_CENTER)return p.toLocaleLowerCase().includes("automate")?null:s;if(e===TabId.ADMIN_SHORTCUT&&c&&d)return s;if(e===TabId.SETTING_PREFERENCE_PANEL&&d)return p.toLocaleLowerCase().includes("admin")?null:s;if([TabId.MARKETPLACE_CENTER,TabId.LIBRARY_CENTER,TabId.ENGINE_CENTER].includes(e))return d?s:null}return null})}))}function*openAppUrlByShortcut(e){var{cmsAppUrl:t,adminAppUrl:n}=yield select(e=>e.configs.config);switch(e.payload){case"cms":yield put(openLinkOnNewTab({url:t}));break;case"admin":yield put(openLinkOnNewTab({url:n}))}}function*getPanelSaga(){yield takeEvery$1("panels/OPEN_APP_SHORTCUT",openAppUrlByShortcut)}function getPanelModule(){return{id:"os-panel",reducerMap:{panel:{}},sagas:[getPanelSaga],initialActions:[]}}let _=e=>e,_t;const fadeInOut=keyframes(_t=_t||_`
+  0% {
+    opacity: 0;
+  }
+  10% {
+    opacity: 1;
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+`),useStyles=makeStyles()(()=>({fullScreen:{position:"fixed",width:"100%",height:"100vh",top:"0",left:"0",backgroundColor:"#ffffff",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",textAlign:"center",fontSize:"14px",zIndex:99999,animation:fadeInOut+" 5s linear forwards"},loaderBox:{height:"200px",width:"200px"},veritoneDarkLogo:{height:"200px",width:"200px"}}));let lottieScript,audio;const theme=createTheme({palette:{secondary:{main:"#1871E8"}}}),Logo=()=>{const n=useDispatch();var e=useStyles()["classes"];const[a,s]=react.exports.useState(0),[t,i]=react.exports.useState(!1),[o,r]=react.exports.useState(!1),l=jsxRuntime.exports.jsx("p",Object.assign({style:{pointerEvents:"none"}},{children:"Loading Beta Features"})),[c,d]=react.exports.useState(l),p=useSelector(organizations_selector.selectOrgSwitchInitiated),m=useSelector(e=>{return null==(e=null==(e=null==e?void 0:e.configs)?void 0:e.initConfig)?void 0:e.betaFeatures}),[x,u]=react.exports.useState(!1);return react.exports.useEffect(()=>{x||(u(!0),(lottieScript=document.createElement("script")).setAttribute("src","https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.8/lottie.min.js"),lottieScript.onload=()=>r(!0),(audio=document.createElement("audio")).id="player",audio.src="https://static.veritone.com/aiware-js-animation/sound-effects/chime.wav",document.head.appendChild(lottieScript),document.body.appendChild(audio))},[]),react.exports.useEffect(()=>{if(m&&!p)return;p&&d(jsxRuntime.exports.jsx("p",{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.organizations-switching-loader-message",defaultMessage:"Changing your Organization",description:"organizations switching loader message"})}));const e=10===a;if((e||p)&&(i(!0),o)){const t=window.bodymovin.loadAnimation({container:document.getElementById("loaderAnimation"),path:"https://static.veritone.com/aiware-js-animation/particle-explosion.json",renderer:"svg",loop:!1,autoplay:!0,name:"unicorn"});t.onComplete=()=>{e?(n(enableBetaFeatures()),s(0)):p&&d(l),i(!1),t.destroy()},null!==audio&&void 0!==audio&&audio.play()}},[a,m,n,t,p]),jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[t&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.fullScreen},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.loaderBox,id:"loaderAnimation"},{children:!o&&jsxRuntime.exports.jsx("img",{src:img$1,alt:"veritone-logo",className:e.veritoneDarkLogo})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.loaderBox},{children:[jsxRuntime.exports.jsx(StyledEngineProvider,Object.assign({injectFirst:!0},{children:jsxRuntime.exports.jsx(ThemeProvider,Object.assign({theme:theme},{children:jsxRuntime.exports.jsx(LinearProgress,{color:"secondary"})}))})),c]}))]})),jsxRuntime.exports.jsx("img",{onClick:()=>s(a+1),src:img$w,alt:"footer-icon",draggable:"false"})]})};function getTabAction(e,t,n,a="APP_BAR_PANEL"){return{type:mountPanel({}).type,payload:{panelId:e,microFrontend:{name:a,config:{name:"Veritone",tabId:e,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,fullScreen:!1,width:n,header:{divider:!0,title:t}}}}}const tabsListDefault=[{id:TabId.PERSONAL_PANEL,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.personalProfile",defaultMessage:"Personal Profile",description:"Tooltip pops on the sidebar for personal profile"}),iconComponent:jsxRuntime.exports.jsx(PersonalProfile,{}),role:"",action:getTabAction(TabId.PERSONAL_PANEL,jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.panelTitle.personalProfile",defaultMessage:"Personal Profile",description:"Header title for personal profile"}),410)},{id:TabId.ORGANIZATION_PANEL,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.organizations",defaultMessage:"Organizations",description:"Tooltip pops on the sidebar for organizations"}),iconComponent:jsxRuntime.exports.jsx(Organizations,{}),role:"",action:{type:mountPanel({}).type,payload:{panelId:TabId.ORGANIZATION_PANEL,microFrontend:{name:"ORGANIZATION_PANEL"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,width:560,zIndex:1e3}}}},{id:TabId.CMS_SHORTCUT,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.dataCenter",defaultMessage:"Data Center",description:"Tooltip pops on the sidebar for data center"}),iconComponent:jsxRuntime.exports.jsx(DataCenter,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"cms"}},{id:TabId.DATA_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.dataCenter",defaultMessage:"Data Center",description:"Tooltip pops on the sidebar for data center"}),iconComponent:jsxRuntime.exports.jsx(DataCenter,{}),role:"cms",action:{type:mountPanel({}).type,payload:{panelId:TabId.DATA_CENTER,microFrontend:{name:"DATA_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}},{id:TabId.FLOW_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.flowCenter",defaultMessage:"Flow Center",description:"Tooltip pops on the sidebar for flow center"}),iconComponent:jsxRuntime.exports.jsx(FlowCenter2,{}),role:"automate",action:{type:mountPanel({}).type,payload:{panelId:TabId.FLOW_CENTER,microFrontend:{name:"FLOW_CENTER",config:{name:"Veritone",tabId:TabId.FLOW_CENTER,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE",zIndex:1200}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xxlarge"}}}},{id:TabId.ENGINE_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.developerCenter",defaultMessage:"Developer Center",description:"Tooltip pops on the sidebar for developer center"}),iconComponent:jsxRuntime.exports.jsx(DeveloperCenter,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"developer"}},{id:TabId.MARKETPLACE_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.marketplaceCenter",defaultMessage:"Marketplace",description:"Tooltip pops on the sidebar for marketplace center"}),iconComponent:jsxRuntime.exports.jsx(Marketplace,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"marketplace"}},{id:TabId.LIBRARY_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.libraryCenter",defaultMessage:"Library Center",description:"Tooltip pops on the sidebar for library center"}),iconComponent:jsxRuntime.exports.jsx(LibraryCenter,{}),role:"",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"libray"}},{id:TabId.ADMIN_SHORTCUT,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.adminCenter",defaultMessage:"Admin Center",description:"Tooltip pops on the sidebar for admin center"}),iconComponent:jsxRuntime.exports.jsx(AdminCenter,{}),role:"admin",action:{type:mountPanel({}).type,payload:{panelId:TabId.ADMIN_SHORTCUT,microFrontend:{name:"ADMIN_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}}];function AppbarTabPanel({panelId:t,children:e,withTab:n=!0,withChild:a=!0}){const s=useDispatch(),[i,o]=react.exports.useState(),[r,l]=react.exports.useState([]),[c,d]=react.exports.useState(!1);var p=useSelector(e=>e.panels.find(e=>e.panelId===t))||{};const m=useSelector(e=>e.panels);const{microFrontend:x,panelConfig:{minWidth:u,padding:g=0,header:j,footer:b,marginTop:f=0,marginStart:h=0,show:T,tabs:R=[],zIndex:I=1e3,userRoles:C=[],panelId:v,size:y,fullScreen:A,width:P,dimmed:E=0,parentPanelId:N,borderBottom:S}}=p;const O=N?("ORGANIZATION_PANEL"!==N?"":"solid 5px #4D81B7")||("DATA_CENTER"!==N?"":"solid 5px #4D81B7"):"solid 5px #4D81B7",_=makeStyles()(e=>({container:{position:"fixed",top:f,right:A?0:h,height:`calc(100vh - ${f}px)`,minWidth:u,width:P||(A?"100%":function(){switch(y){case"xxlarge":return 1280;case"xlarge":return 1020;case"large":return 720;case"medium":return 560;case"small":return 380;default:return 560}}()),borderBottom:S?"solid 5px #4D81B7":O,zIndex:A?1500:I,transitionTimingFunction:"ease-in-out !important"},padding:{padding:e.spacing(g),paddingTop:e.spacing(g/2)},margin:{margin:e.spacing()},headerContainer:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},headerTitle:{margin:e.spacing(),marginTop:e.spacing(2)},actionButton:{margin:e.spacing()},footer:{},actionContainer:{"&:last-child":{marginRight:e.spacing(2)}},content:{overflow:"overlay",overflowX:"hidden",height:function(){var e=j?64:0,t=b?64:0;return`calc(100vh - ${f}px - ${e}px - ${t}px - 5px)`}()},paperContainer:{top:56,backgroundColor:"unset !important",boxShadow:"none"},tabContainer:{overflow:"hidden",width:"100%"},tabSelect:{paddingTop:e.spacing(6),width:80,display:"flex",flexDirection:"column"},drawerContainer:{display:"flex",background:e.palette.background.default},tabName:{display:"flex",justifyContent:"space-between",alignItems:"center",height:"61px",padding:e.spacing(0,4,0,6)},actionIcons:{margin:e.spacing(-2.4)},title:{userSelect:"none",fontStyle:"normal",fontSize:"18px",lineHeight:e.spacing(5),letterSpacing:"0.25px",textTransform:"uppercase",color:e.palette.text.secondary},tabContent:{borderRight:n?"0.5px solid "+e.palette.divider:"none",overflowY:"auto",overflowX:"hidden",width:"100%"},buttonAction:{textTransform:"unset"},aiWareIcon:{padding:e.spacing(2.4,0),display:"flex",justifyContent:"center",position:"fixed",bottom:"0",right:"10px"},noShadow:{boxShadow:"none",borderLeft:"0.5px solid "+e.palette.divider},panelMask:{position:"absolute",zIndex:1150,width:"100%",height:"100%",backgroundColor:e.palette.grey[50],opacity:.5}}))()["classes"];react.exports.useEffect(()=>{0<R.length?l([...tabsListDefault,...R]):l(tabsListDefault)},[R]),react.exports.useEffect(()=>{x.config&&x.config.tabId&&o(x.config.tabId)},[x]),react.exports.useEffect(()=>{0<m.length&&i&&n&&(m.find(e=>e.panelId===i)||o(void 0))},[m,i,n]);a=jsxRuntime.exports.jsxs(Paper,Object.assign({className:`${_.container} ${a?"":_.noShadow} `,elevation:3,id:t,square:!0,"data-test":"panel-"+(v||"unknown")},{children:[0<E&&jsxRuntime.exports.jsx("div",{className:_.panelMask}),jsxRuntime.exports.jsxs("div",Object.assign({className:_.drawerContainer},{children:[a&&jsxRuntime.exports.jsxs("div",Object.assign({className:_.tabContent},{children:[j&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:_.tabName},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h1",className:_.title},{children:j.title||(null==(p=r.find(e=>e.id===i))?void 0:p.label)})),jsxRuntime.exports.jsxs("div",Object.assign({className:_.actionIcons},{children:[null==(a=j.actions)?void 0:a.map((e,t)=>e.label?jsxRuntime.exports.jsx(Button$1,Object.assign({size:e.size,variant:e.variant,onClick:()=>s(e.action)},{children:e.label}),e.action.type):jsxRuntime.exports.jsxs(IconButton,Object.assign({onClick:()=>s(e.action),size:"large"},{children:[e.iconUrl&&jsxRuntime.exports.jsx("img",{src:e.iconUrl,alt:"icon",draggable:"false"}),e.icon&&jsxRuntime.exports.jsx("div",{children:e.icon})]}),e.action.type)),jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>s(hidePanel(t)),"data-test":"close-button-"+t,size:"large"},{children:jsxRuntime.exports.jsx("img",{src:N?img$P:img$Q,alt:"icon",draggable:"false"})}))]}))]})),j.divider&&jsxRuntime.exports.jsx(Divider,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:_.content},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},x.config||{}),{dataId:t,hidePanel:()=>s(hidePanel(t)),tabId:i,panelRendered:c})):jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"No micro frontend passed!"})})})),b&&jsxRuntime.exports.jsxs("div",Object.assign({className:_.footer},{children:[b.divider&&jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx("div",Object.assign({className:_.headerContainer},{children:jsxRuntime.exports.jsx("div",Object.assign({className:_.actionContainer},{children:null==(p=b.actions)?void 0:p.map(e=>{var t;if(e.iconUrl)return jsxRuntime.exports.jsxs(IconButton,Object.assign({className:_.actionButton,onClick:(t=e.action,()=>{s(t)}),size:"large"},{children:[e.iconUrl&&jsxRuntime.exports.jsx("img",{src:e.iconUrl,alt:"icon",draggable:"false"}),e.icon&&jsxRuntime.exports.jsx("div",{children:e.icon})]}),e.action.type);const n=e;return jsxRuntime.exports.jsx(Button$1,Object.assign({className:_.actionButton,size:n.size,variant:n.variant,onClick:()=>s(n.action)},{children:n.label}),e.action.type)})}))}))]}))]})),n&&jsxRuntime.exports.jsxs("div",Object.assign({id:"tabs-content",className:_.tabSelect},{children:[jsxRuntime.exports.jsx(Tabs,{selectedId:i,tabsList:r,onChangeTab:function(t){i&&s(hidePanel(i)),o(t);var e,n=r.find(e=>e.id===t);null!=(e=null==n?void 0:n.onClick)&&e.call(n,t),null!=n&&n.action&&s(n.action)},roles:C}),(null===b||void 0===b?void 0:b.logo)&&jsxRuntime.exports.jsx("div",Object.assign({className:_.aiWareIcon},{children:jsxRuntime.exports.jsx(Logo,{})}))]}))]}))]}));return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getPanelModule()]},{children:jsxRuntime.exports.jsx(Slide,Object.assign({"data-id":"123456",in:T,direction:"left",onEntered:()=>d(!0),onExited:()=>s(unmountPanel(t))},{children:a}))}))})})}const AppbarPanel=e=>jsxRuntime.exports.jsx(AppbarTabPanel,Object.assign({},e,{withChild:!0,withTab:!1})),Tab=e=>jsxRuntime.exports.jsx(AppbarTabPanel,Object.assign({},e,{withChild:!1,withTab:!0}));export{AppbarPanel,AppbarTabPanel,Tab as TabPanel};