https://central.portworx.com/27.dfdfd2476a4a2314.js

1"use strict";(self.webpackChunkpxcentral=self.webpackChunkpxcentral||[]).push([[27],{2027:(I,C,a)=>{a.r(C),a.d(C,{OidcSetupModule:()=>w});var i=a(2881),_=a(5207),h=a(7436);class D extends h.Y{}var E=a(216),t=a(1360),O=a(9301),x=a(3974),c=a(9359),u=a(7643),d=a(5639);let f=(()=>{class e extends O.t{constructor(n,s){super(n,x.a.appConfig.apiUrl,"/api/oidc",s,!0),this.user=c.D.getUser()}getOidcDetails(){return this.getURL("/get?company_id="+this.user?.company_id,{})}saveOidcDetails(n){return this.postURL("/add",{name:"oidc",company_id:this.user?.company_id,url:n.url,client_id:n.client_id,secret:n.secret,domain:n.domain})}updateOidcDetails(n){return n?.id?this.postURL("/edit/"+n.id,n):this.saveOidcDetails(n)}static{this.\u0275fac=function(s){return new(s||e)(t.KVO(u.Qq),t.KVO(d.J))}}static{this.\u0275prov=t.jDH({token:e,factory:e.\u0275fac,providedIn:"root"})}}return e})();var b=a(6048),m=a(9417),M=a(6675),T=a(1147),R=a(5579),y=a(4808),F=a(1610);function j(e,p){if(1&e&&(t.j41(0,"div"),t.nrm(1,"input",38),t.k0s()),2&e){const n=p.$implicit,s=p.index;t.R7$(),t.FS9("id","redirectUri-"+s),t.FS9("name","redirect_uri-"+s),t.Y8G("value",n)}}function S(e,p){1&e&&(t.j41(0,"div",39)(1,"small"),t.EFF(2,"Valid Endpoint required."),t.nrm(3,"br"),t.EFF(4,"e.g https://px-backup-101.auth.com"),t.k0s()())}function G(e,p){1&e&&(t.j41(0,"div",39)(1,"small"),t.EFF(2,"Client ID required."),t.k0s()())}function N(e,p){1&e&&(t.j41(0,"div",39)(1,"small"),t.EFF(2,"Client secret required."),t.k0s()())}function A(e,p){if(1&e){const n=t.RV6();t.qex(0),t.j41(1,"input",40,6),t.mxI("ngModelChange",function(o){t.eBV(n);const r=t.XpG();return t.DH7(r.oidc.secret,o)||(r.oidc.secret=o),t.Njj(o)}),t.k0s(),t.DNE(3,N,3,0,"div",27),t.bVm()}if(2&e){const n=t.sdS(2),s=t.XpG();t.R7$(),t.R50("ngModel",s.oidc.secret),t.R7$(2),t.Y8G("ngIf",n.invalid&&(n.dirty||n.touched))}}function k(e,p){1&e&&(t.j41(0,"div",39)(1,"small"),t.EFF(2,"Client secret required."),t.k0s()())}function Y(e,p){if(1&e){const n=t.RV6();t.j41(0,"input",41,6),t.mxI("ngModelChange",function(o){t.eBV(n);const r=t.XpG();return t.DH7(r.oidc.secret,o)||(r.oidc.secret=o),t.Njj(o)}),t.k0s(),t.DNE(2,k,3,0,"div",27)}if(2&e){const n=t.sdS(1),s=t.XpG();t.R50("ngModel",s.oidc.secret),t.Y8G("showPasswordRevision2",!0),t.R7$(2),t.Y8G("ngIf",n.invalid&&(n.dirty||n.touched))}}function B(e,p){if(1&e){const n=t.RV6();t.qex(0),t.j41(1,"a",42),t.bIt("click",function(){t.eBV(n);const o=t.XpG(2);return t.Njj(o.readOnlyMode=!1)}),t.nrm(2,"i",43),t.EFF(3," Edit "),t.k0s(),t.bVm()}}function U(e,p){if(1&e){const n=t.RV6();t.j41(0,"button",44),t.bIt("click",function(){t.eBV(n);const o=t.XpG(2);return t.Njj(o.backToOidcReadOnlyMode())}),t.EFF(1,"Cancel"),t.k0s(),t.nrm(2,"app-ds-action-button",45)}if(2&e){t.XpG(2);const n=t.sdS(3);t.R7$(2),t.Y8G("disabled",!n.form.dirty||!n.form.valid)}}function V(e,p){if(1&e&&(t.qex(0),t.DNE(1,B,4,0,"ng-container",31)(2,U,3,1,"ng-template",null,7,t.C5r),t.bVm()),2&e){const n=t.sdS(3),s=t.XpG();t.R7$(),t.Y8G("ngIf",s.readOnlyMode)("ngIfElse",n)}}function $(e,p){if(1&e){const n=t.RV6();t.j41(0,"button",44),t.bIt("click",function(){t.eBV(n);const o=t.XpG();return t.Njj(o.cancel())}),t.EFF(1,"Cancel"),t.k0s(),t.nrm(2,"app-ds-action-button",46)}if(2&e){t.XpG();const n=t.sdS(3);t.R7$(2),t.Y8G("disabled",!n.form.dirty||!n.form.valid)}}const P=[{path:"",component:(()=>{class e{constructor(n,s){this.oidcConnectionDetailsService=n,this.location=s,this.specConstants=E.jM,this.settings={LOADING:!0},this.oidcDetailsExists=!1,this.readOnlyMode=!0,this.submitting=!1,this.oidc=new D,this.oidc.domain="",this.oidc.redirect_uri=""}ngOnInit(){this.fetchOidcDetails()}fetchOidcDetails(){this.settings.LOADING=!0,this.oidcConnectionDetailsService?.getOidcDetails().subscribe(n=>{const{client_id:s,secret:o,url:r}=n?.DATA;s&&o&&r&&(this.oidcDetailsExists=!0,this.existingOidcDetails=JSON.parse(JSON.stringify(n?.DATA))),this.settings.LOADING=!1,this.submitting=!1,this.backToOidcReadOnlyMode(),n.SUCCESS&&(this.oidc=n.DATA,(void 0===n.DATA.domain||"System_generate"===n.DATA.domain)&&(this.oidc.domain=""))},n=>{this.submitting=!1})}

1submit(n){this.submitting=!0,this.oidcConnectionDetailsService.updateOidcDetails(this.oidc).subscribe(s=>{this.fetchOidcDetails()},s=>{this.submitting=!1})}getRedirectUris(){return this.oidc.domain.split(",").flatMap(n=>{const s=n.trim();return s?[`${this.oidc.redirect_uri}${s}`]:[]})}cancel(){this.location.back()}backToOidcReadOnlyMode(){this.readOnlyMode=!0,this.oidc=this.existingOidcDetails}static{this.\u0275fac=function(s){return new(s||e)(t.rXU(f),t.rXU(b.aZ))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["app-oidc-connection-details"]],standalone:!1,decls:68,vars:18,consts:[["oidcForm","ngForm"],["domain_name","ngModel"],["url","ngModel"],["client_id","ngModel"],["withShowIcon",""],["oidcDetailsEmpty",""],["secret","ngModel"],["editModeAction",""],[1,"container-fluid"],[1,"tab-container"],[3,"ngSubmit"],[1,"row","mt-1","btBorder","mb-4"],[1,"col-8"],[1,"leading-[32px]","!text-[24px]"],[1,"row"],[1,"col-sm-4","text-right"],["for","endpoint",1,"label-text"],[1,"required"],[1,"col-sm-5","form-group"],[4,"ngFor","ngForOf"],[1,"small","label-text","mb-4"],["for","domain_name",1,"label-text",3,"ngbTooltip"],[1,"required","color-primary"],["required","","id","domainName","maxlength","255","name","domain_name","appDsBasicInputValidator","MULTIPLE-DOMAIN-NAME","placeholder","e.g.: purestorage.com, portworx.com",1,"form-control",3,"ngModelChange","ngModel","disabled"],["type","MULTIPLE-DOMAIN-NAME",3,"inputModel"],["for","endpoint",1,"label-text",3,"ngbTooltip"],["type","text","id","endpoint","required","","name","endpoint","appDsBasicInputValidator","ENDPOINT",1,"form-control",3,"ngModelChange","ngModel","disabled"],["class","alert alert-danger mt-2",4,"ngIf"],["for","clientID",1,"label-text",3,"ngbTooltip"],["type","text","id","clientID","required","","name","clientID",1,"form-control",3,"ngModelChange","ngModel","disabled"],["for","oidcSecret",1,"label-text",3,"ngbTooltip"],[4,"ngIf","ngIfElse"],[1,"col-sm-12","topBorder"],[1,"row","btn-row"],[1,"col-sm-12","p-right-2"],[1,"form-group","text-right"],[1,"col","text-right"],[1,"form-group"],["disabled","","type","text",1,"form-control","mb-2",3,"value","id","name"],[1,"alert","alert-danger","mt-2"],["type","text","type","password","id","oidcSecret","required","","name","oidcSecret","disabled","",1,"form-control",3,"ngModelChange","ngModel"],["type","text","type","password","id","oidcSecret","required","","name","oidcSecret","appShowPassowrd","",1,"form-control",3,"ngModelChange","ngModel","showPasswordRevision2"],[3,"click"],[1,"fas","fa-fw","fa-pencil"],[1,"btn-secondary-custom","mr-4","px-6",3,"click"],["dsType","submit","dsClass","btn-primary px-6","text","Save","actionText","Changing","idPrefix","oidc-modify",3,"disabled"],["dsType","submit","dsClass","btn-primary px-6","text","Save","actionText","Changing","idPrefix","oidc-add",3,"disabled"]],template:function(s,o){if(1&s){const r=t.RV6();t.j41(0,"div",8)(1,"div",9)(2,"form",10,0),t.bIt("ngSubmit",function(){t.eBV(r);const l=t.sdS(3);return t.Njj(l.form.valid&&o.submit(l))}),t.j41(4,"div",11)(5,"div",12)(6,"h4",13),t.EFF(7,"Setup OIDC"),t.k0s()()(),t.j41(8,"div")(9,"div",14)(10,"div",15)(11,"label",16),t.EFF(12,"Redirect URI "),t.nrm(13,"span",17),t.k0s()(),t.j41(14,"div",18),t.DNE(15,j,2,3,"div",19),t.j41(16,"span",20),t.EFF(17,"Enter upto three domains separated by commas in the text area below."),t.k0s()()(),t.j41(18,"div",14)(19,"div",15)(20,"label",21),t.EFF(21," Domain Name "),t.j41(22,"span",22),t.EFF(23,"*"),t.k0s()()(),t.j41(24,"div",18)(25,"textarea",23,1),t.mxI("ngModelChange",function(l){return t.eBV(r),t.DH7(o.oidc.domain,l)||(o.oidc.domain=l),t.Njj(l)}),t.EFF(27,"            "),t.k0s(),t.nrm(28,"app-ds-show-error",24),t.k0s()(),t.j41(29,"div",14)(30,"div",15)(31,"label",25),t.EFF(32,"Endpoint "),t.j41(33,"span",22),t.EFF(34,"*"),t.k0s()()(),t.j41(35,"div",18)(36,"input",26,2),t.mxI("ngModelChange",function(l){return t.eBV(r),t.DH7(o.oidc.url,l)||(o.oidc.url=l),t.Njj(l)}),t.k0s(),t.DNE(38,S,5,0,"div",27),t.k0s()(),t.j41(39,"div",14)(40,"div",15)(41,"label",28),t.EFF(42,"Client ID "),t.j41(43,"span",22),t.EFF(44,"*"),t.k0s()()(),t.j41(45,"div",18)(46,"input",29,3),t.mxI("ngModelChange",function(l){return t.eBV(r),t.DH7(o.oidc.client_id,l)||(o.oidc.

1client_id=l),t.Njj(l)}),t.k0s(),t.DNE(48,G,3,0,"div",27),t.k0s()(),t.j41(49,"div",14)(50,"div",15)(51,"label",30),t.EFF(52,"Client Secret "),t.j41(53,"span",22),t.EFF(54,"*"),t.k0s()()(),t.j41(55,"div",18),t.DNE(56,A,4,2,"ng-container",31)(57,Y,3,3,"ng-template",null,4,t.C5r),t.k0s()()(),t.j41(59,"div",32)(60,"div",33)(61,"div",34)(62,"div",35)(63,"div",36)(64,"div",37),t.DNE(65,V,4,2,"ng-container",31)(66,$,3,1,"ng-template",null,5,t.C5r),t.k0s()()()()()()()()()}if(2&s){const r=t.sdS(26),g=t.sdS(37),l=t.sdS(47),J=t.sdS(58),H=t.sdS(67);t.R7$(15),t.Y8G("ngForOf",o.getRedirectUris()),t.R7$(5),t.FS9("ngbTooltip","Enter upto three domains separated by a comma. "+o.specConstants.REQUIRED_FIELD+"."),t.R7$(5),t.R50("ngModel",o.oidc.domain),t.Y8G("disabled",o.oidcDetailsExists&&o.readOnlyMode||o.submitting),t.R7$(3),t.Y8G("inputModel",r),t.R7$(3),t.FS9("ngbTooltip",o.specConstants.REQUIRED_FIELD),t.R7$(5),t.R50("ngModel",o.oidc.url),t.Y8G("disabled",o.oidcDetailsExists&&o.readOnlyMode||o.submitting),t.R7$(2),t.Y8G("ngIf",g.invalid&&(g.dirty||g.touched)),t.R7$(3),t.FS9("ngbTooltip",o.specConstants.REQUIRED_FIELD),t.R7$(5),t.R50("ngModel",o.oidc.client_id),t.Y8G("disabled",o.oidcDetailsExists&&o.readOnlyMode||o.submitting),t.R7$(2),t.Y8G("ngIf",l.invalid&&(l.dirty||l.touched)),t.R7$(3),t.FS9("ngbTooltip",o.specConstants.REQUIRED_FIELD),t.R7$(5),t.Y8G("ngIf",o.oidcDetailsExists&&o.readOnlyMode||o.submitting)("ngIfElse",J),t.R7$(9),t.Y8G("ngIf",o.oidcDetailsExists)("ngIfElse",H)}},dependencies:[i.Sq,i.bT,m.qT,m.me,m.BC,m.cb,m.YS,m.tU,m.vS,m.cV,M.J,T.Y,R.B,y._,F.md],styles:["[disabled][_ngcontent-%COMP%]{border-color:var(--border-on-base-extraStrong)!important;opacity:.5}[disabled][_ngcontent-%COMP%]:hover:not(:focus){border-color:var(--border-on-base-extraStrong)!important}  .form-group .showpass-v2{padding:.625rem}"]})}}return e})(),data:{title:"Setup OIDC"}}];let L=(()=>{class e{static{this.\u0275fac=function(s){return new(s||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=t.G2t({imports:[_.iI.forChild(P),_.iI]})}}return e})();var X=a(5525);let w=(()=>{class e{static{this.\u0275fac=function(s){return new(s||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=t.G2t({imports:[i.MD,L,m.YN,X.U,F.UN]})}}return e})()},6675:(I,C,a)=>{a.d(C,{J:()=>x});var i=a(1360),_=a(2881);function h(c,u){if(1&c&&(i.j41(0,"span"),i.EFF(1),i.k0s()),2&c){const d=i.XpG(2);i.R7$(),i.JRh(d.text)}}function D(c,u){if(1&c&&(i.j41(0,"span"),i.nrm(1,"i",4),i.EFF(2),i.k0s()),2&c){const d=i.XpG(2);i.R7$(2),i.SpI(" ",d.actionText,"")}}function v(c,u){if(1&c&&(i.j41(0,"button",2),i.DNE(1,h,2,1,"span",3)(2,D,3,1,"span",3),i.k0s()),2&c){const d=i.XpG();i.Mz_("id","",d.idPrefix,"-btn"),i.Y8G("ngClass",d.dsClass)("disabled",d.disabled||d.loading),i.R7$(),i.Y8G("ngIf",!d.loading),i.R7$(),i.Y8G("ngIf",d.loading)}}function E(c,u){if(1&c&&(i.j41(0,"span"),i.EFF(1),i.k0s()),2&c){const d=i.XpG(2);i.R7$(),i.JRh(d.text)}}function t(c,u){if(1&c&&(i.j41(0,"span"),i.nrm(1,"i",4),i.EFF(2),i.k0s()),2&c){const d=i.XpG(2);i.R7$(2),i.SpI(" ",d.actionText,"")}}function O(c,u){if(1&c&&(i.j41(0,"button",5),i.DNE(1,E,2,1,"span",3)(2,t,3,1,"span",3),i.k0s()),2&c){const d=i.XpG();i.Mz_("id","",d.idPrefix,"-btn"),i.Y8G("ngClass",d.dsClass)("disabled",d.disabled||d.loading),i.R7$(),i.Y8G("ngIf",!d.loading),i.R7$(),i.Y8G("ngIf",d.loading)}}let x=(()=>{class c{constructor(){this.idPrefix="action"}ngOnInit(){}static{this.\u0275fac=function(f){return new(f||c)}}static{this.\u0275cmp=i.VBU({type:c,selectors:[["app-ds-action-button"]],inputs:{text:"text",actionText:"actionText",loading:"loading",disabled:"disabled",dsClass:"dsClass",dsType:"dsType",idPrefix:"idPrefix"},standalone:!1,decls:2,vars:2,consts:[["type","submit","role","submit",3,"ngClass","disabled","id",4,"ngIf"],["type","button","role","button",3,"ngClass","disabled","id",4,"ngIf"],["type","submit","role","submit",3,"ngClass","disabled","id"],[4,"ngIf"],[1,"fal","fa-fw","fa-circle-notch","fa-spin"],["type","button","role","button",3,"ngClass","disabled","id"]],template:function(f,b){1&f&&i.DNE(0,v,3,6,"button",0)(1,O,3,6,"button",1),2&f&&(i.Y8G("ngIf","submit"==b.dsType),i.R7$(),i.Y8G("ngIf","submit"!=b.dsType))},dependencies:[_.YU,_.bT],styles:[".login-button[_ngcontent-%COMP%]{height:3rem;width:404px;font-size:18px;line-height:35px}"]})}}return c})()}}]);