https://asecure.cloud/assets/customizePrefixList-Ds1ixhYM.js

1var f=Object.defineProperty;var j=(r,i,e)=>i in r?f(r,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[i]=e;var a=(r,i,e)=>j(r,typeof i!="symbol"?i+"":i,e);import{r as g,j as t}from"./vendor-react-q_qiyTTa.js";import{c as P}from"./vendor-redux-Bq68MXSv.js";import{az as I,aA as C,aB as M}from"./main-CEjC89ce.js";import{j as o,h as m,S as k,B as u,M as c,p as E}from"./vendor-semantic-DUt9fbZG.js";import"./vendor-q0W-3L2j.js";import"./vendor-react-dom-CQNok9NA.js";import"./vendor-syntax-BW49hFqs.js";import"./vendor-router-BfyMGTt_.js";import"./vendor-utils-Cep4RFcs.js";import"./vendor-yaml-D_yuxGry.js";import"./vendor-toast-BkbVYhAd.js";class S extends g.Component{constructor(){super(...arguments);a(this,"state",{isModalOpen:!1});a(this,"onLoad",()=>{this.setState({...this.props.configurationVariables,entriesText:this.props.configurationVariables.entries.map(e=>e.description?[e.cidr,e.description].join(" "):e.cidr).join(`
2`)})});a(this,"handleSelectChange",(e,{name:n,value:s})=>{this.setState({[n]:s},function(){this.updateArtifactTemplate({...this.state,[n]:s})})});a(this,"handleInputChange",(e,{name:n,value:s})=>{this.setState({[n]:s},function(){this.updateArtifactTemplate({...this.state,[n]:s})})});a(this,"handleMultiLineInputChange",(e,{name:n,value:s})=>{const p=s.split(`
3`);let l=[];for(const d of p){const[h,x]=d.split(/ (.+)/);l.push({cidr:h,description:x})}this.setState({entries:l,entriesText:s},function(){this.updateArtifactTemplate({...this.state,entries:l})})});a(this,"openModal",()=>this.setState({isModalOpen:!0}));a(this,"closeModal",()=>this.setState({isModalOpen:!1}))}componentWillMount(){this.onLoad()}updateArtifactTemplate(e){this.props.currentParentPage==="configurationPackage"?this.props.dispatch(I(this.props.artifactId,e)):this.props.inDeploymentStack?this.props.dispatch(C(this.props.stackId,this.props.stackItemId,e)):this.props.dispatch(M(e))}render(){const{selectedDeploymentView:e,inDeploymentStack:n,currentParentPage:s}

3=this.props,{name:p,maxEntries:l,addressFamily:d,entriesText:h}=this.state;return t.jsxs("div",{children:[t.jsxs(o,{children:[t.jsx(o.Field,{required:!0,name:"name",control:m,onChange:this.handleInputChange,label:"Prefix List Name",placeholder:"Enter Prefix List Name",value:p}),t.jsx(o.Field,{name:"addressFamily",control:k,label:"Address Family",onChange:this.handleSelectChange,value:d,options:[{key:"IPv4",text:"IPv4",value:"IPv4"},{key:"IPv6",text:"IPv6",value:"IPv6"}]}),t.jsx(o.Field,{required:!0,name:"maxEntries",control:m,onChange:this.handleInputChange,label:"Maximum Entries",placeholder:"Enter Number of Maximum Entries",value:l})]}),t.jsx("br",{}),t.jsx(u,{style:{backgroundColor:"#63a9de",color:"white"},name:"customizeEntries",fluid:!0,onClick:this.openModal,content:t.jsxs("span",{children:["IP Address Entries ",t.jsx("span",{style:{color:"red"},children:"*"})]})}),t.jsxs(c,{size:"medium",open:this.state.isModalOpen,children:[t.jsx(c.Header,{children:"Prefix List Address Entries"}),t.jsx(c.Content,{children:t.jsx(o,{children:t.jsx(o.Field,{required:!0,name:"entriesText",rows:12,control:E,placeholder:`Enter prefix list address (<ip address> <description>)
4
5Example:
6
78.8.8.8/32 DNS server
8192.168.1.0/24 local subnet
9192.168.2.0/24 local subnet 2
101.2.3.4/32
115.6.7.8/32
12172.31.1.0/24 local subnet 3
13172.31.1.0/24 local subnet 4
14`,onChange:this.handleMultiLineInputChange,value:h})})}),t.jsx(c.Actions,{children:t.jsx(u,{name:"metricFilterSave",onClick:this.closeModal,primary:!0,icon:"checkmark",labelPosition:"right",content:"Done"})})]})]})}}const q=P()(S);export{q as default};