aiware-js 2.25.1 → 2.27.0

package/js-core.esm38.js

@@ -1 +1,14 @@
-import{bZ as createSvgIcon,j as jsxRuntime}from"./js-core.esm.js";import{_ as _baseFlatten}from"./js-core.esm29.js";var ContentCopy=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"}),"ContentCopy"),baseFlatten=_baseFlatten;function flatten(t){return(null==t?0:t.length)?baseFlatten(t,1):[]}var flatten_1=flatten;export{ContentCopy as C,flatten_1 as f};
+import{m as makeStyles,em as keyframes,j as jsxRuntime,B as Box,en as img$1s,T as Typography$2,F as FormattedMessage,cV as createTheme,eo as injectIntl,ep as TabId,eq as PersonalProfile,er as Organizations,cm as mountPanel,es as DataCenter,et as Process,eu as FlowCenter2,ev as DeveloperCenter,ew as Marketplace$1,ex as LibraryCenter,ey as AdminCenter,i as useDispatch,r as react,k as useSelector,c as Paper,a9 as IconButton,at as Button,ec as hidePanel,ez as img$P,a$ as img$Q,a7 as Divider$1,cb as AIWareThemeProvider,A as AIWareIntlProvider,K as lib,eb as Slide,cj as unmountPanel,a8 as Tooltip$1,eA as img$1,bP as StyledEngineProvider,bQ as ThemeProvider,eB as img$w,eC as userSelector,x as classNames,cZ as takeEvery$1,eD as enableBetaFeatures,eE as Badge,ai as select,ah as put,eF as openLinkOnNewTab}from"./js-core.esm.js";import{organizationSelectors as organizations_selector,selectApiConfigs,isAdminUser,organizationInviteApi as organizationInvites_api}from"./js-core.esm39.js";import{h as has_1}from"./js-core.esm15.js";import{L as LinearProgress}from"./js-core.esm40.js";import"./js-core.esm6.js";import"./js-core.esm9.js";import"./js-core.esm10.js";import"./js-core.esm41.js";import"./js-core.esm11.js";import"./js-core.esm32.js";function __awaiter(e,o,r,l){return new(r=r||Promise)(function(s,t){function a(e){try{i(l.next(e))}catch(e){t(e)}}function n(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?s(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,n)}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$3=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:s,onTabIconClick:a,iconComponent:n}){var i=useStyles$3()["classes"];const[o,r]=react.exports.useState(0),[l,c]=react.exports.useState(0),[d,p]=react.exports.useState(!1),x=makeStyles()(()=>({viewRequestsBadge:{"& .Sdk-MuiBadge-badge":{fontFamily:"Nunito",backgroundColor:"#D43060",color:"#fff",zIndex:"unset"}}})),m=x()["classes"],u=useSelector(userSelector);var g=useSelector(organizations_selector.selectOrganizationInvites)||[],j=useSelector(organizations_selector.selectPendingOrgInvites)||[];const b=useSelector(selectApiConfigs),h=()=>__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 h()}catch(e){console.log(e)}})),react.exports.useEffect(()=>{"ORGANIZATION_PANEL"===e&&h()},[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:n?(g=n,o+l?jsxRuntime.exports.jsx(Badge,Object.assign({badgeContent:o+l,className:m.viewRequestsBadge},{children:g})):g):jsxRuntime.exports.jsx("img",{className:i.img,src:s,draggable:"false",alt:""})}))}))}const useStyles$2=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:s=[],roles:o}){const r=useStyles$2()["classes"],[l,a]=react.exports.useState(e),{adminShortcut:c=!0,betaFeatures:d}=useSelector(e=>e.configs.initConfig),p=window.location.hostname.split(".")[0];function x(e){a(e),t(e)}return react.exports.useEffect(()=>{e!==l&&a(e)},[e,l]),jsxRuntime.exports.jsx(Box,Object.assign({className:r.tabsContainer},{children:s.map((e,t)=>{var{id:e,icon:s,role:a,label:n,iconComponent:i}=e,n=jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:n,placement:"left"},{children:jsxRuntime.exports.jsx(Box,Object.assign({className:r.menuTabIcon},{children:jsxRuntime.exports.jsx(TabIcon,{selected:e===l,icon:s,iconComponent:i,onTabIconClick:x,id:e,"data-test":"TabIcon-data-test"+e})}),e)}),e);if(a&&o.includes(a)||!a){if(t<2)return n;if(e===TabId.DATA_CENTER)return n;if(e===TabId.PROCESSING_CENTER_BROWSE&&d)return n;if(e===TabId.FLOW_CENTER)return p.toLocaleLowerCase().includes("automate")?null:n;if(e===TabId.ADMIN_SHORTCUT&&c)return n;if(e===TabId.SETTING_PREFERENCE_PANEL&&d)return p.toLocaleLowerCase().includes("admin")?null:n;if([TabId.MARKETPLACE_CENTER,TabId.LIBRARY_CENTER,TabId.ENGINE_CENTER].includes(e))return d?n:null}return null})}))}function*openAppUrlByShortcut(e){var{cmsAppUrl:t,adminAppUrl:s}=yield select(e=>e.configs.config);switch(e.payload){case"cms":yield put(openLinkOnNewTab({url:t}));break;case"admin":yield put(openLinkOnNewTab({url:s}))}}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$1=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"}})),VERSION_PANEL="VERSION_PANEL",useStyles=makeStyles()(e=>({panelRoot:{padding:"25px 20px 20px 30px",height:"100%"},row:{display:"flex","& svg":{marginRight:"12px",marginBottom:"24px"}},widgets:{"& svg":{fill:"#555F7C"}},veriLogo:{transform:"translate(3px, 2px)"},versionText:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",marginBottom:"5px"},wrapperBox:{padding:"20px",border:".5px solid #D5DFE9",borderRadius:"4px"},aiwareLogo:{marginBottom:"10px"},boldTitle:{fontWeight:700}})),VersionPanel=({sdk:e,edge:t})=>{var s=useStyles()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({className:s.panelRoot},{children:jsxRuntime.exports.jsxs(Box,Object.assign({className:s.wrapperBox},{children:[jsxRuntime.exports.jsx("img",{src:img$1s,className:s.aiwareLogo}),e&&jsxRuntime.exports.jsx(Box,Object.assign({className:s.row,"data-testid":"sdk-version"},{children:jsxRuntime.exports.jsxs(Typography$2,Object.assign({variant:"body1",className:s.versionText},{children:[jsxRuntime.exports.jsxs("span",Object.assign({className:s.boldTitle},{children:["SDK"," ",jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.version-panel.version-label",defaultMessage:"Version",description:"Version"})]})),": ",e]}))})),t&&jsxRuntime.exports.jsx(Box,Object.assign({className:s.row,"data-testid":"edge-version"},{children:jsxRuntime.exports.jsxs(Typography$2,Object.assign({variant:"body1",className:s.versionText},{children:[jsxRuntime.exports.jsxs("span",Object.assign({className:s.boldTitle},{children:["Edge"," ",jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.version-panel.version-label",defaultMessage:"Version",description:"Version"})]})),": ",t]}))}))]}))}))};let lottieScript,audio;const theme=createTheme({palette:{secondary:{main:"#1871E8"}}}),Logo_=({intl:s})=>{const a=useDispatch();var e=useStyles$1()["classes"];const[n,i]=react.exports.useState(0),[t,o]=react.exports.useState(!1),[r,l]=react.exports.useState(!1),c=jsxRuntime.exports.jsx("p",Object.assign({style:{pointerEvents:"none"}},{children:"Loading Beta Features"})),[d,p]=react.exports.useState(c),x=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}),[u,g]=react.exports.useState(!1),[j,b]=react.exports.useState(""),[h,f]=react.exports.useState(""),[R,T]=react.exports.useState(""),[v,I]=react.exports.useState(!1);react.exports.useEffect(()=>{u||(g(!0),(lottieScript=document.createElement("script")).setAttribute("src","https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.8/lottie.min.js"),lottieScript.onload=()=>l(!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)),has_1(window,"aiware.version")&&((t=null==(t=window.aiware)?void 0:t.version)&&"sdk_release_version"!==t&&b(t),t=null==(t=window.aiware)?void 0:t.releaseDate,f((e=>{const t=new Date(e||"");return(8<t.getMonth()?t.getMonth()+1:"0"+(t.getMonth()+1))+"/"+(9<t.getDate()?t.getDate():"0"+t.getDate())+"/"+t.getFullYear()})(t)));var t=document.getElementsByTagName("script");if(t.length){let e=Array.from(t).find(e=>e.src.includes("get.aiware.com"));(e=e||Array.from(t).find(e=>e.src.includes("https://cdn.jsdelivr.net/npm/aiware-js")))&&fetch(e.getAttribute("src")).then(e=>{b(e.url.split("@")[1].split("/")[0])})}fetch("https://get.aiware.com/aiware-versions/aiware-latest.txt",{headers:{"Content-Type":"text/plain"}}).then(e=>e.text()).then(e=>T(e))},[]),react.exports.useEffect(()=>{if(m&&!x)return;x&&p(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===n;if((e||x)&&(o(!0),r)){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?(a(enableBetaFeatures()),i(0)):x&&p(c),o(!1),t.destroy()},null!==audio&&void 0!==audio&&audio.play()}},[n,m,a,t,x]);return 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:!r&&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"})}))})),d]}))]})),jsxRuntime.exports.jsxs("div",{children:[j?jsxRuntime.exports.jsxs(Typography$2,Object.assign({sx:{color:"#9CA8B4",fontSize:"10px",textAlign:"center",cursor:"pointer",width:"60px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},onClick:()=>{var e,t;v?(I(!1),a(hidePanel(VERSION_PANEL))):(I(!0),e={name:VERSION_PANEL,config:{name:"Version Information",sdk:j,sdkRelease:h,edge:R}},t={type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"small",zIndex:1001,dimmed:0,borderBottom:!0,header:{title:s.formatMessage({id:"os-panel.version-information.panel-header",defaultMessage:[{type:0,value:"Version Information"}]})}},a(mountPanel({panelId:VERSION_PANEL,microFrontend:e,panelConfig:t})))}},{children:["V. ",j]})):null,jsxRuntime.exports.jsx("img",{onClick:()=>i(n+1),src:img$w,alt:"footer-icon",draggable:"false"})]})]})},Logo=injectIntl(Logo_);function getTabAction(e,t,s,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:s,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.PROCESSING_CENTER_BROWSE,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.processingCenter",defaultMessage:"Processing Center",description:"Tooltip pops on the sidebar for processing center"}),iconComponent:jsxRuntime.exports.jsx(Process,{}),role:"cms",action:{type:mountPanel({}).type,payload:{panelId:TabId.PROCESSING_CENTER_BROWSE,microFrontend:{name:"PROCESSING_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$1,{}),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:s=!0,withChild:a=!0}){const n=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 x=useSelector(e=>e.panels);const{microFrontend:m,panelConfig:{minWidth:u,padding:g=0,header:j,footer:b,marginTop:h=0,marginStart:f=0,show:R,tabs:T=[],zIndex:v=1e3,userRoles:I=[],panelId:E,size:P,fullScreen:C,width:y,dimmed:A=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:h,right:C?0:f,height:`calc(100vh - ${h}px)`,minWidth:u,width:y||(C?"100%":function(){switch(P){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:C?1500:v,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 - ${h}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:s?"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<T.length?l([...tabsListDefault,...T]):l(tabsListDefault)},[T]),react.exports.useEffect(()=>{m.config&&m.config.tabId&&o(m.config.tabId)},[m]),react.exports.useEffect(()=>{0<x.length&&i&&s&&(x.find(e=>e.panelId===i)||o(void 0))},[x,i,s]);a=jsxRuntime.exports.jsxs(Paper,Object.assign({className:`${_.container} ${a?"":_.noShadow} `,elevation:3,id:t,square:!0,"data-test":"panel-"+(E||"unknown")},{children:[0<A&&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$2,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,Object.assign({size:e.size,variant:e.variant,onClick:()=>n(e.action)},{children:e.label}),e.action.type):jsxRuntime.exports.jsxs(IconButton,Object.assign({onClick:()=>n(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:()=>n(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$1,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:_.content},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},m.config||{}),{dataId:t,hidePanel:()=>n(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$1,{}),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,()=>{n(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 s=e;return jsxRuntime.exports.jsx(Button,Object.assign({className:_.actionButton,size:s.size,variant:s.variant,onClick:()=>n(s.action)},{children:s.label}),e.action.type)})}))}))]}))]})),s&&jsxRuntime.exports.jsxs("div",Object.assign({id:"tabs-content",className:_.tabSelect},{children:[jsxRuntime.exports.jsx(Tabs,{selectedId:i,tabsList:r,onChangeTab:function(t){0<=x.map(e=>e.panelId).indexOf(VERSION_PANEL)&&n(hidePanel(VERSION_PANEL)),i&&n(hidePanel(i)),o(t);var e,s=r.find(e=>e.id===t);null!=(e=null==s?void 0:s.onClick)&&e.call(s,t),null!=s&&s.action&&n(s.action)},roles:I}),(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:R,direction:"left",onEntered:()=>d(!0),onExited:()=>n(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,VersionPanel};