aiware-js 2.14.0 → 2.15.0

package/js-core.esm40.js

@@ -1,226 +1,29 @@
-import{m as makeStyles,j as jsxRuntime,dC as Close,dl as Hide,fM as injectIntl,am as Dialog,an as DialogTitle,T as Typography,ao as DialogContent,ap as DialogContentText,aq as DialogActions,ar as Button$1,bO as createSlice,dB as combineReducers,aX as createSelector,bT as rootApiSelector,aF as graphEndpointSelector,a9 as sessionTokenSelector,r as react,H as useSelector,G as useDispatch,Q as lib,A as AIWareIntlProvider,gJ as selectOrgGuid,bh as Box,F as FormattedMessage,dK as Edit,ge as selectApiConfigs$1,dN as CustomTabs,dF as TabPanel,I as betaFeaturesSelector,c4 as Skeleton$1,dS as Add,aL as useIntl,gK as selectOrgId,gL as selectIsUserAdmin,cz as Tabs,cA as Tab,a6 as Divider,X as Tooltip$1,V as IconButton$1,bH as lodash,bL as TextField,ct as Select,cu as MenuItem,as as all,av as hidePanel,bK as Grid,L as mountPanel,Z as Avatar,gM as ErrorState,gN as StepConnector,aw as takeEvery$1,gO as NullState,bg as FormControl,c9 as FormLabel,gP as Group,dP as baseGraphQLApiWithError,aH as baseGraphQLApi,aE as select,az as put,gQ as PermissionChangedAction,bR as preferredLanguageSelector,dm as showMessage,dn as MessageSeverity,bb as CircularProgress,f1 as sdkEventManager,f2 as SdkEvents,cD as AIWareFormatMessage}from"./js-core.esm.js";import{n as navSectionStyles,A as AutoSizer,I as InfiniteLoader,i as index$1,t as tableContentStyles,E as EMemberType$1}from"./js-core.esm41.js";import{A as Autocomplete,F as FixedSizeList}from"./js-core.esm30.js";import{S as Stepper,a as Step,b as StepLabel}from"./js-core.esm42.js";import{C as Chip$1}from"./js-core.esm33.js";import{a as FormGroup,F as FormControlLabel$1}from"./js-core.esm11.js";import{C as Checkbox}from"./js-core.esm12.js";import"./js-core.esm8.js";import"./js-core.esm18.js";import"./js-core.esm5.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}}();const useStyles$b=makeStyles()((e,{unstyledHeader:s})=>({headerActionContainer:{alignItems:"center",display:"flex",flexGrow:1,height:"100%",justifyContent:"flex-end",paddingRight:s?"10px":""},header:{background:s?"":"#FAFAFA",alignItems:"center",display:"flex",justifyContent:"space-between",height:"54px",padding:e.spacing(0,0,0,6),borderBottom:s?"":"1px solid rgb(219, 226, 234)"},title:{color:"#2A323C"}})),iconTypes={close:jsxRuntime.exports.jsx(Close,{}),hide:jsxRuntime.exports.jsx(Hide,{})},Header=({panelId:e,permissionsPanelHeader:s,permissionsPanelClose:t,dataTestIdPrefix:i,iconType:n="hide",handleClose:r,unstyledHeader:a,className:o})=>{a=useStyles$b({unstyledHeader:a}).classes;return jsxRuntime.exports.jsxs("header",Object.assign({className:o||a.header,"data-testid":`${i||"default-panel"}-header-testid`},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1","data-testid":"permissions-panel-header-title",className:a.title},{children:s})),jsxRuntime.exports.jsx("div",Object.assign({className:a.headerActionContainer},{children:jsxRuntime.exports.jsx(Tooltip$1,Object.assign({title:t},{children:jsxRuntime.exports.jsx(IconButton$1,Object.assign({onClick:()=>r(e),"aria-labelledby":"permissions-panel-close-button","data-testid":`${i||"default-panel"}-close-button`,size:"large"},{children:iconTypes[n]}))}))}))]}))},useStyles$a=makeStyles()(e=>({memberLookupContainer:{padding:"30px 30px 20px 30px",borderBottom:"1px solid rgb(219, 226, 234)","& .Sdk-MuiChip-root":{background:"white",boxShadow:"0px 1px 1px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.15)",borderRadius:"100px",border:"none",marginRight:"5px",marginBottom:"2px"}},autoCompleteContainer:{display:"flex",width:"100%"},autoComplete:{width:"100%"},membersName:{width:"100%",minHeight:"52px",margin:"20px auto"},memberInfoContainer:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px",margin:"0 6px",borderRadius:"4px","&:hover":{background:"#F2F7FE"},"& *":{cursor:"pointer"}},currentMemberInfoContainer:{cursor:"not-allowed","& *":{cursor:"not-allowed"}},member:{display:"flex"},memberAvatar:{letterSpacing:"-1px",height:"40px",width:"40px",border:"2px solid #FFF",marginRight:"14px",color:"black",fontSize:"14px",background:"rgb(248,248,248)","& svg":{fill:"rgb(87,95,122)"}},chipMember:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"12px"},chipAvatar:{letterSpacing:"-1px",height:"20px",width:"20px",marginRight:"5px",fontSize:"10px",color:"black",background:"rgb(248,248,248)","& svg":{fill:"rgb(87,95,122)",height:"20px",width:"20px"}},chipContainer:{paddingLeft:"8px","& .Sdk-MuiChip-label":{paddingLeft:"0"},"& .Sdk-MuiChip-deleteIcon":{height:"14px",width:"14px",fill:"black",marginRight:"8px"}},permissionSelectContainer:{display:"flex",flexDirection:"column",justifyContent:"center"},permissionsSelect:{color:"black",fontWeight:400,fontSize:"16px",maxHeight:"58px",minWidth:"100px",paddingTop:"1px",marginLeft:"20px","& fieldset":{border:"1px solid #D5DFE9"}}})),formattedMessages=e=>({permissionsPanelHeader:e.formatMessage({id:"permissions-panel.header.title",defaultMessage:[{type:0,value:"Permissions"}]}),groupInfoPanelHeader:e.formatMessage({id:"group-info-panel.header.title",defaultMessage:[{type:0,value:"Group Info"}]}),permissionsPanelClose:e.formatMessage({id:"permissions-panel.header.close-button",defaultMessage:[{type:0,value:"Close Panel"}]}),membersLabel:e.formatMessage({id:"permissions-panel.group-members.label",defaultMessage:[{type:0,value:"members"}]}),memberLabel:e.formatMessage({id:"permissions-panel.group-member.label",defaultMessage:[{type:0,value:"member"}]}),addedLabel:e.formatMessage({id:"permissions-panel.group-members.added-date",defaultMessage:[{type:0,value:"Added"}]}),removeAccess:e.formatMessage({id:"permissions-panel.group-members.remove-access",defaultMessage:[{type:0,value:"Remove Access"}]}),lookupTitle:e.formatMessage({id:"permissions-panel.member-lookup.label-people-or-group",defaultMessage:[{type:0,value:"Grant access to this object to specific people or groups"}]}),lookupTitleMVP:e.formatMessage({id:"permissions-panel.member-lookup.label-people",defaultMessage:[{type:0,value:"Grant access to this object to specific groups"}]}),lookupLabel:e.formatMessage({id:"permissions-panel.member-lookup.placeholder",defaultMessage:[{type:0,value:"Enter names of people or groups"}]}),lookupLabelMVP:e.formatMessage({id:"permissions-panel.member-lookup.placeholder",defaultMessage:[{type:0,value:"Enter names of groups"}]}),currentLabel:e.formatMessage({id:"permissions-panel.member-lookup.current-member-label",defaultMessage:[{type:0,value:"Current"}]}),panelControlsDoneBtn:e.formatMessage({id:"permissions-panel.controls.done-btn",defaultMessage:[{type:0,value:"Done"}]}),panelControlsSendBtn:e.formatMessage({id:"permissions-panel.controls.send-btn",defaultMessage:[{type:0,value:"Send"}]}),panelControlsBackBtn:e.formatMessage({id:"permissions-panel.controls.back-btn",defaultMessage:[{type:0,value:"Back"}]}),removeGroupAccessModalTitle:e.formatMessage({id:"permissions-panel.revoke-access.modal-title",defaultMessage:[{type:0,value:"Remove Group Access?"}]}),removeGroupAccessModalMessage:e.formatMessage({id:"permissions-panel.revoke-access.modal-message",defaultMessage:[{type:0,value:"Removing this group from this Permission Set, will affect all users of this group removing their permission to perform system level functionality. Would you like to continue?"}]}),cancelBtn:e.formatMessage({id:"permissions-panel.controls.cancel-btn",defaultMessage:[{type:0,value:"Cancel"}]}),confirmBtn:e.formatMessage({id:"permissions-panel.controls.confirm-btn",defaultMessage:[{type:0,value:"Confirm"}]}),newPermissionsPanelHeader:e.formatMessage({id:"new-permissions-panel.header.title",defaultMessage:[{type:0,value:"Create new permission set"}]}),permissionSetDetailsPanelHeader:e.formatMessage({id:"permission-set-details-panel.header.title",defaultMessage:[{type:0,value:"Organization permission set"}]}),permissionSetDetailsPanelDescription:e.formatMessage({id:"permission-set-details-panel.description",defaultMessage:[{type:0,value:"Control what users can do within this Organization when they have access to this Permission Set."}]}),tabTitle_basic:e.formatMessage({id:"tab-title.basic",defaultMessage:[{type:0,value:"Basic"}]}),tabTitle_permissions:e.formatMessage({id:"tab-title.permissions",defaultMessage:[{type:0,value:"Permissions"}]}),tabTitle_settings:e.formatMessage({id:"tab-title.settings",defaultMessage:[{type:0,value:"Settings"}]}),basicTabHeader:e.formatMessage({id:"basic-title.header",defaultMessage:[{type:0,value:"Information"}]}),settingsTabHeader:e.formatMessage({id:"basic-title.header",defaultMessage:[{type:0,value:"General"}]}),permissionSetNameLabel:e.formatMessage({id:"permissionSetNameLabel",defaultMessage:[{type:0,value:"Permission Name"}]}),createdAtLabel:e.formatMessage({id:"createdAtLabel",defaultMessage:[{type:0,value:"Created"}]}),permissionSetDescriptionLabel:e.formatMessage({id:"permissionSetDescriptionLabel",defaultMessage:[{type:0,value:"Description"}]})}),MemberLookup=({intl:e,members:s,handleChange:t,searchMember:i,newMembers:n,permissionOptions:r,newMembersPermission:a,setNewMembersPermission:o})=>{const c=useStyles$a()["classes"],{membersLabel:l,memberLabel:d,lookupTitleMVP:m,lookupLabelMVP:p,currentLabel:u}=formattedMessages(e);const x=lodash.exports.debounce(e=>{var s;3<=(null==(s=e.target.value)?void 0:s.length)&&i(e.target.value)},300);let g;(e=g=g||{})[e.User=0]="User",e[e.AuthGroup=1]="AuthGroup";const b=({props:e,type:s,key:t,imageUrl:i,name:n,initials:r,details:a,current:o})=>react.exports.createElement("li",Object.assign({},e,{key:t,"data-testid":"permission-member-suggestion-"+t}),jsxRuntime.exports.jsxs("div",Object.assign({className:c.member},{children:[i?jsxRuntime.exports.jsx(Avatar,{alt:n,src:i,className:c.memberAvatar}):jsxRuntime.exports.jsx(Avatar,Object.assign({className:c.memberAvatar},{children:s===g.User?r:jsxRuntime.exports.jsx(Group,{})})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3","data-testid":"admin-center-permissions.member-lookup.name-suggestion"},{children:n})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2","data-testid":"admin-center-permissions.member-lookup.email-count-suggestion"},{children:a}))]})]})),o?jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption"},{children:u})):null),h=(e,s)=>(null==e?void 0:e.charAt(0).toUpperCase())+" "+(null==s?void 0:s.charAt(0).toUpperCase());const j=({id:e,type:s,name:t,initials:i,imageUrl:n})=>jsxRuntime.exports.jsxs("div",Object.assign({className:c.chipMember},{children:[n?jsxRuntime.exports.jsx(Avatar,{variant:"circular",alt:e,src:n,className:c.chipAvatar,sx:{cursor:"pointer"}}):jsxRuntime.exports.jsx(Avatar,Object.assign({variant:"circular",className:c.chipAvatar},{children:s===g.User?i:jsxRuntime.exports.jsx(Group,{})})),t]}));return jsxRuntime.exports.jsxs("div",Object.assign({className:c.memberLookupContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1"},{children:m})),jsxRuntime.exports.jsxs("div",Object.assign({className:c.autoCompleteContainer},{children:[jsxRuntime.exports.jsx(Autocomplete,{"data-testid":"permissions-member-lookup-input",className:c.autoComplete,multiple:!0,freeSolo:!0,openOnFocus:!0,disableClearable:!0,id:"permissions-panel.member-lookup",options:s,getOptionLabel:e=>{switch(e.memberType){case"User":return e.firstName+" "+e.lastName;case"AuthGroup":return e.name;default:return null}},value:n,onChange:t,renderOption:(e,s)=>{var t,i=s,s=e,n={type:g.User,key:i.id,current:i.current,props:Object.assign(Object.assign({},s),{onClick:i.current?()=>({}):s.onClick,className:c.memberInfoContainer+" "+(i.current?c.currentMemberInfoContainer:"")})};switch(i.memberType){case"User":return t=Object.assign(Object.assign({},n),{imageUrl:i.imageUrl,name:i.firstName+" "+i.lastName,initials:h(i.firstName,i.lastName),details:i.email}),b(t);case"AuthGroup":return t=null==(t=i.members.count)?void 0:t.toString(),t+="1"===t?" "+d:" "+l,t=Object.assign(Object.assign({},n),{name:i.name,details:t}),b(t);default:return null}},renderTags:(e,t)=>e.map((e,s)=>react.exports.createElement(Chip$1,Object.assign({},t({index:s}),{className:c.chipContainer,variant:"outlined",key:e.id,label:(e=>{let s;switch(e.memberType){case"User":return s={id:e.id,type:g.User,imageUrl:e.imageUrl,name:e.firstName+" "+e.lastName,initials:h(e.firstName,e.lastName)},j(s);case"AuthGroup":return s={id:e.id,type:g.AuthGroup,name:e.name},j(s);default:return null}})(e),deleteIcon:jsxRuntime.exports.jsx(Close,{})}))),renderInput:e=>jsxRuntime.exports.jsx(TextField,Object.assign({},e,{id:"group-members-description","data-testid":"group-members-description",inputProps:Object.assign(Object.assign({},e.inputProps),{onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()}}),label:p,className:c.membersName,onChange:x}))}),n.length?jsxRuntime.exports.jsx("div",Object.assign({className:c.permissionSelectContainer},{children:jsxRuntime.exports.jsx(Select,Object.assign({value:a.value,className:c.permissionsSelect,inputProps:{"data-testid":"permission-set-selection"},onChange:s=>o(r.find(e=>e.value===s.target.value))},{children:null==r?void 0:r.map(e=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e.value,"data-testid":"permission-set-option"},{children:e.label}),e.value))}))})):null]}))]}))};var EResourceType,EMemberType,MemberLookup$1=injectIntl(MemberLookup);const SLICE_NAME="adminCenterPermissions",useStyles$9=(!function(e){e[e.TDO=0]="TDO",e[e.SDO=1]="SDO",e[e.Folder=2]="Folder",e[e.Source=3]="Source",e[e.Organization=4]="Organization",e[e.Engine=5]="Engine",e[e.Library=6]="Library",e[e.Dataset=7]="Dataset",e[e.Application=8]="Application"}(EResourceType=EResourceType||{}),!function(e){e.User="User",e.Group="Group",e.AuthGroup="AuthGroup"}(EMemberType=EMemberType||{}),makeStyles()(e=>({memberCardContainer:{width:"500px",display:"flex",justifyContent:"space-between",padding:"20px 0",borderBottom:"1px solid rgb(219, 226, 234)"},accessControlsContainer:{display:"flex",alignItems:"center","& button":{border:"1px solid #D5DFE9",height:"36px"}},permissionsSelect:{color:"black",fontWeight:400,fontSize:"12px",maxHeight:"36px",paddingTop:"1px",transform:"translateY(1px)",marginRight:"14px","& fieldset":{border:"1px solid #D5DFE9"}},memberAvatar:{marginRight:"18px"},avatar:{color:"black",fontSize:"14px",background:"rgb(248,248,248)","& svg":{fill:"rgb(87,95,122)"}},flexContainer:{display:"flex"},membersCountContainer:{cursor:"pointer",color:"rgb(36,82,170)"},userEmailContainer:{color:"rgb(36,82,170)"},groupMemberContainer:{padding:"20px 0"}}))),useStyles$8=makeStyles()(()=>({modalContainer:{"& .Sdk-MuiDialog-container .MuiPaper-root":{margin:"0"},"& button":{height:"36px"}},modalTitle:{padding:"30px 30px 10px 30px"},modalContent:{padding:"0 30px 30px 30px"},modalActions:{padding:"0 30px 30px 30px"},cancelButton:{color:"black"}})),ConfirmationModal=injectIntl(({intl:e,open:s,onClose:t,onConfirm:i})=>{var{removeGroupAccessModalTitle:e,removeGroupAccessModalMessage:n,cancelBtn:r,confirmBtn:a}=formattedMessages(e),o=useStyles$8()["classes"];return jsxRuntime.exports.jsxs(Dialog,Object.assign({open:s,onClose:t,"aria-labelledby":"revoke-access-confirmation-modal","aria-describedby":"revoke-access-confirmation-modal","data-testid":"permissions-panel.confirmation-modal",className:o.modalContainer},{children:[jsxRuntime.exports.jsx(DialogTitle,Object.assign({"data-testid":"alert-dialog-title",className:o.modalTitle},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:e}))})),jsxRuntime.exports.jsx(DialogContent,Object.assign({className:o.modalContent},{children:jsxRuntime.exports.jsx(DialogContentText,Object.assign({"data-testid":"alert-dialog-description"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:n}))}))})),jsxRuntime.exports.jsxs(DialogActions,Object.assign({className:o.modalActions},{children:[jsxRuntime.exports.jsx(Button$1,Object.assign({onClick:t,"data-testid":"permission-panel.confirmation-modal.cancel"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:o.cancelButton},{children:r}))})),jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",onClick:()=>{i(),t()},"data-testid":"permission-panel.confirmation-modal.confirm"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:a}))}))]}))]}))}),MemberCard=({intl:e,ace:{member:s,createdAt:t,permissions:i},permissionOptions:n,onRemove:r,onChangeAccess:a})=>{const o=useDispatch(),c=useStyles$9()["classes"],{membersLabel:l,memberLabel:d,addedLabel:m,removeAccess:p}=formattedMessages(e),[u,x]=react.exports.useState(!1);const g=(e,s,t)=>jsxRuntime.exports.jsx("div",Object.assign({className:c.memberAvatar},{children:jsxRuntime.exports.jsx(Avatar,Object.assign({src:s||"",className:c.avatar},{children:"user"===e?t:jsxRuntime.exports.jsx(Group,{})}))})),b=()=>{var e={name:"GROUP_INFO_PANEL",config:{name:"Group Info",groupId:s.id}};o(mountPanel({panelId:"GROUP_INFO_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:640,size:"small",zIndex:1e3,parentPanelId:"PERMISSIONS_PANEL",dimmed:0,dimmedStatus:"dimParent"}}))},h=e=>`${new Date(e).getMonth()+1}/${new Date(e).getDay()}/`+new Date(e).getFullYear();var j;return jsxRuntime.exports.jsxs("div",Object.assign({className:c.memberCardContainer},{children:[jsxRuntime.exports.jsx("div",{children:(e=t,j=(null==(j=null==(t=s)?void 0:t.firstName)?void 0:j.substring(0,1))+(null==(j=null==t?void 0:t.lastName)?void 0:j.substring(0,1)),jsxRuntime.exports.jsxs("div",Object.assign({className:c.flexContainer,"data-testid":`permissions-panel-${t.memberType}-member-card`},{children:["User"===t.memberType?g("user",null==t?void 0:t.imageUrl,j):g(),(j=t.memberType.toLowerCase(),e=e,t=t,jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h3"},{children:"user"===j?`${null==t?void 0:t.firstName} `+(null==t?void 0:t.lastName):null==t?void 0:t.name}))}),jsxRuntime.exports.jsx("div",Object.assign({className:c.membersCountContainer},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:"user"===j?t.email:jsxRuntime.exports.jsxs("span",Object.assign({onClick:b},{children:[null==(j=null==t?void 0:t.members)?void 0:j.count," ",1===(null==(j=null==t?void 0:t.members)?void 0:j.count)?d:l]}))}))})),jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"caption"},{children:[m," ",h(e)]}))})]}))]})))}),jsxRuntime.exports.jsxs("div",Object.assign({className:c.accessControlsContainer,"data-testid":"permissions-panel-member-card-select-access"},{children:[jsxRuntime.exports.jsx(Select,Object.assign({className:c.permissionsSelect,value:i.value,inputProps:{"data-testid":"permissions-panel-member-card-access-input"},onChange:e=>a(e.target.value,s.id,"AuthGroup"===s.memberType?EMemberType.Group:EMemberType.User)},{children:null==n?void 0:n.map(e=>jsxRuntime.exports.jsx(MenuItem,Object.assign({value:e.value},{children:e.label}),e.value))})),jsxRuntime.exports.jsxs(Button$1,Object.assign({variant:"outlined",onClick:()=>x(!0),"data-testid":"permissions-panel-member-card-revoke-access"},{children:[jsxRuntime.exports.jsx(ConfirmationModal,{onConfirm:()=>r(s.id),onClose:()=>x(!1),open:u}),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",sx:{color:"black",fontWeight:400}},{children:p}))]}))]}))]}))};var MemberCard$1=injectIntl(MemberCard);const useStyles$7=makeStyles()(e=>({tabsParent:{paddingLeft:"7px",borderBottom:"1px solid rgb(219, 226, 234)","& div":{padding:e.spacing(0,0,0,1.6),borderBottom:"none"},"& div button":{flex:"0 1 auto !important"},"& .Sdk-MuiTabs-root":{paddingLeft:0},"& .Sdk-MuiTabs-fixed":{paddingLeft:0},"& .Sdk-MuiTabs-flexContainer":{paddingLeft:0}},tabsContainer:{"& .Sdk-Mui-selected":{color:"black"}},tabContent:{padding:"0 30px",height:"calc(100vh - 415px)",overflowY:"scroll"},groupMemberCardsContainer:{padding:"0 20px",overflowY:"scroll","& > div":{borderBottom:"1px solid #D5DFE9"},height:"calc(100vh - 55px - 150px - 55px)","&::-webkit-scrollbar":{display:"none"}},groupInfoContainer:{padding:"20px 30px"}})),renderWhenReady=(e,s,t)=>"success"===e||"idle"===e?s:t?jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:[1,2,3].map(e=>jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("br",{}),jsxRuntime.exports.jsx(Skeleton$1,{variant:"rectangular"})]},e))}):null,dateFormat=e=>{const s=new Date(e||"");return(8<s.getMonth()?s.getMonth()+1:"0"+(s.getMonth()+1))+"/"+(9<s.getDate()?s.getDate():"0"+s.getDate())+"/"+s.getFullYear()},PermissionPanelTabs=({aces:e,permissionOptions:i=[],isMVP:s=!1,onRevokeAccess:t,onChangeAccess:n,loadingStatus:r})=>{const[a,o]=react.exports.useState(0),[c,l]=react.exports.useState([]),[d,m]=react.exports.useState([]);var p=useStyles$7()["classes"];const u=e=>{const t=[];return e.forEach(s=>{var e=i.find(e=>e.value===s.permissionSet.permissionId);e&&t.push(Object.assign(Object.assign({},s),{permissions:e}))}),t},x=(react.exports.useEffect(()=>{const t=[],i=[];e.forEach(e=>{var s;("user"===(null==(s=null==(s=e.member)?void 0:s.memberType)?void 0:s.toLowerCase())?t:i).push(e)}),l(u(t)),m(u(i))},[e]),[{label:jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"permissions-panel.tabs.group-label",defaultMessage:"Groups",description:"Group members of a permission set"})," ","(",d.length,")"]}),disabled:0===d.length,id:"groups"}]);var g={label:jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"permissions-panel.tabs.people-label",defaultMessage:"People",description:"User members of a permission set"})," ","(",c.length,")"]}),disabled:0===c.length,id:"people"};s||x.unshift(g);return jsxRuntime.exports.jsxs("div",Object.assign({className:p.tabsContainer,"data-testid":"permissions-panel-members-tabs"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:p.tabsParent},{children:renderWhenReady(r,jsxRuntime.exports.jsx(CustomTabs,{selectedId:a,onChangeTab:e=>{o(e)},tabsList:x}))})),jsxRuntime.exports.jsx("div",Object.assign({className:p.tabContent},{children:renderWhenReady(r,jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[s?null:jsxRuntime.exports.jsx(TabPanel,Object.assign({value:a,index:0},{children:c.map(e=>jsxRuntime.exports.jsx(MemberCard$1,{ace:e,permissionOptions:i,onRemove:t,onChangeAccess:n},e.id))})),jsxRuntime.exports.jsx(TabPanel,Object.assign({value:a,index:s?0:1},{children:d.map(e=>jsxRuntime.exports.jsx(MemberCard$1,{ace:e,permissionOptions:i,onRemove:t,onChangeAccess:n},e.id))}))]}),!0)}))]}))},useStyles$6=makeStyles()(()=>({controlsContainer:{padding:"0 30px 25px 30px",display:"flex",justifyContent:"end","& button":{height:"36px"}},backBtn:{color:"black",marginRight:"30px"}})),Controls$1=({intl:e,newMembers:s,onGrantAccess:t,onBack:i,onDone:n})=>{var r=useStyles$6()["classes"],{panelControlsBackBtn:e,panelControlsSendBtn:a,panelControlsDoneBtn:o}=formattedMessages(e);return jsxRuntime.exports.jsx("div",Object.assign({className:r.controlsContainer},{children:s.length?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"text",className:r.backBtn,onClick:i,"data-testid":"permissions-panel.controls.back-btn"},{children:e})),jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",onClick:t,"data-testid":"permissions-panel.controls.send-btn"},{children:a}))]}):jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",onClick:n,"data-testid":"permissions-panel.controls.done-btn"},{children:o}))}))};var PanelControls=injectIntl(Controls$1);const useStyles$5=makeStyles()(()=>({permissionsPanelContainer:{height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"}})),namespace$1="adminCenterPermissions",initialState$1={selectedResource:null,status:"idle",foundMembers:[],permissions:[],permissionSets:null,permissionSetsLoadingStatus:"idle",permissionSetsPagination:{hasMore:!0,offset:0},accessControlLoadingStatus:"idle",accessControlPagination:{hasMore:!0,offset:0},orgAccessControls:[]},adminCenterSlice=createSlice({name:SLICE_NAME+"/"+namespace$1,initialState:initialState$1,reducers:{fetchResoucesACLStart(e,s){e.status="loading"},fetchResoucesACLSuccess(e,s){e.status="success",e.selectedResource.records=s.payload.records},fetchResoucesACLFailure(e){e.status="failure"},addACLsToResoucesStart(e,s){e.status="loading"},addACLsToResoucesSuccess(e,s){e.status="success",e.selectedResource.records=s.payload.records},addACLsToResoucesFailure(e){e.status="failure"},removeACLsFromResoucesStart(e,s){e.status="loading"},removeACLsFromResoucesSuccess(e,s){e.status="success",e.selectedResource.records=s.payload.records},removeACLsFromResoucesFailure(e){e.status="failure"},setSelectedResource(e,s){e.selectedResource=s.payload},lookupMembersStart(e,s){e.status="loading"},lookupMembersSuccess(e,s){e.status="success",e.foundMembers=s.payload},lookupMembersFailure(e){e.status="failure"},fetchOrgFuncPermissionsStart(e){e.status="loading"},fetchOrgFuncPermissionsSuccess(e,s){s=s.payload.records.filter(e=>e.permissionName.includes("tdo")||e.permissionName.includes("folder"));e.status="success",e.permissions=s},fetchOrgFuncPermissionsFailure(e){e.status="failure"},changeACLsOnResoucesStart(e,s){e.status="loading"},changeACLsOnResoucesSuccess(e,s){e.status="success",e.selectedResource.records=s.payload.records},changeACLsOnResoucesFailure(e){e.status="failure"},fetchOrgPermissionSetsStart(e){e.permissionSetsLoadingStatus="loading"},fetchOrgPermissionSetsSuccess(e,s){var{permissionSets:s,hasMore:t,offset:i}=s.payload;e.status="success",e.permissionSetsLoadingStatus="success",e.permissionSets=s.records,e.permissionSetsPagination={hasMore:t,offset:i}},fetchOrgPermissionSetsFailure(e){e.permissionSetsLoadingStatus="failure"},createPermissionSetStart(e,s){e.status="loading"},createPermissionSetSuccess(e,s){e.status="success",e.permissionSets||(e.permissionSets=[]),e.permissionSets.push(s.payload)},createPermissionSetFailure(e){e.status="failure"},fetchOrgAccessControlStart(e,s){e.accessControlLoadingStatus="loading"},fetchOrgAccessControlSuccess(e,s){var{accessControls:s,hasMore:t,offset:i}=s.payload;e.accessControlLoadingStatus="success",e.orgAccessControls=[...e.orgAccessControls,...s.records],e.accessControlPagination={hasMore:t,offset:i}},fetchOrgAccessControlFailure(e){e.accessControlLoadingStatus="failure"},refreshAccessControls(e){e.orgAccessControls=[],e.accessControlPagination={hasMore:!0,offset:0}},updatePermissionSetStart(e,s){e.permissionSetsLoadingStatus="loading"},updatePermissionSetSuccess(e,s){e.permissionSetsLoadingStatus="success";var t=null==(t=e.permissionSets)?void 0:t.findIndex(e=>e.id===s.payload.id);-1!==t&&e.permissionSets&&(e.permissionSets[t]=s.payload)},updatePermissionSetFailure(e){e.permissionSetsLoadingStatus="failure"}}}),actions$1=adminCenterSlice.actions;var adminCenterPermissions_state=adminCenterSlice.reducer;const namespace=SLICE_NAME,initialState={[namespace$1]:initialState$1},actions={[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$1]:adminCenterPermissions_state});function __rest(e,s){var t={};for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&s.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)s.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]]);return t}function __awaiter(e,a,o,c){return new(o=o||Promise)(function(t,s){function i(e){try{r(c.next(e))}catch(e){s(e)}}function n(e){try{r(c.throw(e))}catch(e){s(e)}}function r(e){var s;e.done?t(e.value):((s=e.value)instanceof o?s:new o(function(e){e(s)})).then(i,n)}r((c=c.apply(e,a||[])).next())})}const getACLsQuery=`
-    query getACLs ( $resourceType: AuthResourceType!, $ids: [ID]! ){
-        getACLForResources (resourceType: $resourceType, ids: $ids){
-        records {
-          id
-          objectID
-          objectType
-          permissionSet {
-            permissionId: id
-            permissionName: name
-            permissionDescription: description
-          }
-          createdAt
-          member {
-            ... on User {
-              id
-              email: name
-              firstName
-              lastName
-              memberType: __typename
-            }
-            ... on AuthGroup {
-              id
-              name
-              description
-              memberType: __typename
-              members {
-                count
-                records {
-                  member {
-                    ... on User {
-                      id
-                      email: name
-                      firstName
-                      lastName
-                    }
-                    ... on AuthGroup {
-                      id
-                      name
-                      description
-                      members {
-                        count
-                        records {
-                          member {
-                            ... on User {
-                              id
-                              name: email
-                              firstName
-                              lastName
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  `,setACLsMutation=`
-    addACEsToResources (resourceType: $resourceType, ids: $ids, entries: $entries){
-    records {
-      id
-      objectID
-      objectType
-      permissionSet {
-        permissionId: id
-        permissionName: name
-        permissionDescription: description
-      }
-      member {
-        ... on User {
-          id
-          email: name
-          firstName
-          lastName
-          memberType: __typename
-        }
-        ... on AuthGroup {
-          id
-          name
-          description
-          memberType: __typename
-          members {
-            count
-            records {
-              member {
-                ... on User {
-                  id
-                  email: name
-                  firstName
-                  lastName
-                }
-                ... on AuthGroup {
-                  id
-                  name
-                  description
-                  members {
-                    count
-                    records {
-                      member {
-                        ... on User {
-                          id
-                          name: email
-                          firstName
-                          lastName
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
+import{a as generateUtilityClasses,g as generateUtilityClass,b as styled,_ as _extends$3,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,T as Typography$1,j as jsxRuntime,f as clsx,h as composeClasses,z as createSvgIcon,C as interopRequireDefault,H as createSlice,p as lodash,cf as combineReducers,cg as createSelector,O as rootApiSelector,R as graphEndpointSelector,Q as sessionTokenSelector,ch as fork,dK as channel,m as makeStyles,ci as AIWareThemeProvider,K as lib,A as AIWareIntlProvider,bx as CacheProvider,by as muiCache,i as useDispatch,k as useSelector,G as Grid$1,F as FormattedMessage,a9 as IconButton,aY as default_1$1,v as FormControl,w as TextField,co as InputAdornment,bE as CircularProgress,cn as default_1$2,aq as FormControlLabel$1,ar as Checkbox,a7 as Divider,af as takeLatest$1,B as Box,cp as unmountPanel,cq as AvailableComponents,a8 as Tooltip,cj as Close,aW as MenuItem,bK as map_1,bL as keys_1,at as Button,bJ as get_1,aF as TableRow,fz as MoreHor,bZ as Radio,cr as delay,ah as put,ai as select,ak as call,bW as showMessage,bX as MessageSeverity,M as preferredLanguageSelector,a2 as all,dR as ProgressStepper,dg as toString_1,dQ as toNumber_1,b4 as AIWareFormatMessage,dD as take,bM as RadioGroup,cB as img$1u,cD as baseGraphQLApiWithError,dU as sdkEventManager,dV as SdkEvents,dW as SdkError,ap as FormGroup,an as FormLabel,S as Switch,x as classnames,bC as isEmpty_1,cs as mountPanel,d$ as guid}from"./js-core.esm.js";import{s as set_1,c as InputText,e as InputSelect,f as InputCheckbox,g as InputRadioGroup,P as Picklist,N as Number$1,S as SchemaOrText,H as Heading,E as EntityTags,L as ListField,h as uploadFileToS3,i as getSignedWritableUrl,o as orderBy_1,l as lowerCase_1,j as includes_1}from"./js-core.esm18.js";import{u as useForm,F as FormProvider,c as findIndex_1}from"./js-core.esm13.js";import{d as default_1$3}from"./js-core.esm8.js";import{f as filter_1}from"./js-core.esm22.js";import{S as Stack}from"./js-core.esm19.js";import{C as Card}from"./js-core.esm9.js";import{C as CardContent}from"./js-core.esm10.js";import{C as Chip$1}from"./js-core.esm23.js";import"./js-core.esm20.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$3({["& ."+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$3({},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$3({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$3({variant:a?"body2":"body1",className:x.subheader,color:"text.secondary",component:"span",display:"block"},p,{children:u}))),jsxRuntime.exports.jsxs(CardHeaderRoot,_extends$3({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,ContextMenuExtensionType,UiInfo,FormStatus,FormValidations,AppFieldType,DeploymentModel,AppConfigType,AppConfigLevel,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$6=(!function(e){e.Failed="failed",e.Idle="idle",e.Pending="pending"}(LoadingStatus=LoadingStatus||{}),!function(e){e.mention="mention",e.watchlist="watchlist",e.collection="collection",e.tdo="tdo"}(ContextMenuExtensionType=ContextMenuExtensionType||{}),!function(e){e.PanelClosed="closed",e.PanelOpen="open"}(UiInfo=UiInfo||{}),!function(e){e[e.Pending=0]="Pending",e[e.Submitting=1]="Submitting",e[e.Success=2]="Success",e[e.Error=3]="Error"}(FormStatus=FormStatus||{}),!function(e){e.Pending="pending",e.EmptyFieldError="This field should not be empty",e.SpecialCharError="This field cannot contain special characters"}(FormValidations=FormValidations||{}),!function(e){e.Number="Number",e.Picklist="Picklist",e.MultiPicklist="MultiPicklist",e.Text="Text",e.SchemaSelection="SchemaSelection"}(AppFieldType=AppFieldType||{}),!function(e){e.FullyNetworkIsolated="FullyNetworkIsolated",e.MostlyNetworkIsolated="MostlyNetworkIsolated",e.NonNetworkIsolated="NonNetworkIsolated",e.HumanReview="HumanReview"}(DeploymentModel=DeploymentModel||{}),!function(e){e.Number="Integer64",e.Picklist="JSON",e.MultiPicklist="JSON",e.Text="String",e.SchemaSelection="JSON",e.Boolean="Boolean",e.Date="Date",e.Float="Float"}(AppConfigType=AppConfigType||{}),!function(e){e.Org="Organization",e.User="User"}(AppConfigLevel=AppConfigLevel||{}),!function(e){e.Idle="idle",e.Uploading="uploading",e.Uploaded="uploaded",e.Failed="failed",e.Aborted="aborted"}(IconImportStatus=IconImportStatus||{}),"uiState"),initialState$5={status:LoadingStatus.Idle},slice$5=createSlice({name:SLICE_NAME+"/"+namespace$6,initialState:initialState$5,reducers:{}}),actions$6=slice$5.actions;var uiState=slice$5.reducer;const namespace$5="appFormState",initialState$4={app:{configFields:[],name:"",description:"",iconPath:"",url:"",headerbarEnabled:!0,npmModules:[],flows:[],schemas:[],engines:[],entityTags:[]},step:[],isLoadingExistingAppData:!1,isEditForm:!1,formValidations:FormValidations.Pending,formStatus:FormStatus.Pending,uiInfo:UiInfo.PanelClosed,currentComponents:{engines:[],dataRegistries:[]}},slice$4=createSlice({name:SLICE_NAME+"/"+namespace$5,initialState:initialState$4,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=[]},addNpmModule(e,t){e.app.npmModules=lodash.exports.concat(e.app.npmModules,t.payload)},updateNpmModule(e,t){var{npmModules:t,index:s}=t.payload;lodash.exports.set(e,`app.npmModules[${s}]`,t)},removeNpmModule(e,t){e.app.npmModules.splice(t.payload,1)}}}),actions$5=slice$4.actions;var appFormState=slice$4.reducer;const namespace$4="flowLinkingPanelState",initialState$3={searchTerm:"",isLoadingSearchResults:!1,sortOrder:"asc",searchResults:[]},slice$3=createSlice({name:SLICE_NAME+"/"+namespace$4,initialState:initialState$3,reducers:{searchByTerm(e,t){set_1(e,"searchTerm",t.payload)},fetchingStart(e){set_1(e,"isLoadingSearchResults",!0)},fetchingDone(e){set_1(e,"isLoadingSearchResults",!1)},toggleSortOrder(e,t){set_1(e,"sortOrder",lodash.exports.isNil(t.payload)?"asc"===e.sortOrder?"desc":"asc":t.payload)},updateFlowLinkingPanelField(e,t){var{field:t,value:s}=t.payload;set_1(e,t,s)}}}),actions$4=slice$3.actions;var flowLinkingPanelState=slice$3.reducer;const namespace$3="schemaLinkingPanelState",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)},updateSchemaLinkingPanelField(e,t){var{field:t,value:s}=t.payload;set_1(e,t,s)}}}),actions$3=slice$2.actions;var schemaLinkingPanelState=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 iconUploadState=slice.reducer;const namespace=SLICE_NAME,actions={[namespace$6]:actions$6,[namespace$5]:actions$5,[namespace$4]:actions$4,[namespace$3]:actions$3,[namespace$2]:actions$2,[namespace$1]:actions$1},rootReducer=combineReducers({[namespace$6]:uiState,[namespace$5]:appFormState,[namespace$2]:engineLinkingPanelState,[namespace$4]:flowLinkingPanelState,[namespace$3]:schemaLinkingPanelState,[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,selectNpmModules=e=>e[namespace].appFormState.app.npmModules,selectFlowLinkingPanel=e=>e[namespace].flowLinkingPanelState,selectSchemaLinkingPanel=e=>e[namespace].schemaLinkingPanelState,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))}),createApplication=(t,s)=>__awaiter(void 0,void 0,void 0,function*(){var e="createApplication";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation createApplication ($input: CreateApplication!) {\n      createApplication (input: $input) {\n        id\n      }\n    }\n  ",variables:{input:s},operationName:e},t)))[e]}),updateAppComponents=(r,o)=>__awaiter(void 0,void 0,void 0,function*(){const{engines:t,dataRegistries:s,id:a}=o,n="updateApplicationComponent";let i="";lodash.exports.forEach(lodash.exports.keys(t),e=>{lodash.exports.isEmpty(t[e])||(i+=`
+      ${e}Engines: ${n} (input: {
+        id: "${a}"
+        componentIds: [${lodash.exports.join(lodash.exports.map(t[e],e=>`"${e}"`),",")}]
+        type: engines
+        action: ${e}
+      }) {
+        engines {
+          records {
+            id
           }
         }
       }
-      createdAt
-    }
-  }
-`,removeACLsMutation=`
-  removeACEsFromResource ( resourceType: $resourceType, ids: $aceIDsToRemove ){
-    records {
-      id
-      objectID
-      objectType
-      permissionSet {
-        permissionId: id
-        permissionName: name
-        permissionDescription: description
-      }
-      member {
-        ... on User {
-          id
-          email: name
-          firstName
-          lastName
-          memberType: __typename
-        }
-        ... on AuthGroup {
-          id
-          name
-          description
-          memberType: __typename
-          members {
-            count
-            records {
-              member {
-                ... on User {
-                  id
-                  email: name
-                  firstName
-                  lastName
-                }
-                ... on AuthGroup {
-                  id
-                  name
-                  description
-                  members {
-                    count
-                    records {
-                      member {
-                        ... on User {
-                          id
-                          name: email
-                          firstName
-                          lastName
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
+    `)}),lodash.exports.forEach(lodash.exports.keys(s),e=>{lodash.exports.isEmpty(s[e])||(i+=`
+      ${e}DataRegistries: ${n} (input: {
+        id: "${a}"
+        componentIds: [${lodash.exports.join(lodash.exports.map(s[e],e=>`"${e}"`),",")}]
+        type: dataRegistries
+        action: ${e}
+      }) {
+        dataRegistries {
+          records {
+            id
           }
         }
       }
-      createdAt
-    }
-  }
-`;function getACLs(s,{resourceType:t,ids:i}){return __awaiter(this,void 0,void 0,function*(){var e={resourceType:t,ids:i};return(yield baseGraphQLApiWithError(Object.assign({query:getACLsQuery,operationName:"getACLs",variables:e},s))).getACLForResources})}function getACLsPaginated(s,{resourceType:t,ids:i,limit:n=30,offset:r}){return __awaiter(this,void 0,void 0,function*(){var e={resourceType:t,ids:i,offset:r,limit:n};return(yield baseGraphQLApiWithError(Object.assign({query:getACLsQuery,operationName:"getACLs",variables:e},s))).getACLForResources})}function setACLsOnResources(i,{type:n,ids:r,entries:a}){return __awaiter(this,void 0,void 0,function*(){var e="setACLs",s={resourceType:n,ids:r,entries:a},t=`
-  mutation ${e} ( $resourceType: AuthResourceType!, $ids: [ID!]!, $entries: [AuthACEPermissionInput!]!){
-    ${setACLsMutation}
-  }
-  `;return(yield baseGraphQLApiWithError(Object.assign({query:t,operationName:e,variables:s},i))).addACEsToResources})}function removeACLsOnResource(i,{ids:n,type:r}){return __awaiter(this,void 0,void 0,function*(){var e="removeACLsOnResource",s={aceIDsToRemove:n,resourceType:r},t=`
-  mutation ${e} ( $resourceType: AuthResourceType! $aceIDsToRemove: [ID!]!) {
-    ${removeACLsMutation}
-  }
-  `;return(yield baseGraphQLApiWithError(Object.assign({query:t,operationName:e,variables:s},i))).removeACEsFromResource})}function getOrgPermissionSets(t,{offset:i,limit:n=300}){return __awaiter(this,void 0,void 0,function*(){var e="getOrgPermissionSets",s="authPermissionSets";return{records:(yield baseGraphQLApiWithError(Object.assign({query:`
-    query ${e} {
-      ${s} (
-        offset: ${i},
-        limit: ${n}
-      ) {
-        records {
-          id
-          name
-          description
-          permissions
-          createdAt
-        }
-      }
-    }
-  `,operationName:e},t)))[s].records}})}function getOrgFunctionalPermissions(t){return __awaiter(this,void 0,void 0,function*(){var e="getOrgFunctionalPermissions",s="permissions";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    query getOrgFunctionalPermissions {\n      permissions (limit: 300) {\n        records {\n          permissionId: id\n          permissionName: name\n          permissionDescription: description\n        }\n      }\n    }\n  ",operationName:e},t)))[s]})}function hasPermissions(t,{resourceType:i,ids:n}){return __awaiter(this,void 0,void 0,function*(){var e="hasPermissions",s="hasPermissions";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    query hasPermissions ( $resourceType: AuthResourceType! $ids: [ID!]! $permissions: [AuthPermissionType!]! ) {\n      hasPermissions (resourceType: $resourceType ids: $ids permissions: $permissions) {\n          hasPermission\n      }\n    }\n  ",operationName:e,variables:{resourceType:i,ids:n,permissions:"TDO"===i?"AIWARE_TDO_UPDATE":"AIWARE_FOLDER_UPDATE"}},t)))[s]})}function changeAccessLevel(n,{remove:r,add:a}){return __awaiter(this,void 0,void 0,function*(){var e=r["ids"],{type:s,ids:t,entries:i}=a,e={aceIDsToRemove:e,resourceType:s,ids:t,entries:i},s="changeACEsOnResource",t=`
-  mutation ${s} ( $aceIDsToRemove: [ID!]! $resourceType: AuthResourceType!, $ids: [ID!]!, $entries: [AuthACEPermissionInput!]!) {
-    ${removeACLsMutation}
-    ${setACLsMutation}
-  }
-  `;return(yield baseGraphQLApiWithError(Object.assign({query:t,operationName:s,variables:e},n))).addACEsToResources})}function getACLForOrganization(t,{offset:i,limit:n=30}){return __awaiter(this,void 0,void 0,function*(){var e="getACLForResources",s="getACLForResources";return(yield baseGraphQLApiWithError(Object.assign({query:`
-    query ${e} {
-      ${s} (
-        resourceType: Organization,
-        offset: ${i},
-        limit: ${n}
-      ) {
-        records {
-          id
-          name
-          description
-          permissions
-        }
-      }
-    }
-  `,operationName:e},t)))[s]})}function createPermissionSet(t,i){return __awaiter(this,void 0,void 0,function*(){var e="createPermissionSet",s="authPermissionSetCreate";return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation createPermissionSet ($input: AuthPermissionSetInput! ) {\n      authPermissionSetCreate (input: $input) {\n        id\n        name\n        description\n        permissions\n        createdAt\n      }\n    }\n  ",operationName:e,variables:{input:i}},t)))[s]})}function checkPermissionSetName(n,r){return __awaiter(this,void 0,void 0,function*(){var e="authPermissionSets",s={nameRegex:`^${r}$`},t=n.token,i=n.graphQLEndpoint;try{return yield baseGraphQLApi({query:"\n    query authPermissionSets ($nameRegex: String){\n      authPermissionSets (nameRegex: $nameRegex) {\n        records {\n            name\n        }\n      }\n    }\n  ",operationName:e,variables:s,graphEndpoint:i,token:t})}catch(e){console.log(e)}})}function updatePermissionSet(r,a){return __awaiter(this,void 0,void 0,function*(){var e="updatePermissionSet",s="authPermissionSetUpdate",{name:t,description:i,permissions:n}=a;if(!t&&!i&&!n)throw new Error("No new details were provided for the authPermissionSetUpdate operation");return(yield baseGraphQLApiWithError(Object.assign({query:"\n    mutation updatePermissionSet ($input: AuthPermissionSetUpdateInput! ) {\n      authPermissionSetUpdate (input: $input) {\n        id\n        name\n        description\n        permissions\n        createdAt\n      }\n    }\n  ",operationName:e,variables:{input:a}},r)))[s]})}var permissionsAPI$1=Object.freeze({__proto__:null,getACLs:getACLs,getACLsPaginated:getACLsPaginated,setACLsOnResources:setACLsOnResources,removeACLsOnResource:removeACLsOnResource,getOrgPermissionSets:getOrgPermissionSets,getOrgFunctionalPermissions:getOrgFunctionalPermissions,hasPermissions:hasPermissions,changeAccessLevel:changeAccessLevel,getACLForOrganization:getACLForOrganization,createPermissionSet:createPermissionSet,checkPermissionSetName:checkPermissionSetName,updatePermissionSet:updatePermissionSet});function fetchPermissionSetMembers(t,i){return __awaiter(this,void 0,void 0,function*(){var e="fetchPermissionSetMembers",s="authGroups";return[...(yield baseGraphQLApiWithError(Object.assign({query:"\n    query fetchPermissionSetMembers ( $nameRegex: String ){\n      authGroups (nameRegex: $nameRegex){\n    records {\n      id\n      name\n      members {\n        count\n        records {\n          member {\n            ... on User {\n              id\n              email: name\n              firstName\n              lastName\n            }\n            ... on AuthGroup {\n              id\n              name\n              description\n              members {\n                count\n                records {\n                  member {\n                    ... on User {\n                      id\n                      email: name\n                      firstName\n                      lastName\n                    }\n                  }\n                  createdAt\n                }\n              }\n            }\n          }\n          createdAt\n        }        \n      }\n      memberType: __typename\n    }\n  }\n  \n            \n    }\n  ",operationName:e,variables:{name:i,nameRegex:i}},t)))[s].records]})}var EPermissionType,MeaningfulPermissions,memberLookupAPI$1=Object.freeze({__proto__:null,fetchPermissionSetMembers:fetchPermissionSetMembers}),api={permissionsAPI:permissionsAPI$1,memberLookupAPI:memberLookupAPI$1},index=Object.freeze({__proto__:null,default:api});const selectCurrentResource=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.selectedResource},selectFoundMembers=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.foundMembers},selectLoadingStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.status},selectPermissions=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.permissions},selectPermissionSets=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.permissionSets},selectPermissionSetById=s=>e=>{return((null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.permissionSets)||[]).find(e=>e.id===s)},selectPermissionSetsLoadingStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.permissionSetsLoadingStatus},selectPermissionSetsPagination=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.permissionSetsPagination},selectOrgAccessControls=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.orgAccessControls},selectOrgAccessControlLoadingStatus=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.accessControlLoadingStatus},selectOrgAccessControlPagination=e=>{return null==(e=null==(e=null==e?void 0:e[SLICE_NAME])?void 0:e[namespace$1])?void 0:e.accessControlPagination},selectApiConfigs=createSelector([rootApiSelector,graphEndpointSelector,sessionTokenSelector],(e,s,t)=>({apiRoot:e,graphQLEndpoint:s,token:t})),{permissionsAPI,memberLookupAPI}=api,memberIsGroup=e=>"members"in e;function*triggerACLEvents(e,t){const s=e.records;s.forEach(e=>{var s=memberIsGroup(e.member)?{type:EMemberType$1.Group.toString(),id:e.member.id}:{type:EMemberType$1.User.toString(),id:e.member.id};sdkEventManager.dispatch(SdkEvents.permissionChanged,null,{action:t,objectId:e.objectID,permissionId:e.permissionSet.permissionId,member:s,modifiedAt:(new Date).toISOString()})}),yield s}function*fetchResoucesACLSaga(e){try{var s=yield select(selectApiConfigs$1),t=yield permissionsAPI.getACLs(s,e.payload);yield put(actions.adminCenterPermissions.fetchResoucesACLSuccess(t))}catch(e){yield put(actions.adminCenterPermissions.fetchResoucesACLFailure()),console.log(e)}}function*addACLsToResoucesSaga(e){try{var s=yield select(selectApiConfigs$1),t=yield permissionsAPI.setACLsOnResources(s,e.payload);yield*triggerACLEvents(t,PermissionChangedAction.GRANTED),yield put(actions.adminCenterPermissions.addACLsToResoucesSuccess(t))}catch(e){yield put(actions.adminCenterPermissions.addACLsToResoucesFailure()),console.log(e)}}function*removeACLsFromResoucesSaga(e){try{var s=yield select(selectApiConfigs$1),t=yield permissionsAPI.removeACLsOnResource(s,e.payload);yield*triggerACLEvents(t,PermissionChangedAction.REVOKED),yield put(actions.adminCenterPermissions.removeACLsFromResoucesSuccess(t))}catch(e){yield put(actions.adminCenterPermissions.removeACLsFromResoucesFailure()),console.log(e)}}function*lookupMembersSaga(e){try{var s=yield select(selectApiConfigs$1),t=yield memberLookupAPI.fetchPermissionSetMembers(s,e.payload);yield put(actions.adminCenterPermissions.lookupMembersSuccess(t))}catch(e){yield put(actions.adminCenterPermissions.lookupMembersFailure()),console.log(e)}}function*getOrgFunctionalPermissionsSaga(e){try{var s=yield select(selectApiConfigs$1),t=yield permissionsAPI.getOrgFunctionalPermissions(s);yield put(actions.adminCenterPermissions.fetchOrgFuncPermissionsSuccess(t))}catch(e){yield put(actions.adminCenterPermissions.fetchOrgFuncPermissionsFailure()),console.log(e)}}function*changeACLsToResoucesSaga(e){try{var s=yield select(selectApiConfigs$1),t=yield permissionsAPI.changeAccessLevel(s,e.payload);yield put(actions.adminCenterPermissions.changeACLsOnResoucesSuccess(t))}catch(e){yield put(actions.adminCenterPermissions.changeACLsOnResoucesFailure()),console.log(e)}}function*fetchOrgPermissionSetsSaga(e){try{var s,t=yield select(selectApiConfigs$1),{offset:i,hasMore:n}=yield select(selectPermissionSetsPagination);n&&(s=yield permissionsAPI.getOrgPermissionSets(t,{offset:i}),yield put(actions.adminCenterPermissions.fetchOrgPermissionSetsSuccess({permissionSets:s,hasMore:300===s.records.length,offset:i+300})))}catch(e){yield put(actions.adminCenterPermissions.fetchOrgPermissionSetsFailure()),console.log(e)}}function*createPermissionSetSaga(e){var s=yield select(preferredLanguageSelector);const t=AIWareFormatMessage(s);try{var i=yield select(selectApiConfigs$1),n=yield permissionsAPI.createPermissionSet(i,e.payload);yield put(actions.adminCenterPermissions.createPermissionSetSuccess(n)),yield put(showMessage({content:t({id:"os-admin-center-permissions.create-permission-set-success-message",defaultMessage:[{type:0,value:"The permission set was successfully created"}]}),severity:MessageSeverity.Success}))}catch(e){yield put(actions.adminCenterPermissions.createPermissionSetFailure()),yield put(showMessage({content:t({id:"os-admin-center-permissions.create-permission-set-error-message",defaultMessage:[{type:0,value:"Something went wrong while creating the permission set"}]}),severity:MessageSeverity.Error})),console.log(e)}}function*updatePermissionSetSaga(e){var s=yield select(preferredLanguageSelector);const t=AIWareFormatMessage(s);try{var i=yield select(selectApiConfigs$1),n=yield permissionsAPI.updatePermissionSet(i,e.payload);yield put(actions.adminCenterPermissions.updatePermissionSetSuccess(n)),yield put(showMessage({content:t({id:"os-admin-center-permissions.update-permission-set-success-message",defaultMessage:[{type:0,value:"The permission set was successfully updated"}]}),severity:MessageSeverity.Success}))}catch(e){yield put(actions.adminCenterPermissions.updatePermissionSetFailure()),yield put(showMessage({content:t({id:"os-admin-center-permissions.update-permission-set-error-message",defaultMessage:[{type:0,value:"Something went wrong while updated selected permission set"}]}),severity:MessageSeverity.Error})),console.log(e)}}function*fetchOrgAccessControlSaga(e){try{var s,t=yield select(selectApiConfigs$1),{offset:i,hasMore:n}=yield select(selectOrgAccessControlPagination),r=e.payload;n&&(s=yield permissionsAPI.getACLsPaginated(t,{offset:i,limit:30,resourceType:"Organization",ids:[r]}),yield put(actions.adminCenterPermissions.fetchOrgAccessControlSuccess({accessControls:s,hasMore:30===s.records.length,offset:i+30})))}catch(e){yield put(actions.adminCenterPermissions.fetchOrgAccessControlFailure()),console.log(e)}}function*fetchResoucesACLWatcher(){yield takeEvery$1(actions.adminCenterPermissions.fetchResoucesACLStart.type,fetchResoucesACLSaga)}function*addACLsToResoucesWatcher(){yield takeEvery$1(actions.adminCenterPermissions.addACLsToResoucesStart.type,addACLsToResoucesSaga)}function*removeACLsFromResoucesWatcher(){yield takeEvery$1(actions.adminCenterPermissions.removeACLsFromResoucesStart.type,removeACLsFromResoucesSaga)}function*lookupMembersWatcher(){yield takeEvery$1(actions.adminCenterPermissions.lookupMembersStart.type,lookupMembersSaga)}function*getOrgFunctionalPermissionsWatcher(){yield takeEvery$1(actions.adminCenterPermissions.fetchOrgFuncPermissionsStart.type,getOrgFunctionalPermissionsSaga)}function*changeACLsToResoucesWatcher(){yield takeEvery$1(actions.adminCenterPermissions.changeACLsOnResoucesStart.type,changeACLsToResoucesSaga)}function*fetchOrgPermissionSetsWatcher(){yield takeEvery$1(actions.adminCenterPermissions.fetchOrgPermissionSetsStart.type,fetchOrgPermissionSetsSaga)}function*fetchOrgAccessControlsWatcher(){yield takeEvery$1(actions.adminCenterPermissions.fetchOrgAccessControlStart.type,fetchOrgAccessControlSaga)}function*createPermissionSetWatcher(){yield takeEvery$1(actions.adminCenterPermissions.createPermissionSetStart.type,createPermissionSetSaga)}function*updatePermissionSetWatcher(){yield takeEvery$1(actions.adminCenterPermissions.updatePermissionSetStart.type,updatePermissionSetSaga)}function*rootSaga(){yield all([fetchResoucesACLWatcher(),addACLsToResoucesWatcher(),removeACLsFromResoucesWatcher(),lookupMembersWatcher(),getOrgFunctionalPermissionsWatcher(),changeACLsToResoucesWatcher(),fetchOrgPermissionSetsWatcher(),createPermissionSetWatcher(),updatePermissionSetWatcher(),fetchOrgAccessControlsWatcher()])}function getAdminCenterPermissionsModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const PERMISSIONS_PANEL="PERMISSIONS_PANEL",PermissionsPanel=(!function(e){e.FOLDER="Folder",e.TDO="TDO",e.Organization="Organization"}(EPermissionType=EPermissionType||{}),injectIntl(({intl:e,permissionType:s,refreshAndLoadAccessControls:t})=>{const[i,n]=react.exports.useState(!1),[r,a]=react.exports.useState([]),[o,c]=react.exports.useState([]),l=useSelector(selectFoundMembers),d=useSelector(selectCurrentResource);var m=useSelector(selectLoadingStatus),{permissionsPanelHeader:e,permissionsPanelClose:p}=formattedMessages(e),u=(react.exports.useEffect(()=>(n(!0),()=>n(!1)),[]),react.exports.useEffect(()=>{var e,s;i&&d&&!d.records&&({type:e,id:s}=d,x(actions.adminCenterPermissions.fetchResoucesACLStart({resourceType:e,ids:[s]})))},[d,i]),react.exports.useEffect(()=>{if(i){const e=r.length?l.filter(s=>!r.find(e=>(null==e?void 0:e.id)===(null==s?void 0:s.id))):l,t=[];e.forEach(s=>{var e;null!=(e=null===d||void 0===d?void 0:d.records)&&e.find(e=>{return(null==(e=null==e?void 0:e.member)?void 0:e.id)===(null==s?void 0:s.id)})?t.push(Object.assign(Object.assign({},s),{current:!0})):t.push(s)}),c(t)}},[l]),useStyles$5())["classes"];const x=useDispatch();const g=e=>{s===EPermissionType.Organization&&t&&t(),x(hidePanel(e)),x(actions.adminCenterPermissions.setSelectedResource(null))};const b=s=>{const t=[];return d.records.forEach(e=>{e.member.id===s&&t.push(e.id)}),t};const h=(useSelector(selectPermissionSets)||[]).filter(e=>s===EPermissionType.Organization?e.permissions.find(e=>e.includes("ORG")):e.permissions.find(e=>e.includes(s.toUpperCase())));var j=h.map(e=>({value:e.id,label:e.name,permissions:e.permissions}));const[S,A]=react.exports.useState(j[0]);return jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAdminCenterPermissionsModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,Object.assign({style:{height:"100%"}},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:u.permissionsPanelContainer},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Header,{panelId:PERMISSIONS_PANEL,permissionsPanelHeader:e,permissionsPanelClose:p,handleClose:g,iconType:"hide",dataTestIdPrefix:"permissions-panel"}),jsxRuntime.exports.jsx(MemberLookup$1,{members:o,newMembers:r,handleChange:(e,s)=>{a(s),x(actions.adminCenterPermissions.lookupMembersSuccess([]))},searchMember:e=>{x(actions.adminCenterPermissions.lookupMembersStart(e))},permissionOptions:j,newMembersPermission:S,setNewMembersPermission:A}),r.length?null:jsxRuntime.exports.jsx(PermissionPanelTabs,{isMVP:!0,permissionOptions:j,aces:(null===d||void 0===d?void 0:d.records)||[],onRevokeAccess:e=>{x(actions.adminCenterPermissions.removeACLsFromResoucesStart({ids:b(e),type:s}))},onChangeAccess:(e,s,t)=>{var i={ids:b(s)},t=[{member:{memberType:t,id:s},permissionSetID:e}],s={type:d.type,ids:[d.id],entries:t};x(actions.adminCenterPermissions.changeACLsOnResoucesStart({remove:i,add:s}))},loadingStatus:m})]}),jsxRuntime.exports.jsx(PanelControls,{newMembers:r,onGrantAccess:()=>{const s=[];r.forEach(e=>{e={member:{memberType:EMemberType.Group,id:e.id},permissionSetID:S.value};s.push(e)});var e={type:d.type,ids:[d.id],entries:s};x(actions.adminCenterPermissions.addACLsToResoucesStart(e)),a([])},onBack:()=>a([]),onDone:()=>g(PERMISSIONS_PANEL)})]}))}))}))})),useStyles$4=makeStyles()(e=>({row:{"&:hover":{borderRadius:4,backgroundColor:"#EEF3F9"}},loader:{display:"flex",marginTop:e.spacing(1),justifyContent:"center"},divider:{opacity:.9}})),isGroup=e=>"members"in e,getMemberDescription=e=>isGroup(e)?e.description:"",getMemberName=e=>{let s="";return s=isGroup(e)?e.name:e.firstName+" "+e.lastName},AccessControlGroupContent=({accessControls:r,hasMore:s,loadOrgAccessControls:e})=>{const n="loading"===useSelector(selectOrgAccessControlLoadingStatus)?()=>{}:e,a=s?r.length+1:r.length,o=e=>!s||e<r.length,c=({index:e,style:s})=>{var t;let i;var n=useStyles$4()["classes"];return i=o(e)?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Grid,Object.assign({style:{height:60,flexGrow:1},container:!0},{children:jsxRuntime.exports.jsxs(Grid,Object.assign({direction:"row",justifyContent:"flex-start",alignItems:"center",item:!0,container:!0,xs:12,sx:{pl:3}},{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:6},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",color:"textPrimary"},{children:getMemberName(r[e].member)})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"textSecondary"},{children:getMemberDescription(r[e].member)}))]})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",color:"textPrimary"},{children:null==(t=null==(t=r[e])?void 0:t.permissionSet)?void 0:t.permissionName}))}))]}))})),jsxRuntime.exports.jsx(Divider,{className:n.divider})]}):jsxRuntime.exports.jsx("div",Object.assign({"data-test":"table-row-loader",className:n.loader},{children:jsxRuntime.exports.jsx(CircularProgress,{size:36})})),jsxRuntime.exports.jsx("div",Object.assign({style:Object.assign({},s)},{children:i}),e)};return jsxRuntime.exports.jsx(AutoSizer,{children:({height:t,width:i})=>jsxRuntime.exports.jsx(InfiniteLoader,Object.assign({isItemLoaded:o,itemCount:a,loadMoreItems:n},{children:({onItemsRendered:e,ref:s})=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx(FixedSizeList,Object.assign({height:t-40,itemCount:a,itemSize:60,initialScrollOffset:0,onItemsRendered:e,ref:s,width:i},{children:c}))})}),Math.random())})};function AccessControlTable({loadAccessControls:e}){const s=useSelector(selectOrgAccessControls),t=useSelector(selectOrgAccessControlPagination)["hasMore"],i=useSelector(selectOrgAccessControlLoadingStatus);return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsxs(Grid,Object.assign({"data-test":"ac-access-control-table-header",sx:{height:32,pl:3},alignItems:"center",display:"flex",container:!0,xs:12},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6,"data-testid":"org-access-control.table-header"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"textSecondary",sx:{cursor:"default"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-ac-access-control-table-header-name",defaultMessage:"Group Name",description:"Admin center Org Acccess control table group name"})}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"textSecondary",sx:{cursor:"default"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-ac-access-control-table-header-permission.set",defaultMessage:"Permission Set",description:"Admin center Org Access Control table permission set"})}))}))]})),jsxRuntime.exports.jsx(Divider,{sx:{opacity:.9}}),"failure"===i?jsxRuntime.exports.jsx(ErrorState,{onRetry:e,errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-access-controls.error-message",defaultMessage:"Something went wrong while loading your organization access controls.",description:"organization access control error state"})}):"success"===i&&0===s.length?jsxRuntime.exports.jsx(NullState,{header:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-access-controls.null-message",defaultMessage:"You have no group permissions to the Organization",description:"organization access control no data state"})}):jsxRuntime.exports.jsx(AccessControlGroupContent,{accessControls:s,hasMore:t,loadOrgAccessControls:e})]})}const useStyles$3=makeStyles()(e=>({root:{display:"flex",flexDirection:"column",height:"100%"},header:{height:102,display:"flex",justifyContent:"space-between",padding:e.spacing(4),borderBottom:"0.5px solid "+e.palette.divider},tableWrapper:{flexGrow:1,overflowY:"hidden"}})),AccessControl=({isPanelFullScreen:t})=>{var e=useStyles$3()["classes"];const i=useDispatch(),n=useSelector(selectOrgGuid);react.exports.useEffect(()=>{i(actions.adminCenterPermissions.fetchOrgAccessControlStart(n))},[]);const r=()=>{i(actions.adminCenterPermissions.refreshAccessControls()),i(actions.adminCenterPermissions.fetchOrgAccessControlStart(n))},s=()=>{i(actions.adminCenterPermissions.setSelectedResource({id:n,type:"Organization"}));var e={name:"PERMISSIONS_PANEL",config:{name:"Permissions",permissionType:"Organization",refreshAndLoadAccessControls:r}},s={type:"APP_BAR_PANEL_TEMPLATE",marginTop:t?0:55,marginStart:t?0:80,size:"medium",height:"calc(100vh - 55px)",zIndex:t?1010:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent"};i(mountPanel({panelId:"PERMISSIONS_PANEL",microFrontend:e,panelConfig:s}))};return jsxRuntime.exports.jsxs("section",Object.assign({className:e.root},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:e.header},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{mr:15}},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5","data-testid":"org-access-control.header"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.access-control.table.header",defaultMessage:"Access Control",description:"Access Control Header"})})),jsxRuntime.exports.jsx(Typography,Object.assign({sx:{mt:1},variant:"subtitle1","data-testid":"org-access-control.description"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.access-control.table.description",defaultMessage:"Manage individual groups permission to the Organization. Enter the name of an existing group below and select their Permission Set.",description:"Access Control Description"})}))]})),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsxs(Button$1,Object.assign({onClick:()=>i(s),sx:{whiteSpace:"nowrap"},color:"primary",variant:"contained","data-testid":"org-access-control.manage-permissions-button"},{children:[jsxRuntime.exports.jsx(Edit,{sx:{mr:1.3},fontSize:"small"}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.manage.permissions.button",defaultMessage:"Manage Permissions",description:"Manage Permissions Button Button"})]}))})]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.tableWrapper},{children:jsxRuntime.exports.jsx(AccessControlTable,{loadAccessControls:()=>{i(actions.adminCenterPermissions.fetchOrgAccessControlStart(n))}})}))]}))},GroupMember=({member:e})=>{var s=useStyles$9()["classes"],t=(null==(t=null==e?void 0:e.firstName)?void 0:t.substring(0,1).toUpperCase())+(null==(t=null==e?void 0:e.lastName)?void 0:t.substring(0,1).toUpperCase());return jsxRuntime.exports.jsx("div",Object.assign({className:s.groupMemberContainer,"data-testid":"group-info-panel.member-card"},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:s.flexContainer},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:s.memberAvatar},{children:jsxRuntime.exports.jsx(Avatar,Object.assign({src:e.imageUrl||"",className:s.avatar,"data-testid":"group-info-panel.member-card.avatar"},{children:t}))})),jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"group-info-panel.member-card.name"},{children:jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h3"},{children:[null==e?void 0:e.firstName," ",null==e?void 0:e.lastName]}))})),jsxRuntime.exports.jsx("div",Object.assign({className:s.userEmailContainer,"data-testid":"group-info-panel.member-card.email"},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:e.email}))}))]})]}))}))},GROUP_INFO_PANEL="GROUP_INFO_PANEL",GroupInfoPanel=injectIntl(({intl:e,groupId:s})=>{const[t,i]=react.exports.useState("loading"),[n,r]=react.exports.useState({}),a=useSelector(selectApiConfigs$1),o=index$1["default"]["userGroupsApi"];react.exports.useEffect(()=>{__awaiter(void 0,void 0,void 0,function*(){var{authGroup:e}=(yield o.getGroupById(a,s))["data"];r(e),i("success")}).catch(e=>console.log(e))},[]);var c=useStyles$7()["classes"],{groupInfoPanelHeader:e,permissionsPanelClose:l}=formattedMessages(e),d=[{label:jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(FormattedMessage,{id:"group-info-panel.tabs.members-label",defaultMessage:"Members",description:"Group members"})," ","(",null==(d=null==n?void 0:n.members)?void 0:d.count,")"]}),disabled:!1,id:"members"}];const m=useDispatch();return jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"group-info-panel"},{children:[jsxRuntime.exports.jsx(Header,{panelId:GROUP_INFO_PANEL,permissionsPanelHeader:e,permissionsPanelClose:l,iconType:"close",dataTestIdPrefix:"group-info",handleClose:e=>{m(hidePanel(e))}}),jsxRuntime.exports.jsx("div",Object.assign({className:c.groupInfoContainer},{children:renderWhenReady(t,jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2"},{children:null==n?void 0:n.name})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:null==n?void 0:n.description}))]}),!0)})),jsxRuntime.exports.jsxs("div",Object.assign({className:c.tabsContainer},{children:[renderWhenReady(t,jsxRuntime.exports.jsx("div",Object.assign({className:c.tabsParent},{children:jsxRuntime.exports.jsx(CustomTabs,{selectedId:0,onChangeTab:()=>({}),tabsList:d})}))),renderWhenReady(t,jsxRuntime.exports.jsx(TabPanel,Object.assign({value:0,index:0},{children:jsxRuntime.exports.jsx("div",Object.assign({className:c.groupMemberCardsContainer},{children:n?null==(e=null==n?void 0:n.members)?void 0:e.records.map(({member:e})=>jsxRuntime.exports.jsx(GroupMember,{member:e},e.id)):null}))})),!0)]}))]}))}),PermissionSetsTable=({loadPermissionSets:e})=>{const[s,t]=react.exports.useState(!1),r=(react.exports.useEffect(()=>(t(!0),()=>t(!1)),[]),useSelector(selectPermissionSets)||[]);var i=useSelector(selectPermissionSetsLoadingStatus);const n=useSelector(selectPermissionSetsPagination)["hasMore"],a="loading"===i?()=>({}):e,o=n?(r||[]).length+1:(r||[]).length,c=e=>!n||e<(r||[]).length,l=useDispatch(),d="ADMIN_CENTER_BROWSE",m=({index:t,style:e})=>{var s;let i;var n=tableContentStyles()["classes"];return i=c(t)?jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment,{children:[jsxRuntime.exports.jsx(Grid,Object.assign({style:{height:60,flexGrow:1},container:!0},{children:jsxRuntime.exports.jsx(Grid,Object.assign({direction:"row",justifyContent:"space-between",alignItems:"center",item:!0,container:!0,xs:12,sx:{pl:3,cursor:"pointer"},onClick:()=>{var e={name:"PERMISSION_SET_DETAILS_PANEL",config:{name:"Permission Set Details",id:e=r[t].id}},s={type:"APP_BAR_PANEL_TEMPLATE",size:"medium",marginTop:55,marginStart:80,parentPanelId:d,dimmed:0,dimmedStatus:"dimParent",borderBottom:!0};l(mountPanel({panelId:"PERMISSION_SET_DETAILS_PANEL",microFrontend:e,panelConfig:s}))}},{children:jsxRuntime.exports.jsxs(Grid,Object.assign({item:!0,xs:7,"data-testid":"permission-set-row"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body1",color:"textPrimary","data-testid":"permission-set-"+(null==(s=null===r||(r,0)?void 0:r[t])?void 0:s.name)},{children:null==(s=null===r||(r,0)?void 0:r[t])?void 0:s.name})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",color:"textSecondary","data-testid":"permission-set-"+(null==(s=null===r||(r,0)?void 0:r[t])?void 0:s.description)},{children:null==(s=null===r||(r,0)?void 0:r[t])?void 0:s.description}))]}))}))})),jsxRuntime.exports.jsx(Divider,{className:n.divider})]}):jsxRuntime.exports.jsx("div",Object.assign({"data-testid":"table-row-loader",className:n.loader},{children:jsxRuntime.exports.jsx(CircularProgress,{size:36})})),jsxRuntime.exports.jsx("div",Object.assign({style:Object.assign({},e)},{children:i}),t)};return s?jsxRuntime.exports.jsx(AutoSizer,{children:({height:t,width:i})=>jsxRuntime.exports.jsx(InfiniteLoader,Object.assign({isItemLoaded:c,itemCount:o,loadMoreItems:a},{children:({onItemsRendered:e,ref:s})=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx(FixedSizeList,Object.assign({height:t-40,itemCount:o,itemSize:60,initialScrollOffset:0,onItemsRendered:e,ref:s,width:i},{children:m}))})}),Math.random())}):null},newPermissionSetPanel="NEW_PERMISSION_SET_PANEL",PermissionSets=({isPanelFullScreen:t})=>{var e=navSectionStyles()["classes"];const s=useSelector(selectPermissionSetsLoadingStatus),i=useSelector(selectPermissionSetsPagination)["hasMore"],n=useSelector(betaFeaturesSelector),r=useDispatch();react.exports.useEffect(()=>{i&&n&&r(actions.adminCenterPermissions.fetchOrgPermissionSetsStart())},[]);const a=jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment,{children:[1,2,3].map(e=>jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("br",{}),jsxRuntime.exports.jsx(Skeleton$1,{variant:"rectangular"})]},e))}),o=()=>{n&&r(actions.adminCenterPermissions.fetchOrgPermissionSetsStart())};return jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAdminCenterPermissionsModule()]},{children:jsxRuntime.exports.jsxs("section",Object.assign({className:e.root},{children:[jsxRuntime.exports.jsxs("header",Object.assign({className:e.header},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.toolbar},{children:jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h5"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.permission-sets.table.header",defaultMessage:"Permission Sets",description:"Permission Sets Header"})})),jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",sx:{maxWidth:"630px"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.permission-sets.table.description",defaultMessage:"A permission set, is a series of functional permissions that a user can perform on objects within their account.",description:"Permission Sets Description"})}))]})})),jsxRuntime.exports.jsx("div",Object.assign({className:e.toolbar},{children:jsxRuntime.exports.jsxs(Button$1,Object.assign({color:"primary",variant:"contained",onClick:()=>{var e={name:newPermissionSetPanel,config:{name:"New Permission set"}},s={type:"APP_BAR_PANEL_TEMPLATE",marginTop:t?0:55,marginStart:t?0:80,size:"medium",zIndex:t?1010:1001,parentPanelId:"ADMIN_CENTER_BROWSE",dimmed:0,dimmedStatus:"dimParent",borderBottom:!0};r(mountPanel({panelId:newPermissionSetPanel,microFrontend:e,panelConfig:s}))}},{children:[jsxRuntime.exports.jsx(Add,{}),jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-panel.permission-sets.create.button",defaultMessage:"Create New",description:"Create New Permission Set"})]}))}))]})),jsxRuntime.exports.jsx("div",Object.assign({className:e.tableWrapper},{children:(()=>{switch(s){case"loading":return a;case"success":return jsxRuntime.exports.jsx(PermissionSetsTable,{loadPermissionSets:o});case"failure":return jsxRuntime.exports.jsx(ErrorState,{onRetry:o,errorMessage:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-center-permission-sets.error-message",defaultMessage:"Something went wrong while loading your permission sets.",description:"organizations permission sets error state"})});default:return null}})()}))]}))}))},useStyles$2=makeStyles()(()=>({title:{color:"#2A323C"},tittleDescription:{color:"#5C6269",userSelect:"none"},newName:{width:"100%",height:"52px",margin:"20px auto",paddingRight:"20px"},descriptionContainer:{position:"relative",marginBottom:"19px",marginRight:"20px"},basicDescription:{width:"100%"},descriptionCharCount:{position:"absolute",bottom:"8px",right:"11px",fontSize:"12px",lineHeight:"16px",color:"#9CA8B4"}})),BasicTab$1=({permissionSet:e,onNameChange:i,onDescriptionChange:s,nameExistsCheck:n})=>{const r=useSelector(selectApiConfigs),[t,a]=react.exports.useState(!1),[o,c]=react.exports.useState(!1);var l=useStyles$2()["classes"];const d=useIntl();var m=d.formatMessage({id:"admin-center-permission-basic-name-label",defaultMessage:[{type:0,value:"Name"}]}),p=d.formatMessage({id:"admin-center-permission-basic-description-label",defaultMessage:[{type:0,value:"Description"}]}),u=d.formatMessage({id:"admin-center-permission-basic-name-placeholder",defaultMessage:[{type:0,value:"Permission Set Name"}]}),x=d.formatMessage({id:"admin-center-permission-basic-description-placeholder",defaultMessage:[{type:0,value:"This is the short Description for this Permission set"}]}),g=d.formatMessage({id:"admin-center-permission-basic-name-error",defaultMessage:[{type:0,value:"Name already exists"}]}),b=d.formatMessage({id:"admin-center-permission-basic-description-error-label",defaultMessage:[{type:0,value:"Please add a description"}]}),g=t?g:m,m=o?b:p,b=lodash.exports.debounce(t=>__awaiter(void 0,void 0,void 0,function*(){const s=t.target.value,e=(i(s),yield checkPermissionSetName(r,s));-1!==(null===e||void 0===e?void 0:e.data.authPermissionSets.records.findIndex(e=>e.name===s))?(a(!0),n(!0)):(a(!1),n(!1),i(s))}),300);return jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"admin-center.permission-set.basic-tab"},{children:[jsxRuntime.exports.jsx(TextField,{id:"admin-center-permission-basic-name","data-testid":"admin-center.permission-set.basic-tab.name",InputLabelProps:{shrink:!0},label:g,defaultValue:e.name||"",placeholder:u,className:l.newName,onChange:b,error:t}),jsxRuntime.exports.jsxs("div",Object.assign({className:l.descriptionContainer},{children:[jsxRuntime.exports.jsx(TextField,{id:"admin-center-permission-basic-description","data-testid":"admin-center.permission-set.basic-tab.description",InputLabelProps:{shrink:!0},multiline:!0,rows:4,defaultValue:e.description||"",label:m,placeholder:x,inputProps:{maxLength:300},onChange:e=>{e=e.target.value;e?c(!1):c(!0),s(e)},error:o,className:l.basicDescription}),jsxRuntime.exports.jsxs("div",Object.assign({className:l.descriptionCharCount,"data-testid":"admin-center-permission-basic-description-char-count"},{children:[(null==(p=e.description)?void 0:p.length)||0,"/",300]}))]}))]}))},SHARED_TEXT=(!function(e){e.ADMIN_ACCESS="Admin:access",e.ADMIN_CREATE_APPLICATION_JWT="Admin:create:application:jwt ",e.ADMIN_GROUP_CREATE="Admin:group:create",e.ADMIN_GROUP_DELETE="Admin:group:delete",e.ADMIN_GROUP_READ="Admin:group:read",e.ADMIN_GROUP_UPDATE="Admin:group:update",e.ADMIN_ORG_CREATE="Admin:org:create",e.ADMIN_ORG_READ="Admin:org:read",e.ADMIN_ORG_UPDATE="Admin:org:update",e.ADMIN_PROFILE_READ="Admin:profile:read",e.ADMIN_PROFILE_UPDATE="Admin:profile:update",e.ADMIN_ROLES_CREATE="Admin:roles:create",e.ADMIN_ROLES_DELETE="Admin:roles:delete",e.ADMIN_ROLES_READ="Admin:roles:read",e.ADMIN_ROLES_UPDATE="Admin:roles:update",e.ADMIN_USER_CREATE="Admin:user:create",e.ADMIN_USER_DELETE="Admin:user:delete",e.ADMIN_USER_READ="Admin:user:read",e.ADMIN_USER_UPDATE="Admin:user:update",e.ADMIN_UI_LEGACY_ACCESS="Admin:ui:legacy:access",e.ADVERTISER_ACCESS="Advertiser:access",e.AIWARE_ADMIN_ADMIN="Aiware:admin:admin",e.AIWARE_ADMIN_CREATE_APPLICATION_JWT="Aiware:admin:create:application:jwt ",e.AIWARE_ADMIN_SUPERADMIN="Aiware:admin:superadmin",e.AIWARE_FLOW_CREATE="Aiware:flow:create",e.AIWARE_FLOW_DELETE="Aiware:flow:delete",e.AIWARE_FLOW_READ="Aiware:flow:read",e.AIWARE_FLOW_UPDATE="Aiware:flow:update",e.AIWARE_FOLDER_CREATE="Aiware:folder:create",e.AIWARE_FOLDER_DELETE="Aiware:folder:delete",e.AIWARE_FOLDER_READ="Aiware:folder:read",e.AIWARE_FOLDER_UPDATE="Aiware:folder:update",e.AIWARE_GROUP_CREATE="Aiware:group:create",e.AIWARE_GROUP_DELETE="Aiware:group:delete",e.AIWARE_JOB_CREATE="Aiware:job:create",e.AIWARE_JOB_DELETE="Aiware:job:delete",e.AIWARE_JOB_READ="Aiware:job:read",e.AIWARE_JOB_UPDATE="Aiware:job:update",e.AIWARE_SCHEDULED_JOB_CREATE="Aiware:scheduled:job:create",e.AIWARE_SCHEDULED_JOB_DELETE="Aiware:scheduled:job:delete",e.AIWARE_SCHEDULED_JOB_READ="Aiware:scheduled:job:read",e.AIWARE_SCHEDULED_JOB_UPDATE="Aiware:scheduled:job:update",e.AIWARE_SCHEMA_CREATE="Aiware:schema:create",e.AIWARE_SCHEMA_DELETE="Aiware:schema:delete",e.AIWARE_SCHEMA_READ="Aiware:schema:read",e.AIWARE_SCHEMA_SEARCH="Aiware:schema:search",e.AIWARE_SCHEMA_UPDATE="Aiware:schema:update",e.AIWARE_SDO_CREATE="Aiware:sdo:create",e.AIWARE_SDO_DELETE="Aiware:sdo:delete",e.AIWARE_SDO_READ="Aiware:sdo:read",e.AIWARE_SDO_UPDATE="Aiware:sdo:update",e.AIWARE_SOURCES_CREATE="Aiware:sources:create",e.AIWARE_SOURCES_DELETE="Aiware:sources:delete",e.AIWARE_SOURCES_READ="Aiware:sources:read",e.AIWARE_SOURCES_UPDATE="Aiware:sources:update",e.AIWARE_TASK_CREATE="Aiware:task:create",e.AIWARE_TASK_DELETE="Aiware:task:delete",e.AIWARE_TASK_READ="Aiware:task:read",e.AIWARE_TASK_UPDATE="Aiware:task:update",e.AIWARE_TDO_CREATE="Aiware:tdo:create",e.AIWARE_TDO_DELETE="Aiware:tdo:delete",e.AIWARE_TDO_READ="Aiware:tdo:read",e.AIWARE_TDO_SEARCH="Aiware:tdo:search",e.AIWARE_TDO_UPDATE="Aiware:tdo:update",e.AIWARE_USER_CREATE="Aiware:user:create",e.AIWARE_USER_DELETE="Aiware:user:delete",e.ANALYTICS_ACCESS="Analytics:access",e.ANALYTICS_DASHBOARD_UPDATE="Analytics:dashboard:update ",e.ANALYTICS_DASHBOARD_VIEW="Analytics:dashboard:view",e.ASSET_ALL="Asset:all",e.ASSET_URI="Asset:uri",e.BROADCASTER_ACCESS="Broadcaster:access",e.CMS_ACCESS="Cms:access",e.CMS_ANALYTICS_READ="Cms:analytics:read",e.CMS_CONTENTTEMPLATES_CREATE="Cms:contenttemplates:create",e.CMS_CONTENTTEMPLATES_DELETE="Cms:contenttemplates:delete",e.CMS_CONTENTTEMPLATES_READ="Cms:contenttemplates:read",e.CMS_CONTENTTEMPLATES_UPDATE="Cms:contenttemplates:update",e.CMS_CUSTOMERSERVICE="Cms:customerservice",e.CMS_JOB_CREATE="Cms:job:create",e.CMS_JOB_DELETE="Cms:job:delete",e.CMS_JOB_READ="Cms:job:read",e.CMS_JOB_UPDATE="Cms:job:update",e.CMS_MEDIA_CREATE="Cms:media:create",e.CMS_MEDIA_DELETE="Cms:media:delete",e.CMS_MEDIA_DOWNLOAD="Cms:media:download",e.CMS_MEDIA_READ="Cms:media:read",e.CMS_MEDIA_SHARE="Cms:media:share",e.CMS_MEDIA_UPDATE="Cms:media:update",e.CMS_RECORDING_CREATE="Cms:recording:create",e.CMS_RECORDING_DELETE="Cms:recording:delete",e.CMS_RECORDING_READ="Cms:recording:read",e.CMS_RECORDING_UPDATE="Cms:recording:update",e.CMS_REPORT_CREATE="Cms:report:create",e.CMS_SOURCES_DELETE="Cms:sources:delete",e.CMS_SOURCES_READ="Cms:sources:read",e.CMS_SOURCES_UPDATE="Cms:sources:update",e.CMS_TASK_CREATE="Cms:task:create",e.CMS_TASK_DELETE="Cms:task:delete",e.CMS_TASK_READ="Cms:task:read",e.CMS_TASK_UPDATE="Cms:task:update",e.CMS_WORKFLOWS_CREATE="Cms:workflows:create",e.CMS_WORKFLOWS_DELETE="Cms:workflows:delete",e.CMS_WORKFLOWS_READ="Cms:workflows:read",e.CMS_WORKFLOWS_UPDATE="Cms:workflows:update",e.COLLECTIONS_ACCESS="Collections:access",e.COLLECTIONS_COLLECTIONS_CREATE="Collections:collections:create",e.COLLECTIONS_COLLECTIONS_DELETE="Collections:collections:delete",e.COLLECTIONS_COLLECTIONS_READ="Collections:collections:read",e.COLLECTIONS_COLLECTIONS_SHARE="Collections:collections:share",e.COLLECTIONS_COLLECTIONS_UPDATE="Collections:collections:update",e.COLLECTIONS_MENTIONS_CREATE="Collections:mentions:create",e.COLLECTIONS_MENTIONS_DELETE="Collections:mentions:delete",e.COLLECTIONS_MENTIONS_DOWNLOAD="Collections:mentions:download",e.COLLECTIONS_MENTIONS_READ="Collections:mentions:read",e.COLLECTIONS_MENTIONS_SHARE="Collections:mentions:share",e.COLLECTIONS_MENTIONS_UPDATE="Collections:mentions:update",e.COLLECTIONS_USERS_READ="Collections:user:read",e.DEVELOPER_ACCESS="Developer:access",e.DEVELOPER_BUILD_APPROVE="Developer:build:approve",e.DEVELOPER_BUILD_CREATE="Developer:build:create",e.DEVELOPER_BUILD_DELETE="Developer:build:delete",e.DEVELOPER_BUILD_DEPLOY="Developer:build:deploy",e.DEVELOPER_BUILD_DISAPPROVE="Developer:build:disapprove",e.DEVELOPER_BUILD_INVALIDATE="Developer:build:invalidate",e.DEVELOPER_BUILD_PAUSE="Developer:build:pause",e.DEVELOPER_BUILD_READ="Developer:build:read",e.DEVELOPER_BUILD_SUBMIT="Developer:build:submit",e.DEVELOPER_BUILD_UNPASE="Developer:build:unpase",e.DEVELOPER_BUILD_UPDATE="Developer:build:update",e.DEVELOPER_BUILD_UPLOAD="Developer:build:upload",e.DEVELOPER_DOCKER_ADMIN="Developer:docker:admin",e.DEVELOPER_DOCKER_ORG_PUSH="Developer:docker:org:push",e.DEVELOPER_DOCKER_ORG_PULL="Developer:docker:org:pull",e.DEVELOPER_DOCKER_ORG_USER_PUSH="Developer:docker:org:user:push",e.DEVELOPER_DOCKER_ORG_USER_PULL="Developer:docker:org:user:pull",e.DEVELOPER_ENGINE_CREATE="Developer:engine:create",e.DEVELOPER_ENGINE_DELETE="Developer:engine:delete",e.DEVELOPER_ENGINE_DISABLE="Developer:engine:disable",e.DEVELOPER_ENGINE_ENABLE="Developer:engine:enable",e.DEVELOPER_ENGINE_READ="Developer:engine:read",e.DEVELOPER_ENGINE_UPDATE="Developer:engine:update",e.DEVELOPER_TASK_CREATE="Developer:task:create",e.DEVELOPER_TASK_READ="Developer:task:read",e.DEVELOPER_TASK_UPDATE="Developer:task:update",e.DISCOVERY_ACCESS="Discovery:access",e.DISCOVERY_ANALYTICS_DOWNLOAD="Discovery:analytics:download",e.DISCOVERY_ANALYTICS_READ="Discovery:analytics:read",e.DISCOVERY_ANALYTICS_SHARE="Discovery:analytics:share",e.DISCOVERY_FOLDER_CREATE="Discovery:folder:create",e.DISCOVERY_FOLDER_DELETE="Discovery:folder:delete",e.DISCOVERY_FOLDER_READ="Discovery:folder:read",e.DISCOVERY_FOLDER_SHARE="Discovery:folder:share",e.DISCOVERY_FOLDER_UPDATE="Discovery:folder:update",e.DISCOVERY_MENTIONS_CREATE="Discovery:mentions:create",e.DISCOVERY_MENTIONS_DELETE="Discovery:mentions:delete",e.DISCOVERY_MENTIONS_DOWNLOAD="Discovery:mentions:download",e.DISCOVERY_MENTIONS_READ="Discovery:mentions:read",e.DISCOVERY_MENTIONS_SHARE="Discovery:mentions:share",e.DISCOVERY_MENTIONS_UPDATE="Discovery:mentions:update",e.DISCOVERY_RESULTS_DOWNLOAD="Discovery:results:download",e.DISCOVERY_RESULTS_READ="Discovery:results:read",e.DISCOVERY_RESULTS_SHARE="Discovery:results:share",e.INTERNAL_LOGINBYEMAIL="Internal:loginbyemail",e.JOB_CREATE="Job:create",e.JOB_DELETE="Job:delete",e.JOB_READ="Job:read",e.JOB_UPDATE="Job:update",e.MENTIONS_CREATE="Mentions:create",e.MENTIONS_DELETE="Mentions:delete",e.MENTIONS_DOWNLOAD="Mentions:download",e.MENTIONS_READ="Mentions:read",e.MENTIONS_SHARE="Mentions:share",e.MENTIONS_UPDATE="Mentions:update",e.POLITICS_ACCESS="Politics:access",e.RECORDING_CREATE="Recording:create",e.RECORDING_DELETE="Recording:delete",e.RECORDING_READ="Recording:read",e.RECORDING_UPDATE="Recording:update",e.SOURCE_UPDATE="Source:update",e.SUPERADMIN="Superadmin",e.TASK_CREATE="Task:create",e.TASK_DELETE="Task:delete",e.TASK_READ="Task:read",e.TASK_UPDATE="Task:update",e.VERITONE_FINANCEADMIN="Veritone:financeadmin",e.VERITONE_SUPERADMIN="Veritone:superadmin",e.WORKFLOW_CREATE="Workflow:create"}(MeaningfulPermissions=MeaningfulPermissions||{}),{selectAll:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center-new-permission-permission-set-select-all-message",defaultMessage:"Select All",description:"Select All button message"}),unSelectAll:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center-new-permission-permission-set-unSelect-all-message",defaultMessage:"Unselect All",description:"Unselect All button message"})}),useStyles$1=makeStyles()((e,{deductedHeight:s})=>({container:{height:"100%",display:"flex",flexDirection:"column",flexGrow:1},permissionSubtitle:{fontWeight:400,color:"#555F7C",margin:"20px 10px 30px 0"},titleContainer:{backgroundColor:"#F2F7FE",borderRadius:"4px",height:"41px",display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:"10px"},mainTitle:{fontWeight:600},selectBtn:{fontSize:"12px",color:"#0C53B0"},permissionsRow:{backgroundColor:"#FFFFFF",display:"flex",alignItems:"center",borderBottom:"0.5px solid #D5DFE9","&:last-child":{marginBottom:"10px"}},formLabelStyle:{height:"46px",width:"100%",display:"flex",justifyContent:"space-between",marginRight:0,marginLeft:"10px"},checkboxLabel:{fontWeight:600},funcPermissionsContainer:{height:`calc(100vh - 330px - ${s}px)`,display:"flex",flexDirection:"column",overflowY:"scroll",overflowX:"hidden",paddingRight:"10px"}})),Permission=({onPermissionChange:e,deductedHeight:s="0",permissionSetExistingPerm:t=null})=>{const i=useStyles$1({deductedHeight:s})["classes"],r=Object.values(MeaningfulPermissions).reduce((e,s)=>(e.length&&e[e.length-1][0].slice(0,e[e.length-1][0].lastIndexOf(":"))===s.slice(0,s.lastIndexOf(":"))?e[e.length-1].push(s):e.push([s]),e),[]),[n,o]=react.exports.useState(()=>r.map(e=>e.map(()=>!1))),[c,l]=react.exports.useState([]),[d,m]=react.exports.useState(()=>r.map(()=>!1));react.exports.useEffect(()=>{if(t){const i=[];if(Object.entries(MeaningfulPermissions).forEach(s=>{null!=t&&t.find(e=>e===s[0])&&i.push(s[1])}),i.length){l(i);const n=[...d];o(r.map((e,s)=>{const t=e.map(e=>-1!==i.indexOf(e));return void 0===t.find(e=>!1===e)&&(n[s]=!0),m(n),t}))}}},[t]);return react.exports.useEffect(()=>{e(c)},[c]),jsxRuntime.exports.jsxs(Box,Object.assign({className:i.container,"data-testid":"admin-center.permission-set.functional-permissions"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"caption",className:i.permissionSubtitle,"data-testid":"admin-center.permission-set.functional-permissions.subtitle"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"admin-center-new-permission-permission-subtitle-message",defaultMessage:"Select the Permissions that will be available within this set for this object.",description:"Permission tab subtitle"})})),jsxRuntime.exports.jsx("div",Object.assign({className:i.funcPermissionsContainer,"data-testid":"admin-center.permission-set.functional-permissions.groups-container"},{children:r.map((e,a)=>jsxRuntime.exports.jsxs(FormControl,Object.assign({sx:{m:0},component:"fieldset",variant:"standard"},{children:[jsxRuntime.exports.jsx(FormLabel,Object.assign({component:"legend",sx:{width:"100%"}},{children:jsxRuntime.exports.jsxs(Box,Object.assign({className:i.titleContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:i.mainTitle,"data-testid":"admin-center-permissions.functional-permissions.group-title"},{children:e[0].includes(":")?e[0].slice(0,e[0].lastIndexOf(":")):e[0]})),jsxRuntime.exports.jsx(Button$1,Object.assign({className:i.selectBtn,onClick:()=>{var i=a,t=e;m(t=>t.map((e,s)=>s===i?!t[s]:e)),o(e=>e.map((e,s)=>s===i?d[i]?(l(e=>e.filter(e=>!t.includes(e))),e.map((e,s)=>!1)):(l([...c,...t]),e.map((e,s)=>!0)):e))},color:"primary",variant:"text","data-test":"admin-center-permissions.functional-permissions.save-btn"},{children:d[a]?SHARED_TEXT.unSelectAll:SHARED_TEXT.selectAll}))]}))})),e.length&&e.map((e,t)=>jsxRuntime.exports.jsx(FormGroup,Object.assign({className:i.permissionsRow},{children:jsxRuntime.exports.jsx(FormControlLabel$1,{className:i.formLabelStyle,labelPlacement:"start",control:jsxRuntime.exports.jsx(Checkbox,{name:e,value:e,id:e,size:"small",checked:n[a][t],color:"primary",onChange:e=>{{var i=a,n=t;const r=e.target.checked,s=e.target.value;return r?l([...c,s]):l(e=>e.filter(e=>e!==s)),void o(e=>e.map((e,s)=>{if(s!==i)return e;{const t=e.map((e,s)=>s===n?r:e);return void 0===t.find(e=>!e)&&m(t=>t.map((e,s)=>s===i?!t[s]:e)),t}}))}},"data-testid":"admin-center-permissions.functional-permissions.checkbox"}),label:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2",className:i.checkboxLabel,"data-testid":"admin-center-permissions.functional-permissions.checkbox-label"},{children:e}))})}),e))]}),e[0]))}))]}))},styles={stepBodyContainer:{display:"flex",flexDirection:"column",alignItems:"stretch",flexGrow:1},stepper:{padding:"10px 20px 20px 30px",borderBottom:"0.5px solid #D5DFE9"},step:{minWidth:"90px",padding:0,"&:last-child":{minWidth:"350px",marginLeft:"10px"}},stepConnector:{".MuiStepConnector-line":{borderTop:"1px solid #D5DFE9"}},basicLabel:{fill:"#555F7C",fontWeight:"bold",height:"35px",width:"35px"},permissionLabel:{height:"35px",width:"35px",fill:"#9ca8b47a"},stepBody:{flexGrow:1,padding:"10px 10px 30px 30px"},stepButtonsContainer:{alignItems:"end",display:"flex",justifyContent:"flex-end",marginBottom:"30px",marginRight:"20px",position:"absolute",right:0,bottom:0},stepButton:{mr:2}},BASIC_STEP=0,PERMISSION_STEP=1,useStepData=e=>{const[t,i]=react.exports.useState(Object.assign({name:"",description:""},e));var e=react.exports.useCallback(s=>{i(e=>Object.assign(Object.assign({},e),{permissions:s}))},[]),s=react.exports.useCallback(s=>{i(e=>Object.assign(Object.assign({},e),{name:s}))},[]),n=react.exports.useCallback(s=>{i(e=>Object.assign(Object.assign({},e),{description:s}))},[]),r=react.exports.useCallback(e=>{var s;return e===BASIC_STEP?!(null==(s=t.name)||!s.length||null==(s=t.description)||!s.length):e===PERMISSION_STEP&&!(null==(s=t.permissions)||!s.length)},[t]);return{permissionSet:Object.assign({},t),setName:s,setDescription:n,setFuncPermissions:e,validateStep:r}},steps=["Basic","Permissions"],StepButtons=({step:e,isValid:s,onCancel:t,onBack:i,onNext:n,onFinish:r})=>jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.stepButtonsContainer},{children:[jsxRuntime.exports.jsx(Button$1,Object.assign({color:"inherit",onClick:()=>{(0===e?t:i)()},sx:styles.stepButton},{children:0===e?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-panel-basic-new-permission-set-cancel-button",defaultMessage:"Cancel",description:"Cancel button in New permission set panel"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-panel-basic.new-permission-set-back-button",defaultMessage:"Back",description:"Back button to previous step in New Permission set panel"})})),jsxRuntime.exports.jsx(Button$1,Object.assign({color:"primary",variant:"contained",disabled:!s,onClick:()=>{(0===e?n:r)()},sx:styles.stepButton},{children:0===e?jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-panel-new-permission-set.basic-next-button",defaultMessage:"Next",description:"Next button in New Permission set panel"}):jsxRuntime.exports.jsx(FormattedMessage,{id:"os-admin-panel-new-permission-set.save-button",defaultMessage:"Save",description:"Save button in New Permission set panel"})}))]})),PanelBody=({onCancel:e,onSave:s,initPermissionSet:t})=>{const[i,n]=react.exports.useState(0),{permissionSet:r,setName:a,setDescription:o,setFuncPermissions:c,validateStep:l}=useStepData(t),[d,m]=react.exports.useState(!1);return jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.stepBodyContainer},{children:[jsxRuntime.exports.jsx(Stepper,Object.assign({activeStep:i,connector:jsxRuntime.exports.jsx(StepConnector,{sx:styles.stepConnector}),sx:styles.stepper},{children:steps.map((e,s)=>jsxRuntime.exports.jsx(Step,Object.assign({sx:styles.step},{children:jsxRuntime.exports.jsx(StepLabel,Object.assign({StepIconProps:s<=i?{sx:styles.basicLabel}:{sx:styles.permissionLabel}},{children:e}))}),e))})),jsxRuntime.exports.jsxs(Box,Object.assign({sx:styles.stepBody},{children:[i===BASIC_STEP&&jsxRuntime.exports.jsx(BasicTab$1,{permissionSet:r,onNameChange:a,onDescriptionChange:o,nameExistsCheck:e=>{m(e)}}),i===PERMISSION_STEP&&jsxRuntime.exports.jsx(Permission,{onPermissionChange:c})]})),jsxRuntime.exports.jsx(StepButtons,{step:i,isValid:l(i)&&!d,onCancel:e,onBack:()=>{n(e=>e-1)},onNext:()=>{n(e=>e+1)},onFinish:()=>{s(r)}})]}))},PANEL_ID$1="NEW_PERMISSION_SET_PANEL",NewPermissionSetPanel=()=>{var e=useIntl(),{newPermissionsPanelHeader:e,permissionsPanelClose:s}=formattedMessages(e);const n=useDispatch(),r=useSelector(selectOrgId),a=useSelector(selectIsUserAdmin);var t=()=>{n(hidePanel(PANEL_ID$1))};return jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Header,{panelId:PANEL_ID$1,permissionsPanelHeader:e,permissionsPanelClose:s,iconType:"close",handleClose:t,unstyledHeader:!0}),jsxRuntime.exports.jsx(PanelBody,{onCancel:t,initPermissionSet:{},onSave:e=>{const{name:s="",description:t="",permissions:i=[]}=e;e=Object.entries(MeaningfulPermissions).filter(([,e])=>i.includes(e)).map(([e])=>e);a?n(actions.adminCenterPermissions.createPermissionSetStart({name:s,description:t,permissions:e,organizationID:""+r})):n(actions.adminCenterPermissions.createPermissionSetStart({name:s,description:t,permissions:e})),setTimeout(()=>{n(hidePanel(PANEL_ID$1))},1e3)}})]})})}))},useStyles=makeStyles()(e=>({root:{display:"flex",flexDirection:"column",height:"calc(100vh - 55px - 5px)",alignItems:"stretch",justifyContent:"space-between"},panelTitle:{padding:e.spacing(0,6,3,6)},title:{color:"#2A323C",fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"33px",letterSpacing:"-1.30385e-09px"},subTitle:{color:"#2A323C",fontWeight:600},titleDescription:{color:"#5C6269",fontWeight:400,maxWidth:"372px",marginTop:e.spacing(1)},divider:{opacity:.9},tabsContainer:{"& .Sdk-Mui-selected":{color:"black"},"& .Sdk-MuiTabs-indicator":{backgroundColor:"#000"}},tabsParent:{padding:e.spacing(0,3,0,3),"& div":{borderBottom:"none"},"& div button":{fontFamily:"Nunito",fontWeight:400,flex:"0 1 auto !important",minWidth:"unset"}},secondBox:{display:"flex",flexDirection:"column",padding:e.spacing(0,6,0,6),flexGrow:1},controlsContainer:{padding:"30px","& button":{float:"right"}}})),tabStyles=makeStyles()(e=>({root:{paddingTop:"35px"},title:{fontWeight:"bold"},gridItem:{paddingTop:"20px"}})),BasicTab=({name:e,description:s,createdAt:t})=>{var i=useIntl(),n=tabStyles()["classes"],{basicTabHeader:i,permissionSetNameLabel:r,createdAtLabel:a,permissionSetDescriptionLabel:o}=formattedMessages(i);return jsxRuntime.exports.jsxs("div",Object.assign({className:n.root,"data-testid":"admin-center.permission-set-details.basic-tab"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",className:n.title},{children:i})),jsxRuntime.exports.jsxs(Grid,Object.assign({container:!0,rowSpacing:1,columnSpacing:{xs:1,sm:2,md:3}},{children:[jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:n.gridItem},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:r})),jsxRuntime.exports.jsx("span",Object.assign({"data-testid":"admin-center.permission-set-details.basic-tab.set-name"},{children:e}))]}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:n.gridItem},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:a})),jsxRuntime.exports.jsx("span",Object.assign({"data-testid":"admin-center.permission-set-details.basic-tab.set-created-date"},{children:dateFormat(t)}))]}))})),jsxRuntime.exports.jsx(Grid,Object.assign({item:!0,xs:6},{children:jsxRuntime.exports.jsxs("div",Object.assign({className:n.gridItem},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:o})),jsxRuntime.exports.jsx("span",Object.assign({"data-testid":"admin-center.permission-set-details.basic-tab.set-description"},{children:s}))]}))}))]}))]}))},PermissionsTab=({permissions:e,setNewKeyValue:t})=>jsxRuntime.exports.jsx(Permission,{onPermissionChange:s=>t({permissions:Object.entries(MeaningfulPermissions).filter(([,e])=>s.includes(e)).map(([e])=>e)}),permissionSetExistingPerm:e,deductedHeight:"45"}),GeneralTab=({permissionSet:e,nameExistsCheck:s,setNewKeyValue:t})=>{var i=useIntl(),n=tabStyles()["classes"],i=formattedMessages(i)["settingsTabHeader"];return jsxRuntime.exports.jsxs("div",Object.assign({className:n.root,"data-testid":"admin-center.permission-set-details.general-tab"},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h2",className:n.title},{children:i})),jsxRuntime.exports.jsx(BasicTab$1,{permissionSet:e,onNameChange:e=>t({name:e}),onDescriptionChange:e=>t({description:e}),nameExistsCheck:s})]}))},Controls=({disabled:e,onSave:s})=>jsxRuntime.exports.jsx(Button$1,Object.assign({variant:"contained",disabled:e,onClick:s,"data-testid":"admin-center.permission-set-details.save-btn"},{children:"Save Changes"})),PANEL_ID="PERMISSION_SET_DETAILS_PANEL",PermissionSetDetailsPanel=({id:e})=>{const s=useSelector(selectPermissionSetById(e));console.log(s);var{name:t,description:i,createdAt:n,permissions:r}=s;const a=useStyles()["classes"],[o,c]=react.exports.useState(0),[l,d]=react.exports.useState(!1),[m,p]=react.exports.useState({}),[u,x]=react.exports.useState(!1);react.exports.useEffect(()=>{s&&!u&&(x(!0),p(s))},[s]);var g=e=>{p(Object.assign(Object.assign({},m),e))},b=useIntl(),{permissionSetDetailsPanelHeader:b,permissionsPanelClose:h,permissionSetDetailsPanelDescription:j,tabTitle_basic:S,tabTitle_permissions:A,tabTitle_settings:E}=formattedMessages(b);const C=useDispatch(),R=()=>{C(hidePanel(PANEL_ID))};const f=[{label:S,disabled:!1,id:"basic",component:BasicTab({name:t,description:i,createdAt:n})},{label:A,disabled:!1,id:"permissions",component:PermissionsTab({permissions:r,setNewKeyValue:g})},{label:E,disabled:!1,id:"settings",component:GeneralTab({permissionSet:s,nameExistsCheck:e=>{d(e)},setNewKeyValue:g})}];return e?jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsxs("div",Object.assign({"data-testid":"admin-center-permission-set-details-panel",className:a.root},{children:[jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx(Header,{panelId:PANEL_ID,permissionsPanelHeader:b,permissionsPanelClose:h,dataTestIdPrefix:"permission-set-details",iconType:"close",handleClose:R,unstyledHeader:!0}),jsxRuntime.exports.jsx("div",Object.assign({className:a.panelTitle},{children:jsxRuntime.exports.jsx(Typography,Object.assign({variant:"body2"},{children:j}))})),jsxRuntime.exports.jsxs("div",Object.assign({className:a.tabsContainer,"data-testid":"permission-set-details-tabs"},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:a.tabsParent},{children:jsxRuntime.exports.jsx(Tabs,Object.assign({onChange:(e,s)=>{c(s)},value:o},{children:f.map((e,s)=>jsxRuntime.exports.jsx(Tab,Object.assign({label:e.label},(e=>({id:"simple-tab-"+e,"aria-controls":"simple-tabpanel-"+e}))(s)),e.id))}))})),jsxRuntime.exports.jsx(Divider,{className:a.divider}),jsxRuntime.exports.jsx("div",{children:f.map((e,s)=>jsxRuntime.exports.jsx("div",Object.assign({className:a.secondBox},{children:jsxRuntime.exports.jsx(TabPanel,Object.assign({value:o,index:s},{children:e.component}))}),e.id))})]}))]}),jsxRuntime.exports.jsx("div",Object.assign({className:a.controlsContainer},{children:0!==o&&jsxRuntime.exports.jsx(Controls,{disabled:(()=>{let t=!0;return Object.entries(s).forEach(e=>{var s=m[e[0]];s&&("string"==typeof s&&!lodash.exports.isEqual(s,e[1])||Array.isArray(s)&&Array.isArray(e[1])&&!lodash.exports.isEqual([...s].sort(),[...e[1]].sort()))&&(t=!1)}),t=l?!0:t})(),onSave:()=>{var e=__rest(m,["createdAt"]);C(actions.adminCenterPermissions.updatePermissionSetStart(e)),R()}})}))]}))}):null};export{AccessControl,EMemberType,EResourceType,GroupInfoPanel,NewPermissionSetPanel,PANEL_ID$1 as PANEL_ID,PERMISSIONS_PANEL,PermissionSetDetailsPanel,PermissionSets,PermissionsPanel,SLICE_NAME,actions,getAdminCenterPermissionsModule,initialState,namespace,newPermissionSetPanel,index as permissionsAPI,rootReducer,selectApiConfigs,selectCurrentResource,selectFoundMembers,selectLoadingStatus,selectOrgAccessControlLoadingStatus,selectOrgAccessControlPagination,selectOrgAccessControls,selectPermissionSetById,selectPermissionSets,selectPermissionSetsLoadingStatus,selectPermissionSetsPagination,selectPermissions};
+    `)});var e=`mutation ${n} {
+    ${i}
+  }`;return(yield baseGraphQLApiWithError(Object.assign({query:e,operationName:n},r)))[n]}),createAppConfig=(s,a,n)=>__awaiter(void 0,void 0,void 0,function*(){var e="applicationConfigDefinitionCreate",t=lodash.exports.map(n,e=>{const t={appId:a,configKey:e.name,configType:AppConfigType[e.type],configLevel:AppConfigLevel[e.configLevel],required:e.required,description:e.description,secured:!1};return lodash.exports.isNil(e.defaultValue)||(t.defaultValue=e.defaultValue),lodash.exports.isNil(e.options)||(t.defaultValueJSON={options:e.options},lodash.exports.isNil(e.defaultValues)||(t.defaultValueJSON.defaultSelected=e.defaultValues)),t});return(yield baseGraphQLApiWithError(Object.assign({query:"mutation applicationConfigDefinitionCreate ($input: [ApplicationConfigDefinitionCreate]) {\n    applicationConfigDefinitionCreate (input: $input) {\n      records {\n        configKey\n      }\n    }\n  }",variables:{input:t},operationName:e},s)))[e]}),getSchemasByName=(s,a={name:""})=>__awaiter(void 0,void 0,void 0,function*(){var e={name:a.name},t="getSchemasByDataRegistryName";return yield baseGraphQLApiWithError(Object.assign({query:"\n  query getSchemasByDataRegistryName($name:String){\n    dataRegistries(\n      name: $name\n    ){\n      records {\n        id\n        name\n        modifiedDateTime\n        schemas {\n          records {\n            id\n            dataRegistryId\n            modifiedDateTime\n            majorVersion\n            minorVersion\n          }\n        }\n      }\n    }\n    }\n  ",variables:e,operationName:t},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*searchSchemas(e){yield delay(200),yield put(actions.schemaLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var s=yield call(getSchemasByName,t,{name:e.payload});yield put(actions.schemaLinkingPanelState.updateSchemaLinkingPanelField({field:"searchResults",value:lodash.exports.map(s.dataRegistries.records,e=>{var t=lodash.exports.reduce(e.schemas.records,(e,t)=>t.majorVersion>e.majorVersion||t.majorVersion==e.majorVersion&&t.minorVersion>e.minorVersion?t:e);return{id:t.id,dataRegistryId:t.dataRegistryId,name:e.name,modifiedDateTime:t.modifiedDateTime,version:`v${t.majorVersion}.`+t.minorVersion}})})),yield put(actions.schemaLinkingPanelState.fetchingDone())}catch(e){console.log(e.message),yield put(showMessage({content:e.message,severity:MessageSeverity.Error})),yield put(actions.schemaLinkingPanelState.fetchingDone())}}function*watchSearchSchemas(){yield takeLatest$1(actions.schemaLinkingPanelState.searchByTerm.type,searchSchemas)}const schemasSagas=[fork(watchSearchSchemas)];function*searchEngines(e){yield delay(200),yield put(actions.engineLinkingPanelState.fetchingStart());var t=yield select(selectApiConfigs);try{var 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)],supportedAppFields=["id","name","isPublic","key","category","description","iconUrl","iconSvg","url","oauth2RedirectUrls","checkPermissions","deploymentModel","contextMenuExtensions","eventEndpoint","entityTags","headerbarEnabled"],formatApp=t=>{const s={checkPermissions:t.checkPermissions||!1,name:t.name,key:lodash.exports.snakeCase(t.name)};return supportedAppFields.forEach(e=>{lodash.exports.isNil(t[e])||(s[e]=t[e])}),lodash.exports.isNil(t.iconPath)||(s.iconUrl=t.iconPath),s};function*createNewApplication(e){var t=yield select(preferredLanguageSelector);const s=AIWareFormatMessage(t||"en");t=e.payload.app;if(lodash.exports.isNil(t))throw new Error("Empty app not allowed!");e=yield select(selectApiConfigs);try{var a=formatApp(t),n=yield call(createApplication,e,a),{flows:i,engines:r,schemas:o}=t;if(!(lodash.exports.isEmpty(i)||lodash.exports.isEmpty(r)||lodash.exports.isEmpty(o))){const p={id:n.id};lodash.exports.isEmpty(i)||lodash.exports.isEmpty(r)||(p.engines={add:[...lodash.exports.map(i,e=>e.id),...lodash.exports.map(r,e=>e.id)],remove:[]}),lodash.exports.isEmpty(o)||(p.dataRegistries={add:lodash.exports.map(o,e=>e.dataRegistryId),remove:[]}),yield call(updateAppComponents,e,p)}lodash.exports.isEmpty(t.configFields)||(yield call(createAppConfig,e,n.id,t.configFields)),yield put(actions.appFormState.createAppSuccess(n.id)),yield put(showMessage({content:s({id:"os-app-center-new.snackbar.appCreateSuccess",defaultMessage:[{type:0,value:"Application successfully created"}]}),severity:MessageSeverity.Success})),yield put(unmountPanel("APP_CENTER_NEW"))}catch(e){yield put(actions.appFormState.createAppFailed(e.message)),yield put(showMessage({content:s({id:"os-app-center-new.snackbar.appOnboardingFailed",defaultMessage:[{type:0,value:"Application onboarding failed"}]}),severity:MessageSeverity.Error}))}}function*watchNewApplicationCreateStart(){yield takeLatest$1(actions.appFormState.createAppStart.type,createNewApplication)}const newApplicationSagas=[fork(watchNewApplicationCreateStart)],root="undefined"!=typeof window?window:global,fileUploadChannel=(root.xhrInstances={},channel());function*uploadIcon(e){const t=e.payload.file;e=yield select(preferredLanguageSelector);const 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,...newApplicationSagas,...schemasSagas])}function getAppCenterNewModule(){return{id:SLICE_NAME,reducerMap:{[SLICE_NAME]:rootReducer},sagas:[rootSaga],initialActions:[]}}const formattedMessageIdPrefix$3="toggle-switch.",Toggle=e=>{var t=makeStyles()(e=>({switch:{padding:2,height:34,width:123,"& .Sdk-MuiSwitch-switchBase":{padding:3,borderRadius:16,transform:"translateX(57px)"},"& .Sdk-MuiSwitch-track":{borderRadius:13,height:30,width:119,backgroundColor:"#EEEEEF",opacity:1},"& .Sdk-MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:"#EEEEEF",opacity:1},"& .Sdk-MuiSwitch-thumb":{backgroundColor:"white",boxShadow:"none",width:57,height:26,borderRadius:13,margin:1},"& .Sdk-MuiSwitch-switchBase.Mui-checked":{transform:"translateX(0px)","& .Sdk-MuiSwitch-thumb":{backgroundColor:"white"}}},switchLabel:{zIndex:10,color:"#5C6269",pointerEvents:"none","&.Mui-focused":{color:"#2A323C"},"& *":{cursor:"pointer"}}}))()["classes"],{checked:s,onChange:a}=e;return jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",spacing:-8.5,marginX:4.25,alignItems:"center"},{children:[jsxRuntime.exports.jsx(FormLabel,Object.assign({color:"secondary",className:t.switchLabel,htmlFor:"toggle-aiware-headerbar"},{children:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",sx:{color:s?null:"#5C6269"}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$3+"on",defaultMessage:"On",description:"On lable for aiware headerbar toggle switch"})}))})),jsxRuntime.exports.jsx(Switch,Object.assign({color:"secondary",id:"toggle-aiware-headerbar",className:classnames(t.switch,e.className),onChange:a},lodash.exports.omit(e,"className"))),jsxRuntime.exports.jsx(FormLabel,Object.assign({color:"secondary",className:t.switchLabel,htmlFor:"toggle-aiware-headerbar"},{children:jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",sx:{color:s?"#5C6269":null}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$3+"off",defaultMessage:"Off",description:"Off lable for aiware headerbar toggle switch"})}))}))]}))},formattedMessageIdPrefix$2="os-app-center-new.headerbar-step.headerbar-toggle.";var _path$2,_g$2,_path2$2,_path3$2,_tspan$2,_tspan2$2,_tspan3$2,_tspan4$2,_tspan5$2,_tspan6$2,_tspan7$2,_tspan8$2,_tspan9$2,_tspan10$2,_tspan11$2,_tspan12$2,_tspan13$2,_tspan14$2,_tspan15$2,_tspan16$2,_defs$2,AiWareHeaderbarToggle=({checked:e=!0,onChange:t})=>jsxRuntime.exports.jsxs(Box,Object.assign({width:"100%","data-test":formattedMessageIdPrefix$2+"container"},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h4"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$2+"title",defaultMessage:"aiWARE Headerbar",description:"Title of the aiware headerbar toggle section"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$2+"instructions",defaultMessage:"This allows the aiWARE header to wrap around your app, keeping it self contained.",description:"Instructions of the aiware headerbar toggle section"})})),jsxRuntime.exports.jsx(FormGroup,{children:jsxRuntime.exports.jsx(FormControl,{children:jsxRuntime.exports.jsx(Toggle,{checked:e,onChange:t,"data-test":formattedMessageIdPrefix$2+"toggle"})})})]}));function _extends$2(){return(_extends$2=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 SvgEditorDummy$1=function(e){return react.exports.createElement("svg",_extends$2({width:660,height:233,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_path$2=_path$2||react.exports.createElement("path",{fill:"#E5E5E5",d:"M0 0h660v233H0z"}),_g$2=_g$2||react.exports.createElement("g",{filter:"url(#editorDummy_svg__a)"},react.exports.createElement("path",{fill:"#fff",d:"M-30-356h720V682H-30z"})),_path2$2=_path2$2||react.exports.createElement("path",{opacity:.4,d:"M0 4a4 4 0 0 1 4-4h652a4 4 0 0 1 4 4v225a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z",fill:"#303841"}),_path3$2=_path3$2||react.exports.createElement("path",{opacity:.4,d:"M0 4a4 4 0 0 1 4-4h27v233H4a4 4 0 0 1-4-4V4Z",fill:"#242C35"}),react.exports.createElement("text",{opacity:.4,fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:10,fontWeight:600,letterSpacing:0},_tspan$2=_tspan$2||react.exports.createElement("tspan",{x:13.004,y:33.29},"1"),_tspan2$2=_tspan2$2||react.exports.createElement("tspan",{x:13.004,y:59.29},"2"),_tspan3$2=_tspan3$2||react.exports.createElement("tspan",{x:13.004,y:85.29},"3"),_tspan4$2=_tspan4$2||react.exports.createElement("tspan",{x:13.004,y:111.29},"4"),_tspan5$2=_tspan5$2||react.exports.createElement("tspan",{x:13.004,y:137.29},"5"),_tspan6$2=_tspan6$2||react.exports.createElement("tspan",{x:13.004,y:163.29},"6"),_tspan7$2=_tspan7$2||react.exports.createElement("tspan",{x:13.004,y:189.29},"7"),_tspan8$2=_tspan8$2||react.exports.createElement("tspan",{x:13.004,y:215.29},"8")),react.exports.createElement("text",{opacity:.4,fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito",fontSize:14,letterSpacing:0},_tspan9$2=_tspan9$2||react.exports.createElement("tspan",{x:46,y:33.606},"window.aiware.init("),_tspan10$2=_tspan10$2||react.exports.createElement("tspan",{x:46,y:59.606},"    {"),_tspan11$2=_tspan11$2||react.exports.createElement("tspan",{x:46,y:85.606},"        baseUrl: '<your-base-url>',"),_tspan12$2=_tspan12$2||react.exports.createElement("tspan",{x:46,y:111.606},"        applicationId: '<your-application-id>'"),_tspan13$2=_tspan13$2||react.exports.createElement("tspan",{x:46,y:137.606},"        knowledgeBaseUrl: '<your-knowledgebase-url>'"),_tspan14$2=_tspan14$2||react.exports.createElement("tspan",{x:46,y:163.606},"    },"),_tspan15$2=_tspan15$2||react.exports.createElement("tspan",{x:46,y:189.606},"    () => {"),_tspan16$2=_tspan16$2||react.exports.createElement("tspan",{x:46,y:215.606},"    // code run by callback function")),_defs$2=_defs$2||react.exports.createElement("defs",null,react.exports.createElement("filter",{id:"editorDummy_svg__a",x:-44,y:-370,width:748,height:1066,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},react.exports.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),react.exports.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),react.exports.createElement("feOffset",null),react.exports.createElement("feGaussianBlur",{stdDeviation:7}),react.exports.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),react.exports.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2227_22407"}),react.exports.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_2227_22407",result:"shape"}))))};const useStyles$a=makeStyles()(e=>({editorImg:{maxWidth:"100%",height:"auto"}})),formattedMessageIdPrefix$1="os-app-center-new.headerbar-step.customize-headerbar.";var _path$1,_g$1,_path2$1,_path3$1,_tspan$1,_tspan2$1,_tspan3$1,_tspan4$1,_tspan5$1,_tspan6$1,_tspan7$1,_tspan8$1,_tspan9$1,_tspan10$1,_tspan11$1,_tspan12$1,_tspan13$1,_tspan14$1,_tspan15$1,_tspan16$1,_tspan17$1,_tspan18$1,_tspan19,_tspan20,_tspan21,_tspan22,_tspan23,_tspan24,_tspan25,_tspan26,_defs$1,CustomizeAIWareHeaderbar=()=>(useStyles$a(),jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:3,"data-test":formattedMessageIdPrefix$1+"container"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{opacity:.5}},{children:[jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",alignItems:"center",spacing:1},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h4"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"title",defaultMessage:"Customize the aiWARE Header",description:"Title of the Customize aiware headerbar section"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"optional",defaultMessage:"(Optional)",description:"Optional modifier for titles"})})),jsxRuntime.exports.jsx(Chip$1,{color:"primary",label:"Coming Soon"})]})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix$1+"instructions",defaultMessage:"Your JSON will be injected into the header to customize the user interface and functionality. View customizable options",description:"Instructions of the Customize aiware headerbar section"})}))]})),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(SvgEditorDummy$1,{})})]})));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 SvgEditorDummy=function(e){return react.exports.createElement("svg",_extends$1({width:660,height:233,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_path$1=_path$1||react.exports.createElement("path",{fill:"#E5E5E5",d:"M0 0h660v233H0z"}),_g$1=_g$1||react.exports.createElement("g",{filter:"url(#editorDummy_svg__a)"},react.exports.createElement("path",{fill:"#fff",d:"M-30-690h720V348H-30z"})),_path2$1=_path2$1||react.exports.createElement("path",{opacity:.4,d:"M0 4a4 4 0 0 1 4-4h652a4 4 0 0 1 4 4v225a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z",fill:"#303841"}),_path3$1=_path3$1||react.exports.createElement("path",{opacity:.4,d:"M0 4a4 4 0 0 1 4-4h27v233H4a4 4 0 0 1-4-4V4Z",fill:"#242C35"}),react.exports.createElement("text",{opacity:.4,fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"},fontFamily:"Nunito Sans",fontSize:10,fontWeight:600,letterSpacing:0},_tspan$1=_tspan$1||react.exports.createElement("tspan",{x:13.004,y:33.29},"1"),_tspan2$1=_tspan2$1||react.exports.createElement("tspan",{x:13.004,y:59.29},"2"),_tspan3$1=_tspan3$1||react.exports.createElement("tspan",{x:13.004,y:85.29},"3"),_tspan4$1=_tspan4$1||react.exports.createElement("tspan",{x:13.004,y:111.29},"4"),_tspan5$1=_tspan5$1||react.exports.createElement("tspan",{x:13.004,y:137.29},"5"),_tspan6$1=_tspan6$1||react.exports.createElement("tspan",{x:13.004,y:163.29},"6"),_tspan7$1=_tspan7$1||react.exports.createElement("tspan",{x:13.004,y:189.29},"7"),_tspan8$1=_tspan8$1||react.exports.createElement("tspan",{x:13.004,y:215.29},"8")),react.exports.createElement("g",{opacity:.4,fontFamily:"Nunito Sans",fontSize:14,letterSpacing:0},react.exports.createElement("text",{fill:"#fff",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan9$1=_tspan9$1||react.exports.createElement("tspan",{x:62.352,y:58.606}," {"),_tspan10$1=_tspan10$1||react.exports.createElement("tspan",{x:46,y:84.606}),_tspan11$1=_tspan11$1||react.exports.createElement("tspan",{x:84.186,y:84.606},": blue;"),_tspan12$1=_tspan12$1||react.exports.createElement("tspan",{x:46,y:110.606}),_tspan13$1=_tspan13$1||react.exports.createElement("tspan",{x:164.098,y:110.606},": yellow;"),_tspan14$1=_tspan14$1||react.exports.createElement("tspan",{x:46,y:136.606}),_tspan15$1=_tspan15$1||react.exports.createElement("tspan",{x:94.699,y:136.606},": 1px solid black;"),_tspan16$1=_tspan16$1||react.exports.createElement("tspan",{x:46,y:162.606},"}"),_tspan17$1=_tspan17$1||react.exports.createElement("tspan",{x:54.162,y:188.606}," {"),_tspan18$1=_tspan18$1||react.exports.createElement("tspan",{x:46,y:214.606}),_tspan19=_tspan19||react.exports.createElement("tspan",{x:84.186,y:214.606},": red;")),react.exports.createElement("text",{fill:"#B39DDB",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan20=_tspan20||react.exports.createElement("tspan",{x:46,y:58.606},"h1"),_tspan21=_tspan21||react.exports.createElement("tspan",{x:46,y:188.606},"p")),react.exports.createElement("text",{fill:"#EF9A9A",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan22=_tspan22||react.exports.createElement("tspan",{x:53.191,y:84.606},"color"),_tspan23=_tspan23||react.exports.createElement("tspan",{x:53.191,y:110.606},"background-color"),_tspan24=_tspan24||react.exports.createElement("tspan",{x:53.191,y:136.606},"border"),_tspan25=_tspan25||react.exports.createElement("tspan",{x:53.191,y:214.606},"color")),react.exports.createElement("text",{fill:"#5C6269",xmlSpace:"preserve",style:{whiteSpace:"pre"}},_tspan26=_tspan26||react.exports.createElement("tspan",{x:46,y:32.606},"\x3c!-- Default CSS --\x3e"))),_defs$1=_defs$1||react.exports.createElement("defs",null,react.exports.createElement("filter",{id:"editorDummy_svg__a",x:-44,y:-704,width:748,height:1066,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},react.exports.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),react.exports.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),react.exports.createElement("feOffset",null),react.exports.createElement("feGaussianBlur",{stdDeviation:7}),react.exports.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),react.exports.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2227_22407"}),react.exports.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_2227_22407",result:"shape"}))))};const formattedMessageIdPrefix="os-app-center-new.headerbar-step.customize-headerbar-styles.";var CustomizeAIWareHeaderbarStyles=()=>jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:3,"data-test":formattedMessageIdPrefix+"container"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({sx:{opacity:.5}},{children:[jsxRuntime.exports.jsxs(Stack,Object.assign({direction:"row",alignItems:"center",spacing:1},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h4"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"title",defaultMessage:"Customize the aiWARE Header Styles (CSS)",description:"Title of the Customize aiware headerbar styles section"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"optional",defaultMessage:"(Optional)",description:"Optional modifier for titles"})})),jsxRuntime.exports.jsx(Chip$1,{color:"primary",label:"Coming Soon"})]})),jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"body1"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"instructions",defaultMessage:"Your JSON will be injected into the header to customize the user interface and functionality. View customizable options",description:"Instructions of the Customize aiware headerbar styles section"})}))]})),jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:1,alignItems:"flex-start"},{children:[jsxRuntime.exports.jsx(SvgEditorDummy,{}),jsxRuntime.exports.jsx(Button,Object.assign({variant:"text",sx:{opacity:.5}},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:formattedMessageIdPrefix+"restore-default-css-button-label",defaultMessage:"Restore Default CSS",description:"Button label for the restore default css button on the headerbar styles page of app onboarding"})}))]}))]}));const useStyles$9=makeStyles()(e=>({container:{padding:e.spacing(6),maxWidth:"100%"},divider:{width:"60rem",margin:e.spacing(5,5,1,6)},list:{width:"60rem",padding:e.spacing(6,0),marginLeft:e.spacing(6)}}));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,HeaderbarStep=()=>{const t=useDispatch();var e=useSelector(selectApp),s=useStyles$9()["classes"];return jsxRuntime.exports.jsxs(Grid$1,Object.assign({container:!0,flexDirection:"column",rowSpacing:5,columnSpacing:6,className:s.container,"data-test":"app-new-headerbar-step-container"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,flexShrink:0},{children:jsxRuntime.exports.jsx(AiWareHeaderbarToggle,{checked:e.headerbarEnabled,onChange:e=>{t(actions.appFormState.updateAppFormField({field:"headerbarEnabled",value:e.target.checked}))}})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,flexShrink:0},{children:jsxRuntime.exports.jsx(CustomizeAIWareHeaderbar,{})})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,flexShrink:0},{children:jsxRuntime.exports.jsx(CustomizeAIWareHeaderbarStyles,{})}))]}))};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$8=makeStyles()(e=>({container:{padding:e.spacing(6),maxWidth:"100%"},divider:{width:"60rem",margin:e.spacing(5,5,1,6)},list:{width:"60rem",padding:e.spacing(6,0),marginLeft:e.spacing(6)},chip:{marginLeft:"10px"},inputContainer:{paddingTop:"10px"},root:{"&":{width:"100%"}},grayText:{color:"gray"}})),ConfigFields=()=>{const s=useDispatch(),t=useSelector(selectConfigFields),e=e=>lodash.exports.map(e,e=>({name:e.name,configLevel:e.configLevel,type:e.type,default:e.type!==AppFieldType.MultiPicklist||isEmpty_1(e.defaultValues)?e.defaultValue:lodash.exports.join(e.defaultValues,", ")})),[a,n]=react.exports.useState(e(t));react.exports.useEffect(()=>{n(e(t))},[t]);const i=(e=!1,t=-1)=>{e={name:"APP_CENTER_CONFIG_FIELDS_FORM",config:{name:"Custom Fields",isEdit:e,editIndex:t}};s(mountPanel({panelId:"APP_CENTER_CONFIG_FIELDS_FORM",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,zIndex:1010}}))};return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob-functionality-config-fields",heading:"Application Config Fields",description:"Does your application require config fields? If so, specify them here. Leave blank if not..",actionButtonLabel:"Add Config",items:a,columnNames:["Name","Config Level","Type","Default","",""],canEdit:!0,canDelete:!0,onActionClick:()=>i(),onEditClick:e=>{e=a[e],e=findIndex_1(t,{name:e.name,type:e.type});0<=e&&i(!0,e)},onDeleteClick:e=>{e=a[e],e=findIndex_1(t,{name:e.name,type:e.type});0<=e&&s(actions.appFormState.removeConfigField(e))},onRequestSort:(e,t)=>{n(orderBy_1(a,lowerCase_1(e),t))}})},urlRegex=/[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/,FunctionalityStep=({handleOnValidate:e})=>{var t=useStyles$8()["classes"];const s=useDispatch();var a=useSelector(selectAppUrl);const n=useForm({mode:"onChange",defaultValues:{url:a}});react.exports.useEffect(()=>{null!=e&&e(n.formState.isValid)},[n.formState.isValid]);a=e=>{var{name:e,value:t}=e.target;s(actions.appFormState.updateAppFormField({field:e,value:t}))};return jsxRuntime.exports.jsx(FormProvider,Object.assign({},n,{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:a,"data-test":"os-app-center-new.app-type-input",fullWidth:!0,value:"web",name:"app-type"},{children:[jsxRuntime.exports.jsxs(MenuItem,Object.assign({value:"web"},{children:[jsxRuntime.exports.jsx("b",{children:"Web Application"})," ",jsxRuntime.exports.jsx("span",Object.assign({className:t.grayText},{children:"(Accessible via Browser)"}))]})),jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:!0},{children:[jsxRuntime.exports.jsx("b",{children:"Docker Application"})," (Run on aiWARE)"," ",jsxRuntime.exports.jsx(Chip$1,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]})),jsxRuntime.exports.jsxs(MenuItem,Object.assign({disabled:!0},{children:[jsxRuntime.exports.jsx("b",{children:"Kubernetes"})," ",jsxRuntime.exports.jsx(Chip$1,{color:"primary",className:t.chip,size:"small",label:"Coming Soon"})]}))]}))}))]})),jsxRuntime.exports.jsxs(Grid$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,pattern:{value:urlRegex,message:"Must be a valid URL including protocol."}},onChange:a,placeholder:"URL",name:"url",fullWidth:!0})}))]})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12},{children:jsxRuntime.exports.jsx(ConfigFields,{})}))]}))}))},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",marginTop:"9px",marginRight:"15px",background:"#214167"},inputContainer:{paddingTop:"10px"},root:{"&":{width:"100%"}},checked:{color:"#6098D1"}})),AuthenticationStep=({handleOnValidate:e})=>{var t=useStyles$7()["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$1,{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$6=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$5=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$5()["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,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,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,Object.assign({"aria-label":"expand row",size:"small",onClick:r,"data-test":a+"-expand-action-trigger"},{children:n}))]}))]})),ConfirmationStep=()=>{var e=useStyles$6()["classes"],t=useSelector(selectApp);return jsxRuntime.exports.jsxs(Box,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,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,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,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,onDeleteClick:lodash.exports.noop,onEditClick:lodash.exports.noop,onActionClick:()=>{e(mountPanel({panelId:"APP_CENTER_ADD_FLOW_PANEL",microFrontend:{name:"APP_CENTER_ADD_FLOW_PANEL",config:{name:"Add Flow"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{a(lodash.exports.orderBy(s,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},Schema=()=>{const e=useDispatch();var t=useSelector(selectApp)["schemas"];const[s,a]=react.exports.useState(lodash.exports.map(t,e=>({name:e.name,version:e.version,lastUpdated:formatDate(e.modifiedDateTime)})));return jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.engine-linking-list.schemas",heading:"aiWARE Data Schema to Include with App Package",description:"Select Data Schemas that interface with your application to be included with your application package.",actionButtonLabel:"Add Schema",items:s,columnNames:["Name","Version","Last Updated"],canEdit:!1,canDelete:!1,onEditClick:lodash.exports.noop,onDeleteClick:lodash.exports.noop,onActionClick:()=>{e(mountPanel({panelId:"APP_CENTER_ADD_SCHEMA_PANEL",microFrontend:{name:"APP_CENTER_ADD_SCHEMA_PANEL",config:{name:"Add Schema"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"large",zIndex:1001}}))},onRequestSort:(t,e)=>{a(lodash.exports.orderBy(s,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],e))}})},AppPackagesStep=()=>jsxRuntime.exports.jsxs(Stack,Object.assign({spacing:5,p:6,"data-test":"app-package"},{children:[jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(FlowLinking,{})}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(EngineLinking,{})}),jsxRuntime.exports.jsx(Box,{children:jsxRuntime.exports.jsx(Schema,{})})]}));const useBasicInfoStyles=makeStyles()(e=>({container:{padding:e.spacing(6),justifyContent:"space-around","& input, textarea":{fontWeight:400},"& fieldset":{borderColor:"#D5DFE9"}},textInput:{padding:26},labelRow:{display:"flex",gap:e.spacing(2),alignItems:"flex-end"},optional:{fontSize:10,marginBottom:e.spacing(1)},select:{"& > div":{fontWeight:400,width:"280px"}}})),useIconImporterStyles=makeStyles()(e=>({iconBox:{display:"flex",justifyContent:"center",alignItems:"center",width:200,height:200,padding:e.spacing(3),border:"1px dashed #D5DFE9",borderRadius:5,transition:"all .2s ease","&:hover":{border:"1px solid #dde6ee"}},innerBox:{position:"relative",background:"#F5F5F5",width:"100%",height:"100%",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center",transition:"all .2s ease","&:hover":{background:"#dde6ee"}},fileInput:{display:"none"},addIcon:{color:"#555F7C",height:42,width:42,"&:hover":{color:"#555F7C"}},iconPreview:{objectFit:"cover",borderRadius:5,width:"100%",maxHeight:"100%"},removeIcon:{position:"absolute",top:10,right:10}})),useDragAndDrop=({acceptedFileTypes: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,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,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,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}))}})}))]}))}))}))},PaletteIntegration=()=>{const s=useDispatch(),t=useSelector(selectApp)["npmModules"];var e;const[a,n]=react.exports.useState((e=t,lodash.exports.map(e,e=>({name:e.name}))));const i=(e=!1,t=-1)=>{e={name:"APP_CENTER_AUTOMATE_PALETTE_INTEGRATION_PANEL",config:{name:"Add Module",isEdit:e,editIndex:t}};s(mountPanel({panelId:"APP_CENTER_AUTOMATE_PALETTE_INTEGRATION_PANEL",microFrontend:e,panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:0,size:"small",zIndex:1001}}))};return jsxRuntime.exports.jsx(Box,Object.assign({m:5,"data-test":"automate"},{children:jsxRuntime.exports.jsx(ListField,{idPrefix:"aob.automate-palette-integration",heading:"aiWARE Automate Palette Integration",description:"Please specify all the npm packages to install in Automate when this application is enabled in the organization.",actionButtonLabel:"Add Module",items:a,columnNames:["Palette","",""],canEdit:!0,canDelete:!0,onActionClick:()=>i(),onEditClick:e=>{e=a[e],e=lodash.exports.findIndex(t,{name:e.name});0<=e&&i(!0,e)},onDeleteClick:e=>{e=a[e],e=lodash.exports.findIndex(t,{name:e.name});0<=e&&s(actions.appFormState.removeNpmModule(e))},onRequestSort:(t,e)=>{n(lodash.exports.orderBy(a,[e=>lodash.exports.lowerCase(e[lodash.exports.camelCase(t)])],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(HeaderbarStep,{})})),jsxRuntime.exports.jsx(AuthenticationStep,{handleOnValidate:i}),jsxRuntime.exports.jsx(r,Object.assign({handleOnValidate:i},{children:jsxRuntime.exports.jsx(PaletteIntegration,{})})),jsxRuntime.exports.jsx(r,Object.assign({handleOnValidate:i},{children:jsxRuntime.exports.jsx(Box,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,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$2=55,headerHeight=64,borderBottom$2=5,useStyles$4=makeStyles()(e=>({ecnPanel:{height:`calc(100vh - ${appBarHeight$2}px - ${headerHeight}px - ${borderBottom$2}px)`}})),MainLayout=({appId:e})=>{var t=useStyles$4()["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,Object.assign({sx:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},{children:jsxRuntime.exports.jsx(CircularProgress,{})})):jsxRuntime.exports.jsx(AppOnboardingFlow,{})}))},AppCenterNew=e=>jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getAppCenterNewModule()]},{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(MainLayout,Object.assign({},e))}))})}))}),AddFlowPanel=()=>{const 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=[...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(Object.assign({},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,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,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))}))}))]}))},AddSchemaPanel=()=>{const a=useDispatch(),n=useSelector(selectApp),{searchTerm:e,searchResults:i,isLoadingSearchResults:t,sortOrder:s}=useSelector(selectSchemaLinkingPanel);const r=e=>{var t=lodash.exports.findIndex(i,{id:e.target.value});const s=[...n.schemas];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(Object.assign({},i[t])),a(actions.appFormState.updateAppFormField({field:"schemas",value:s}))};const o="os-app-center-new.add-schema-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-schema-panel.title",description:"Add Schema Panel Title",defaultMessage:"Add Schema"})})),jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":o+"close",onClick:()=>{a(unmountPanel(AvailableComponents.APP_CENTER_ADD_SCHEMA_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.schemaLinkingPanelState.searchByTerm(e.target.value))},size:"small",InputProps:{startAdornment:jsxRuntime.exports.jsx(InputAdornment,Object.assign({position:"start"},{children:t?jsxRuntime.exports.jsx(CircularProgress,{size:24}):jsxRuntime.exports.jsx(default_1$2,{})})),style:{borderRadius:100}}})}))})),jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":o+"sort-toggle",onClick:e=>{a(actions.schemaLinkingPanelState.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.schemas,e=>e.id)))?[]:lodash.exports.uniqBy([...n.schemas,...i],"id");a(actions.appFormState.updateAppFormField({field:"schemas",value:t}))},checked:!lodash.exports.isEmpty(n.schemas),indeterminate:!lodash.exports.isEmpty(n.schemas)&&!lodash.exports.isEmpty(lodash.exports.difference(lodash.exports.map(i,e=>e.id),lodash.exports.map(n.schemas,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+"schema",value:e.id,checked:lodash.exports.includes(lodash.exports.map(n.schemas,e=>e.id),e.id),onChange:r})})}),e.id))}))}))]}))},appBarHeight$1=55,borderBottom$1=5,mainHeight$1=`calc(100vh - ${appBarHeight$1+borderBottom$1}px)`,useStyles$3=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight$1},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$3()["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,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,Object.assign({title:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.config-fields.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"})},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick: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,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,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$2=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$1=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$1()["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$2()["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,pl:5},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:12,mb:4},{children:jsxRuntime.exports.jsxs(Box,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,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,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,Object.assign({display:"flex"},{children:[jsxRuntime.exports.jsx(Grid$1,Object.assign({item:!0,xs:6,mb:4},{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,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,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})})})})),appBarHeight=55,borderBottom=5,mainHeight=`calc(100vh - ${appBarHeight+borderBottom}px)`,useStyles=makeStyles()(e=>({root:{display:"flex",flexFlow:"column",height:mainHeight},container:{padding:e.spacing(6),"& 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:30},heading:{fontWeight:600,fontSize:"14px",lineHeight:"20px",letterSpacing:"-1.30385e-09px",color:"#2A323C"},description:{marginBottom:"5px",fontWeight:400,fontSize:"12px",lineHeight:"16px",color:"#5C6269"},label:{fontWeight:400,fontSize:"12px",lineHeight:"16px",color:"#2A323C"},addButtonWrapper:{display:"flex",justifyContent:"flex-end",padding:"0 30px"}})),APP_CENTER_NEW_TEXT={labelPublic:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration-label.public",defaultMessage:"Public",description:"Label for palette integration public"}),labelToken:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration-label.token",defaultMessage:"Token",description:"Label for palette integration token"}),tooltipTitle:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration.form-title-close",defaultMessage:"Close",description:"Form label for close tooltip label"}),formControlLabelName:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration.npm-npmjs-label",defaultMessage:"NPM Package stored on NPMJS.COM",description:"NPM Package stored on NPMJS.COM"}),formControlLabelUri:()=>jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration.npm-uri-label",defaultMessage:"NPM Package stored at URI",description:"NPM Package stored at URI"})},PaletteIntegrationForm=({hidePanel:t,isEdit:s=!1,editIndex:a=-1})=>{var e=useStyles()["classes"];const n=useDispatch(),i=useSelector(selectNpmModules);var r=()=>s&&0<=a?i[a]:{stored:"npmjs.com",access:"public"},o=r();const[p,l]=react.exports.useState(r().stored),c=useForm({mode:"onChange",defaultValues:o});return jsxRuntime.exports.jsx(FormProvider,Object.assign({},c,{children:jsxRuntime.exports.jsxs("form",Object.assign({className:e.root,onSubmit:c.handleSubmit(e=>{void 0!==e.name&&void 0!==e.uri&&"uri"===e.stored?e.name=e.uri:void 0!==e.name&&void 0!==e.uri&&"npmjs.com"===e.stored?e.uri=e.name:"uri"===e.stored&&void 0===e.name?e.name=e.uri:"npmjs.com"===e.stored&&(e.uri="https://www.npmjs.com/package/"+e.name),s?n(actions.appFormState.updateNpmModule({npmModules:e,index:a})):n(actions.appFormState.addNpmModule(e)),t()})},{children:[jsxRuntime.exports.jsxs(Grid$1,Object.assign({className:e.container,container:!0,"data-test":"app-new-palette-integration-form-container"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({className:e.header},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h1",color:"secondary","data-test":"app-new-palette-integration-header-title"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration.form-title",defaultMessage:"{label} Npm Module",description:"Form label for supported file types",values:{label:s?"Edit":"Add"}})})),jsxRuntime.exports.jsx(Tooltip,Object.assign({title:APP_CENTER_NEW_TEXT.tooltipTitle()},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:t,"aria-labelledby":"app-center-new-close-panel","data-test":"app-description-input-icon"},{children:jsxRuntime.exports.jsx(Close,{})}))}))]})),jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({variant:"h6",gutterBottom:!0,className:e.heading,"data-test":"app-new-palette-integration-header-name"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration-title.field-name",defaultMessage:"NPM Package or URI",description:"NPM Package/URI title"})})),jsxRuntime.exports.jsx(Typography$1,Object.assign({className:e.description},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"app-center-new.palette-integration-description.field-name",defaultMessage:"Please specify where the package is stored and choose the access level.",description:"NPM Package/URI description"})}))]}),jsxRuntime.exports.jsx(Box,Object.assign({py:4},{children:jsxRuntime.exports.jsxs(InputRadioGroup,Object.assign({name:"stored"},{children:[jsxRuntime.exports.jsxs(Box,Object.assign({mb:5},{children:[jsxRuntime.exports.jsx(FormControlLabel$1,{className:e.description,label:jsxRuntime.exports.jsx(Typography$1,Object.assign({className:e.label},{children:APP_CENTER_NEW_TEXT.formControlLabelName()})),control:jsxRuntime.exports.jsx(Radio,{"data-test":"os-app-center-new-palette-integration-radio.name"}),value:"npmjs.com",onChange:()=>l("npmjs.com")}),jsxRuntime.exports.jsx(InputText,{disabled:"npmjs.com"!==p,inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"name",placeholder:"Package name",fullWidth:!0,"data-test":"app-new-palette-integration-name-content",rules:{required:"npmjs.com"===p,maxLength:50}})]})),jsxRuntime.exports.jsx(FormControlLabel$1,{className:e.description,label:jsxRuntime.exports.jsx(Typography$1,Object.assign({className:e.label},{children:APP_CENTER_NEW_TEXT.formControlLabelUri()})),control:jsxRuntime.exports.jsx(Radio,{"data-test":"os-app-center-new-palette-integration-radio.uri"}),value:"uri",onChange:()=>l("uri")}),jsxRuntime.exports.jsx(InputText,{disabled:"uri"!==p,inputProps:{maxLength:50,className:e.textInput},variant:"outlined",type:"text",name:"uri",placeholder:"URI",fullWidth:!0,"data-test":"app-new-palette-integration-uri-content",rules:{required:"uri"===p,maxLength:50}})]}))})),jsxRuntime.exports.jsx(InputRadioGroup,Object.assign({name:"access"},{children:jsxRuntime.exports.jsxs(Box,{children:[jsxRuntime.exports.jsx(FormControlLabel$1,{label:jsxRuntime.exports.jsx(Typography$1,Object.assign({className:e.label},{children:APP_CENTER_NEW_TEXT.labelPublic()})),control:jsxRuntime.exports.jsx(Radio,{}),"data-test":"os-app-center-new-palette-integration-radio.public",value:"public"}),jsxRuntime.exports.jsx(FormControlLabel$1,{label:jsxRuntime.exports.jsx(Typography$1,Object.assign({className:e.label},{children:APP_CENTER_NEW_TEXT.labelToken()})),control:jsxRuntime.exports.jsx(Radio,{}),"data-test":"os-app-center-new-palette-integration-radio.token",value:"token"})]})}))]})),jsxRuntime.exports.jsx(Box,Object.assign({className:e.addButtonWrapper},{children:jsxRuntime.exports.jsx(Button,Object.assign({type:"submit",disabled:!get_1(c,"formState.isValid"),variant:"contained",color:"primary","data-test":"app-new-palette-integration-button-submit"},{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-app-center-new-palette-integration.submit-button-label",defaultMessage:"{label}",description:"{label} Config Fields",values:{label:s?"Update":"Add"}})}))}))]}))}))},AppCenterPaletteIntegrationPanel=e=>jsxRuntime.exports.jsx(CacheProvider,Object.assign({value:muiCache},{children:jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(PaletteIntegrationForm,{hidePanel:e.hidePanel,isEdit:e.isEdit,editIndex:e.editIndex})})})}));export{AppCenterAddEnginePanel,AddFlowPanel as AppCenterAddFlowPanel,AddSchemaPanel as AppCenterAddSchemaPanel,AppCenterConfigFieldsForm,AppCenterNew,AppCenterPaletteIntegrationPanel};