Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
import{r as a,k as c,B as I,l as O,af as xe,ag as Ne,m as R,ah as ve,ai as U,_ as q,aj as ze,T as Ce,ak as ye,u as Q,a as Ee,ac as Te,j as p,F as Ie,h as ke,C as Be,c as _e,b as Le,d as je,e as Ae,P as Fe,f as De,al as We,z as Oe,g as Pe,A as Ve,ab as Me}from"./index-0cda761d.js";import{F as X}from"./FormAccess-835af982.js";import{V as Ge}from"./ViewHeader-ff389f8e.js";import{C as Je,a as He}from"./ClientDescription-8cf89631.js";import{g as Ke}from"./utils-49fe564a.js";import{S as $e,a as Re,b as Ue}from"./Select-68736f55.js";import{L as qe}from"./LoginSettings-3493ef63.js";import{M as Qe,a as Xe}from"./Modal-ea09312d.js";import"./copy-icon-b8d617db.js";import"./Form-4087ddae.js";import"./GridItem-1535d986.js";import"./Text-b9444fb8.js";import"./ToolbarContent-fee3570e.js";import"./Checkbox-3affa1d3.js";import"./check-fc57dbe1.js";import"./SwitchControl-ac2ce3d1.js";import"./star-icon-2ee5dfa7.js";import"./KeycloakTextInput-ada01047.js";import"./MultiLineInput-05f00b93.js";import"./minus-circle-icon-ac3563ca.js";import"./plus-circle-icon-fe78809e.js";const l={button:"pf-c-button",card:"pf-c-card",drawer:"pf-c-drawer",modalBox:"pf-c-modal-box",modifiers:{finished:"pf-m-finished",expanded:"pf-m-expanded",current:"pf-m-current",expandable:"pf-m-expandable",disabled:"pf-m-disabled",noPadding:"pf-m-no-padding"},pageMainWizard:"pf-c-page__main-wizard",themeDark:"pf-theme-dark",wizard:"pf-c-wizard",wizardClose:"pf-c-wizard__close",wizardDescription:"pf-c-wizard__description",wizardFooter:"pf-c-wizard__footer",wizardFooterCancel:"pf-c-wizard__footer-cancel",wizardHeader:"pf-c-wizard__header",wizardInnerWrap:"pf-c-wizard__inner-wrap",wizardMain:"pf-c-wizard__main",wizardMainBody:"pf-c-wizard__main-body",wizardNav:"pf-c-wizard__nav",wizardNavItem:"pf-c-wizard__nav-item",wizardNavLink:"pf-c-wizard__nav-link",wizardNavLinkText:"pf-c-wizard__nav-link-text",wizardNavLinkToggle:"pf-c-wizard__nav-link-toggle",wizardNavLinkToggleIcon:"pf-c-wizard__nav-link-toggle-icon",wizardNavList:"pf-c-wizard__nav-list",wizardOuterWrap:"pf-c-wizard__outer-wrap",wizardTitle:"pf-c-wizard__title",wizardToggle:"pf-c-wizard__toggle",wizardToggleIcon:"pf-c-wizard__toggle-icon",wizardToggleList:"pf-c-wizard__toggle-list",wizardToggleListItem:"pf-c-wizard__toggle-list-item",wizardToggleNum:"pf-c-wizard__toggle-num",wizardToggleSeparator:"pf-c-wizard__toggle-separator"},Y=({onNext:o,onBack:r,onClose:d,isValid:e,firstStep:t,activeStep:n,nextButtonText:i,backButtonText:s,cancelButtonText:m})=>a.createElement("footer",{className:c(l.wizardFooter)},a.createElement(I,{variant:O.primary,type:"submit",onClick:o,isDisabled:!e},i),!n.hideBackButton&&a.createElement(I,{variant:O.secondary,onClick:r,isDisabled:t},s),!n.hideCancelButton&&a.createElement("div",{className:l.wizardFooterCancel},a.createElement(I,{variant:O.link,onClick:d},m)));Y.displayName="WizardFooterInternal";const Z=({hasDrawer:o,wrapper:r,children:d})=>o?r(d):d;Z.displayName="WizardDrawerWrapper";const ee=({children:o,hasNoBodyPadding:r=!1,"aria-label":d,"aria-labelledby":e,mainComponent:t="div",hasDrawer:n,isDrawerExpanded:i,onExpandDrawer:s,activeStep:m})=>{const u=t;return a.createElement(u,{"aria-label":d,"aria-labelledby":e,className:c(l.wizardMain)},a.createElement(Z,{hasDrawer:n&&m.drawerPanelContent,wrapper:w=>a.createElement(xe,{isInline:!0,isExpanded:i,onExpand:s},a.createElement(Ne,{panelContent:m.drawerPanelContent},w))},a.createElement("div",{className:c(l.wizardMainBody,r&&l.modifiers.noPadding)},o)))};ee.displayName="WizardBody";const te=({isNavOpen:o,onNavToggle:r,nav:d,steps:e,activeStep:t,children:n,hasNoBodyPadding:i=!1,"aria-label":s="Wizard Toggle",mainAriaLabelledBy:m=null,mainAriaLabel:u=null,isInPage:w=!0,hasDrawer:f,isDrawerExpanded:v,onExpandDrawer:z})=>{let b,y,N;for(let g=0;gr(!o),className:c(l.wizardToggle,o&&"pf-m-expanded"),"aria-label":s,"aria-expanded":o},a.createElement("span",{className:c(l.wizardToggleList)},a.createElement("span",{className:c(l.wizardToggleListItem)},a.createElement("span",{className:c(l.wizardToggleNum)},b)," ",y,N&&a.createElement(R,{className:c(l.wizardToggleSeparator),"aria-hidden":"true"})),N&&a.createElement("span",{className:c(l.wizardToggleListItem)},N)),a.createElement("span",{className:c(l.wizardToggleIcon)},a.createElement(ve,{"aria-hidden":"true"}))),a.createElement("div",{className:c(l.wizardOuterWrap)},a.createElement("div",{className:c(l.wizardInnerWrap)},d(o),a.createElement(ee,{mainComponent:w?"div":"main","aria-label":u,"aria-labelledby":m,hasNoBodyPadding:i,activeStep:t,isDrawerExpanded:v,onExpandDrawer:z,hasDrawer:f},f&&!v&&t.drawerToggleButton,t.component)),n))};te.displayName="WizardToggle";const A=({children:o,"aria-label":r,"aria-labelledby":d,isOpen:e=!1,returnList:t=!1,ouiaId:n,ouiaSafe:i=!0})=>{const s=U(A.displayName,n,i),m=a.createElement("ol",{className:c(l.wizardNavList)},o);return t?m:a.createElement("nav",Object.assign({className:c(l.wizardNav,e&&l.modifiers.expanded),"aria-label":r,"aria-labelledby":d},s),a.createElement("ol",{className:c(l.wizardNavList)},o))};A.displayName="WizardNav";const _=o=>{var{children:r=null,content:d="",isCurrent:e=!1,isDisabled:t=!1,step:n,onNavItemClick:i=()=>{},navItemComponent:s="button",href:m=null,isExpandable:u=!1,id:w,ouiaId:f,ouiaSafe:v=!0}=o,z=q(o,["children","content","isCurrent","isDisabled","step","onNavItemClick","navItemComponent","href","isExpandable","id","ouiaId","ouiaSafe"]);const b=U(_.displayName,f,v),y=s,[N,g]=a.useState(!1);a.useEffect(()=>{g(e)},[e]);const h={disabled:t},E={tabIndex:t?-1:void 0,href:m};return a.createElement("li",{className:c(l.wizardNavItem,u&&l.modifiers.expandable,u&&N&&l.modifiers.expanded)},a.createElement(y,Object.assign({},z,s==="a"?Object.assign({},E):Object.assign({},h),w&&{id:w.toString()},{onClick:()=>u?g(!N||e):i(n),className:c(l.wizardNavLink,e&&l.modifiers.current,t&&l.modifiers.disabled),"aria-disabled":t?!0:null,"aria-current":e&&!r?"step":!1},u&&{"aria-expanded":N},b),u?a.createElement(a.Fragment,null,a.createElement("span",{className:c(l.wizardNavLinkText)},d),a.createElement("span",{className:c(l.wizardNavLinkToggle)},a.createElement("span",{className:c(l.wizardNavLinkToggleIcon)},a.createElement(R,null)))):d),r)};_.displayName="WizardNavItem";const ae=a.createContext({goToStepById:()=>null,goToStepByName:()=>null,onNext:()=>null,onBack:()=>null,onClose:()=>null,activeStep:{name:null}}),Ye=ae.Provider,Ze=ae.Consumer,ne=({onClose:o=()=>{},title:r,description:d,hideClose:e,closeButtonAriaLabel:t,titleId:n,descriptionComponent:i="p",descriptionId:s})=>a.createElement("div",{className:c(l.wizardHeader)},!e&&a.createElement(I,{variant:"plain",className:c(l.wizardClose),"aria-label":t,onClick:o},a.createElement(ze,{"aria-hidden":"true"})),a.createElement(Ce,{headingLevel:"h2",size:"3xl",className:c(l.wizardTitle),"aria-label":r,id:n},r||a.createElement(a.Fragment,null," ")),d&&a.createElement(i,{className:c(l.wizardDescription),id:s},d));ne.displayName="WizardHeader";class B extends a.Component{constructor(r){super(r),this.handleKeyClicks=e=>{e.key===ye.Escape&&(this.state.isNavOpen?this.setState({isNavOpen:!this.state.isNavOpen}):this.props.isOpen&&this.props.onClose())},this.onNext=()=>{const{onNext:e,onClose:t,onSave:n}=this.props,{currentStep:i}=this.state,s=this.getFlattenedSteps(),m=s.length;if(i>=m)return n?n():t();{let u=i;for(let b=i;b<=m;b++){if(!s[b])return;if(!s[b].isDisabled){u=b+1;break}}this.setCurrentStep(u,s[u-1]);const{id:w,name:f}=s[i-1],{id:v,name:z}=s[u-1];return e&&e({id:v,name:z},{prevId:w,prevName:f})}},this.onBack=()=>{const{onBack:e}=this.props,{currentStep:t}=this.state,n=this.getFlattenedSteps();if(n.length=0;f--){if(!n[f-2])return;if(!n[f-2].isDisabled){i=f-1<=1?1:f-1;break}}this.setCurrentStep(i,n[i-1]);const{id:s,name:m}=n[i],{id:u,name:w}=n[i-1];return e&&e({id:u,name:w},{prevId:s,prevName:m})}},this.goToStep=e=>{const t=this.getFlattenedSteps();if(t[e-1].isDisabled)return;const{onGoToStep:n}=this.props,{currentStep:i}=this.state,s=t.length;e<1?e=1:e>s&&(e=s),this.setCurrentStep(e,t[e-1]),this.setState({isNavOpen:!1});const{id:m,name:u}=t[i-1],{id:w,name:f}=t[e-1];return n&&n({id:w,name:f},{prevId:m,prevName:u})},this.goToStepById=e=>{const t=this.getFlattenedSteps();let n;for(let i=0;i{const t=this.getFlattenedSteps();let n;for(let i=0;i{const{steps:e}=this.props,t=[];for(const n of e)if(n.steps)for(const i of n.steps)t.push(i);else t.push(n);return t},this.getFlattenedStepsIndex=(e,t)=>{for(let n=0;n{for(let t=0;ttypeof e=="function"?e():e||document.body;const d=B.currentId++;if(this.titleId=r.titleId||`pf-wizard-title-${d}`,this.descriptionId=r.descriptionId||`pf-wizard-description-${d}`,this.state={currentStep:this.props.startAtStep&&Number.isInteger(this.props.startAtStep)?this.props.startAtStep:1,isNavOpen:!1},r.onCurrentStepChanged){const e=this.getFlattenedSteps();if(e.length>=this.state.currentStep){const t=e[this.state.currentStep-1];r.onCurrentStepChanged(t)}}this.drawerRef=a.createRef()}setCurrentStep(r,d){this.setState({currentStep:r}),this.props.onCurrentStepChanged&&this.props.onCurrentStepChanged(d)}componentDidMount(){const r=typeof document<"u"?document.body:null;r&&r.addEventListener("keydown",this.handleKeyClicks,!1)}componentWillUnmount(){const r=typeof document<"u"&&document.body||null;r&&r.removeEventListener("keydown",this.handleKeyClicks,!1)}componentDidUpdate(r){r.startAtStep!==this.props.startAtStep&&this.setState({currentStep:this.props.startAtStep})}render(){const r=this.props,{width:d,height:e,title:t,description:n,descriptionComponent:i,onClose:s,onSave:m,onBack:u,onNext:w,onGoToStep:f,className:v,steps:z,startAtStep:b,nextButtonText:y="Next",backButtonText:N="Back",cancelButtonText:g="Cancel",hideClose:h,closeButtonAriaLabel:E="Close",navAriaLabel:F,navAriaLabelledBy:L,mainAriaLabel:re,mainAriaLabelledBy:P,hasNoBodyPadding:se,footer:oe,appendTo:tt,isOpen:D,titleId:at,descriptionId:nt,isNavExpandable:le,onCurrentStepChanged:it,hasDrawer:de,isDrawerExpanded:ce,onExpandDrawer:pe}=r,me=q(r,["width","height","title","description","descriptionComponent","onClose","onSave","onBack","onNext","onGoToStep","className","steps","startAtStep","nextButtonText","backButtonText","cancelButtonText","hideClose","closeButtonAriaLabel","navAriaLabel","navAriaLabelledBy","mainAriaLabel","mainAriaLabelledBy","hasNoBodyPadding","footer","appendTo","isOpen","titleId","descriptionId","isNavExpandable","onCurrentStepChanged","hasDrawer","isDrawerExpanded","onExpandDrawer"]),{currentStep:V}=this.state,T=this.getFlattenedSteps(),ue=T.length{const J={isOpen:W,"aria-label":F,"aria-labelledby":(t||L)&&(L||this.titleId)};return a.createElement(A,Object.assign({},J),fe.map((x,H)=>{if(x.isFinishedStep)return;let j,k;if(x.steps){let K=!1,$=!1;for(const C of x.steps)S.name===C.name&&(K=!0),C.canJumpTo&&($=!0);return k=this.getFlattenedStepsIndex(T,x.steps[0].name),a.createElement(_,{key:H,id:x.id,content:x.name,isExpandable:le,isCurrent:K,isDisabled:!$,step:k,onNavItemClick:this.goToStep},a.createElement(A,Object.assign({},J,{returnList:!0}),x.steps.map((C,Se)=>{if(!C.isFinishedStep)return k=this.getFlattenedStepsIndex(T,C.name),j=C.canJumpTo&&!C.isDisabled,a.createElement(_,{key:`child_${Se}`,id:C.id,content:C.name,isCurrent:S.name===C.name,isDisabled:!j,step:k,onNavItemClick:this.goToStep})})))}return k=this.getFlattenedStepsIndex(T,x.name),j=x.canJumpTo&&!x.isDisabled,a.createElement(_,Object.assign({},x.stepNavItemProps,{key:H,id:x.id,content:x.name,isCurrent:S.name===x.name,isDisabled:!j,step:k,onNavItemClick:this.goToStep}))}))},we={goToStepById:this.goToStepById,goToStepByName:this.goToStepByName,onNext:this.onNext,onBack:this.onBack,onClose:s,activeStep:S},M=Object.assign(Object.assign({},e?{height:e}:{}),d?{width:d}:{}),G=a.createElement(Ye,{value:we},a.createElement("div",Object.assign({},me,{className:c(l.wizard,S&&S.isFinishedStep&&"pf-m-finished",v),style:Object.keys(M).length?M:void 0}),t&&a.createElement(ne,{titleId:this.titleId,descriptionId:this.descriptionId,onClose:s,title:t,description:n,descriptionComponent:i,closeButtonAriaLabel:E,hideClose:h}),a.createElement(te,{hasDrawer:de,isDrawerExpanded:ce,onExpandDrawer:pe,mainAriaLabel:re,isInPage:D===void 0,mainAriaLabelledBy:(t||P)&&(P||this.titleId),isNavOpen:this.state.isNavOpen,onNavToggle:W=>this.setState({isNavOpen:W}),nav:be,steps:z,activeStep:S,hasNoBodyPadding:se},oe||a.createElement(Y,{onNext:this.onNext,onBack:this.onBack,onClose:s,isValid:he,firstStep:ge,activeStep:S,nextButtonText:S&&S.nextButtonText||y,backButtonText:N,cancelButtonText:g}))));return D!==void 0?a.createElement(Qe,{width:d!==null?d:void 0,isOpen:D,variant:Xe.large,"aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,showClose:!1,hasNoBodyWrapper:!0},G):G}}B.displayName="Wizard";B.currentId=0;B.defaultProps={title:null,description:"",descriptionComponent:"p",className:"",startAtStep:1,nextButtonText:"Next",backButtonText:"Back",cancelButtonText:"Cancel",hideClose:!1,closeButtonAriaLabel:"Close",navAriaLabel:null,navAriaLabelledBy:null,mainAriaLabel:null,mainAriaLabelledBy:null,hasNoBodyPadding:!1,onBack:null,onNext:null,onGoToStep:null,width:null,height:null,footer:null,onClose:()=>{},appendTo:null,isOpen:void 0,isNavExpandable:!1,hasDrawer:!1,isDrawerExpanded:!1,onExpandDrawer:()=>{}};const ie=({children:o})=>a.createElement("footer",{className:c(l.wizardFooter)},o);ie.displayName="WizardFooter";const et=()=>{const{t:o}=Q("clients"),{control:r,formState:{errors:d}}=Ee(),e=Te(),[t,n]=a.useState(!1);return p.jsxs(X,{isHorizontal:!0,role:"manage-clients",children:[p.jsx(Ie,{label:o("clientType"),fieldId:"kc-type",validated:d.protocol?"error":"default",labelIcon:p.jsx(ke,{helpText:o("clients-help:clientType"),fieldLabelId:"clients:clientType"}),children:p.jsx(Be,{name:"protocol",defaultValue:"",control:r,render:({field:i})=>p.jsx($e,{id:"kc-type",onToggle:n,onSelect:(s,m)=>{i.onChange(m.toString()),n(!1)},selections:i.value,variant:Re.single,"aria-label":o("selectEncryptionType"),isOpen:t,children:e.map(s=>p.jsx(Ue,{selected:s===i.value,value:s,"data-testid":`option-${s}`,children:Ke(o,s)},s))})})}),p.jsx(Je,{hasConfigureAccess:!0})]})};function Et(){const{t:o}=Q("clients"),{realm:r}=_e(),d=Le(),[e,t]=a.useState(0),{addAlert:n,addError:i}=je(),s=Ae({defaultValues:{protocol:"openid-connect",clientId:"",name:"",description:"",publicClient:!0,authorizationServicesEnabled:!1,serviceAccountsEnabled:!1,implicitFlowEnabled:!1,directAccessGrantsEnabled:!0,standardFlowEnabled:!0,frontchannelLogout:!0,attributes:{saml_idp_initiated_sso_url_name:""}}}),{getValues:m,watch:u,trigger:w}=s,f=u("protocol"),v=async()=>{const h=Oe(m());try{const E=await Pe.clients.create({...h,clientId:h.clientId?.trim()});n(o("createSuccess"),Ve.success),d(Me({realm:r,clientId:E.id,tab:"settings"}))}catch(E){i("clients:createError",E)}},z=async h=>{await w()&&(b()||t(e+1),h?.())},b=()=>f==="openid-connect"?e===2:e===1,y=()=>{t(e-1)},N=h=>{h.id==="generalSettings"?t(0):h.id==="capabilityConfig"?t(1):t(2)},g=o("createClient");return p.jsxs(p.Fragment,{children:[p.jsx(Ge,{titleKey:"clients:createClient",subKey:"clients:clientsExplain"}),p.jsx(Fe,{variant:"light",children:p.jsx(De,{...s,children:p.jsx(B,{onClose:()=>d(We({realm:r})),navAriaLabel:`${g} steps`,mainAriaLabel:`${g} content`,steps:[{id:"generalSettings",name:o("generalSettings"),component:p.jsx(et,{})},...f!=="saml"?[{id:"capabilityConfig",name:o("capabilityConfig"),component:p.jsx(He,{protocol:f}),canJumpTo:e>=1}]:[],{id:"loginSettings",name:o("loginSettings"),component:p.jsx(X,{isHorizontal:!0,role:"manage-clients",children:p.jsx(qe,{protocol:f})}),canJumpTo:e>=1}],footer:p.jsx(ie,{children:p.jsx(Ze,{children:({activeStep:h,onNext:E,onBack:F,onClose:L})=>p.jsxs(p.Fragment,{children:[p.jsx(I,{variant:"primary","data-testid":b()?"save":"next",type:"submit",onClick:()=>{z(E)},children:b()?o("common:save"):o("common:next")}),p.jsx(I,{variant:"secondary","data-testid":"back",onClick:()=>{y(),F()},isDisabled:h.name===o("generalSettings"),children:o("common:back")}),p.jsx(I,{"data-testid":"cancel",variant:"link",onClick:L,children:o("common:cancel")})]})})}),onSave:v,onGoToStep:N})})})]})}export{Et as default};
//# sourceMappingURL=NewClientForm-869d690c.js.map
