aiware-js 2.27.0 → 2.29.0

package/js-core.esm58.js

@@ -1 +1 @@
-import{bZ as createSvgIcon,j as jsxRuntime}from"./js-core.esm.js";var Add=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");export{Add as A};
+import{H as createSlice,c9 as combineReducers,cb as fork,m as makeStyles,i as useDispatch,r as react,cz as validate,j as jsxRuntime,cc as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,by as CacheProvider,bz as muiCache,af as takeLatest$1,co as mountPanel,x as classNames,T as Typography,a9 as IconButton,cr as MoreVert,a8 as Tooltip,bV as Hide,cs as Menu,aY as MenuItem,a0 as ListItemIcon,ct as Edit,a7 as Divider,cv as Delete,cn as hidePanel,ah as put,bW as showMessage,bX as MessageSeverity,a2 as all,F as FormattedMessage}from"./js-core.esm.js";import{C as Container}from"./js-core.esm22.js";const SLICE_NAME="appCenterBrowse";var LoadingStatus;!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{});const initialAppDetails={appId:null},namespace="uiState",initialState={status:LoadingStatus.Idle,appDetails:initialAppDetails},slice=createSlice({name:SLICE_NAME+"/"+namespace,initialState:initialState,reducers:{initApps(e){e.status=LoadingStatus.Pending},fetchingApps(e){e.status=LoadingStatus.Pending},fetchingDone(e){e.status=LoadingStatus.Idle},fetchingFailed(e){e.status=LoadingStatus.Failed},toggleAppDetails(e,{payload:t}){t?e.appDetails.appId=t:delete e.appDetails.appId}}}),actions$1=slice.actions;var uiState=slice.reducer;const actions={[namespace]:actions$1},rootReducer=combineReducers({[namespace]:uiState});function isDeveloperDomain(){return/^(developer\.(((dev|prod)\.)?([a-zA-Z0-9\-]*\.)?)?veritone\.com|localhost|local\.veritone)/.test(window.location.hostname)}function*fetchApps(e){try{yield put(actions.uiState.fetchingApps()),yield put(actions.uiState.fetchingDone())}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.uiState.fetchingFailed())}}function*toggleAppDetails(e){e=e.payload;if(!e)return isDeveloperDomain()&&window.history.pushState(null,"",origin+"/apps/overview"),yield put(hidePanel("APP_CENTER_DETAILS"));if(isDeveloperDomain()){const origin=window.location.origin,a=window.location.pathname.split("/");a[2]=e;var t=""+origin+a.join("/");window.history.pushState(null,"",t)}yield put(mountPanel({panelId:"APP_CENTER_DETAILS",microFrontend:{name:"APP_CENTER_DETAILS",config:{name:"Application Details",appId:e}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"xlarge",zIndex:1010}}))}function*watchFetchApp(){yield takeLatest$1([actions.uiState.initApps.type],fetchApps)}function*watchToggleAppDetails(){yield takeLatest$1(actions.uiState.toggleAppDetails.type,toggleAppDetails)}const appSagas=[fork(watchFetchApp),fork(watchToggleAppDetails)];function*rootSaga(){yield all([...appSagas])}function getAppCenterBrowseModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const useStyles$1=makeStyles()(e=>({panel:{width:"100%",backgroundColor:e.palette.background.paper,boxShadow:"0px 0px 12px rgba(0, 0, 0, 0.25)",height:"100%",overflow:"auto"}})),MainLayout$1=({})=>{var e=useStyles$1()["classes"];return jsxRuntime.exports.jsx("div",Object.assign({role:"presentation","data-test":"app-center-browse-widget",className:e.panel},{children:jsxRuntime.exports.jsx("h2",{children:"App Center Browse"})}))},mountAppCenterNew=e=>{e(mountPanel({panelId:"APP_CENTER_NEW",microFrontend:{name:"APP_CENTER_NEW",config:{name:"Add Application"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",header:{title:"Add Application",divider:!0},marginTop:55,size:"xlarge",zIndex:1010}}))},Content=e=>jsxRuntime.exports.jsx(MainLayout$1,Object.assign({},e)),AppCenterBrowse=e=>{const a=useDispatch();return react.exports.useEffect(()=>{var e=window.location.pathname.split("/"),t=e[2];"applications"===e[1]&&(validate(t)&&isDeveloperDomain()?a(actions.uiState.toggleAppDetails(t)):"overview"===e[2]&&"new"===e[3]&&mountAppCenterNew(a))},[a]),jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppCenterBrowseModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(Content,Object.assign({},e))}))})}))})},APP_CENTER_TEXT={cancel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.cancel",defaultMessage:"Cancel",description:"Cancel"}),close:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.close",defaultMessage:"CLOSE",description:"Close"}),closePanel:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.closePanel",defaultMessage:"Close Panel",description:"Close Panel"}),delete:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.delete",defaultMessage:"Delete",description:"Delete"}),deleteApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.deleteApp",defaultMessage:"Delete Application",description:"Delete Application"}),editApp:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.editApp",defaultMessage:"Edit Application",description:"Edit Application"}),appDetails:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"ac.st.appDetails",defaultMessage:"Application Details",description:"Application Details"})},useStyles=makeStyles()(e=>({panelRoot:{width:"100%"},panelContainer:{display:"flex",flexDirection:"column",width:"100%",padding:e.spacing(2)},panelHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:e.spacing(1),marginBottom:e.spacing(1),"&.with-secondary-title":{alignItems:"flex-start"}},panelBody:{display:"flex",flexGrow:1},divider:{marginBottom:e.spacing(2)},appHeader:{minHeight:"120px"},headerInfo:{paddingLeft:e.spacing(4)},appInfo:{paddingTop:e.spacing(6)},appInfoBody:{paddingLeft:e.spacing(4),paddingTop:e.spacing(3)},appOverview:{paddingTop:e.spacing(6),bottom:e.spacing(6),minHeight:"120px"},sectionTitle:{paddingBottom:e.spacing(3)},textContent:{fontStyle:"normal",fontWeight:400,fontSize:14,lineHeight:20},titleInline:{fontWeight:600,marginRight:e.spacing(1)},contentRow:{paddingBottom:e.spacing(3)},appDescription:{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},appVersion:{paddingLeft:e.spacing(3)},appMainLayout:{paddingTop:e.spacing(2)},appTabPanels:{width:"100%"},appContainer:{paddingLeft:e.spacing(3),paddingTop:e.spacing(2)}})),visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;const ActionPanel=({onClose:e,onDelete:t,onEdit:a,children:s})=>{var i=useStyles()["classes"];const[n,o]=react.exports.useState(null);var p=()=>{o(null)};return jsxRuntime.exports.jsx("div",Object.assign({className:classNames(i.panelRoot),"data-test":"app-details-action-panel"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:i.panelContainer},{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:classNames(i.panelHeader)},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({"data-test":"app-details-action-panel-title",variant:"h1"},{children:APP_CENTER_TEXT.appDetails()})),jsxRuntime.exports.jsx(Typography,Object.assign({style:visuallyHidden$1,id:"app-details-close-action"},{children:APP_CENTER_TEXT.closePanel()})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(IconButton,Object.assign({"aria-label":"more options",onClick:e=>{o(e.currentTarget)},"data-test":"app-details-actions-button",size:"large"},{children:jsxRuntime.exports.jsx(MoreVert,{})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_TEXT.closePanel()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:e,"aria-labelledby":"app-details-close-action","data-test":"app-details-close-action",size:"large"},{children:jsxRuntime.exports.jsx(Hide,{})}))}))]}),jsxRuntime.exports.jsxs(Menu,Object.assign({anchorEl:n,open:Boolean(n),onClose:p,onBlur:p,"data-test":"app-details-action-panel-menu"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:a},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Edit,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-edit-app"},{children:APP_CENTER_TEXT.editApp()}))]})),jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs(MenuItem,Object.assign({onClick:t},{children:[jsxRuntime.exports.jsx(ListItemIcon,{children:jsxRuntime.exports.jsx(Delete,{fontSize:"small"})}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"inherit",noWrap:!0,"data-test":"app-details-action-panel-menu-btn-delete"},{children:APP_CENTER_TEXT.deleteApp()}))]}))]}))]})),jsxRuntime.exports.jsx(Divider,{className:i.divider}),jsxRuntime.exports.jsx("div",Object.assign({className:i.panelBody},{children:s}))]}))}))},MainLayout=()=>jsxRuntime.exports.jsx("div",{children:"MainLayout"}),AppCenterDetails=({appId:e})=>{const t=useDispatch();return jsxRuntime.exports.jsx(ActionPanel,Object.assign({onClose:()=>{var e;t(hidePanel("APP_CENTER_DETAILS")),isDeveloperDomain()&&(e=window.location.origin,window.history.pushState({},"",e+"/applications/overview"))},onDelete:()=>{console.log("handleDelete")},onEdit:()=>{console.log("handleEdit")}},{children:e&&jsxRuntime.exports.jsx(Container,Object.assign({style:{width:"100%"},"data-test":"app-details-widget"},{children:jsxRuntime.exports.jsx(MainLayout,{})}))}))};export{AppCenterBrowse,AppCenterDetails};