https://accountaccess.missionsquare.com/js/pages116.3a4fb7cd1fe58f70c551.bundle.js

1"use strict";(self.webpackChunkebd_ui_react_account_access=self.webpackChunkebd_ui_react_account_access||[]).push([[6310],{66814:function(e,t,a){var n=a(82684),l=a(47329),o=a.n(l),r=a(25949);const c=({onClose:e})=>n.createElement(r.Modal,{header:"Link Account",closeModalCallback:()=>e(null,!1),footer:n.createElement(r.Button,{onClick:()=>e(null,!0)},"Next")},n.createElement(r.Title,null,"Terms and Conditions"),n.createElement(r.Content,{minHeight:300},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."));c.propTypes={onClose:o().func},t.Z=c},65961:function(e,t,a){var n=a(82684),l=a(47329),o=a.n(l),r=a(13349),c=a.n(r),i=a(25949);const s=(0,n.forwardRef)((e,t)=>{const{id:a,name:l,value:o,className:r,placeholder:i,onChange:s,onBlur:u=()=>{},readOnly:d,disabled:m,min:p=0,max:b=100,step:g,list:f,orient:h,showValue:v,valuePrefix:E,valueSuffix:y,autoFocus:C,autoComplete:x,tabIndex:N,dataList:T}=e,A=e=>{const t="string"==typeof e?parseFloat(e):e;return Number.isFinite(t)?t:p},[S,k]=(0,n.useState)(void 0!==o?A(o):p),[w,B]=(0,n.useState)(T),F=(0,n.useRef)(null);(0,n.useImperativeHandle)(t,()=>F.current);const R=e=>{const t=(e-p)/(b-p)*100,a=Math.min(Math.max(t,0),100),n=F.current;n&&n.style.setProperty("--progress",`${a}%`)};(0,n.useEffect)(()=>{R(S)},[]),(0,n.useEffect)(()=>{const e=void 0!==o?A(o):S;k(e),R(e),B(T)},[o,T,p,b]);const G=e=>{let t=e;return Number.isFinite(t)||(t=p),void 0!==b&&t>b&&(t=b),void 0!==p&&t<p&&(t=p),t};return n.createElement("div",{className:"slider-container is-flex is-fullwidth py-1"},n.createElement("input",{id:a,ref:F,type:"range",name:l,className:c()("slider is-primary",r)||void 0,placeholder:i,readOnly:d,disabled:m,min:p,max:b,step:g,autoComplete:x,orient:h,autoFocus:C,value:S,onChange:e=>{const t=G(parseFloat(e.target.value));k(t),R(t),s&&s(t)},onBlur:e=>{const t=G(parseFloat(e.target.value));k(t),R(t),u&&u(t)},tabIndex:N,list:w?`${l}-list`:f}),v&&n.createElement("div",{className:"control is-flex is-align-items-center has-icons-left has-icons-right ml-3"},E&&n.createElement("span",{className:"icon is-left"},E),n.createElement("input",{type:"number",className:"input has-text-centered",value:S,min:p,max:b,step:g,onChange:e=>{const t=G(parseFloat(e.target.value));k(t),R(t),s&&s(t)},onBlur:e=>{const t=G(parseFloat(e.target.value));k(t),R(t),u&&u(t)}}),y&&n.createElement("span",{className:"icon is-right"},y)),w&&n.createElement("datalist",{id:`${l}-list`},w.map(e=>n.createElement("option",{key:`${l}_list_option_${e.id||e.value||e.label}`,value:e.value},e.label," "))))});s.displayName="Slider",s.propTypes={id:o().string,name:o().string,placeholder:o().string,className:o().string,onChange:o().func,onBlur:o().func,value:o().string,readOnly:o().bool,disabled:o().bool,min:o().number,max:o().number,step:o().number,autoComplete:o().bool,list:o().string,orient:o().string,showValue:o().bool,valuePrefix:o().string,valueSuffix:o().string,autoFocus:o().bool,tabIndex:o().number,dataList:o().arrayOf(o().shape({label:o().oneOfType([o().string,o().number,o().node,o().element,o().object]),value:o().oneOfType([o().string,o().number,o().node,o().element,o().object]),id:o().oneOfType([o().string,o().number,o().node,o().element,o().object])}))},t.Z=(0,i.withFieldControl)(s,{validationIcon:!1,validationColoring:!0})},32452:function(e,t,a){a.r(t),a.d(t,{default:function(){return b}});var n=a(82684),l=a(25949),o=a(47329),r=a.n(o),c=a(65961);const i=({onClose:e})=>n.createElement("form",{onSubmit:t=>(t=>{t.preventDefault();const a={};Object.keys(t.target.elements).forEach(e=>{a[e]=t.target.elements[e].value}),e(a)})(t)},n.createElement(l.Modal,{header:"Manually Add Account",desktopWidth:!0,closeModalCallback:()=>e(),footer:n.createElement(l.Buttons,{align:"right"},n.createElement(l.Button,{type:"button",onClick:()=>e()},"Cancel"),n.createElement(l.Button,{type:"submit"},"Save"))},n.createElement(l.TextInput,{isHorizontal:!0,id:"accountName",name:"accountName",type:"text",label:"Account Name",flexGrow:5}),n.createElement(l.Select,{isHorizontal:!0,isFullWidth:!0,id:"accountType",name:"accountType",label:"Account Type",native:!0,options:[{id:"banking",label:"Banking",value:"Banking"},{id:"retirement",label:"Retirement",value:"Retirement"}],flexGrow:5}),n.createElement(l.TextInput,{isHorizontal:!0,name:"currentValue",type:"text",label:"Current Value",placeholder:"Enter Current Value",flexGrow:5}),n.createElement(l.TextInput,{isHorizontal:!0,name:"annualSavings",type:"text",label:"Annual Savings",placeholder:"Enter Annual Savings",flexGrow:5}),n.createElement(c.Z,{isHorizontal:!0,isFullWidth:!0,id:"projectedGrowthRate",name:"projectedGrowthRate",label:"Projected Growth Rate",placeholder:"Projected Growth Rate",min:0,max:100,step:1,value:0,showValue:!0,valueSuffix:"%"})));i.propTypes={onClose:r().func};var s=i,u=a(66814);const d=({onClose:e})=>

1{const[t,a]=(0,n.useState)(),[o,r]=(0,n.useState)(),c=(t,n)=>{a(!1),r(!1),e(t,n)};return t?n.createElement(s,{closeModalCallback:()=>c(),onClose:e=>c(e,!1)}):o?n.createElement(u.Z,{closeModalCallback:()=>c(),onClose:()=>c(null,!0)}):n.createElement(l.Modal,{header:"Link Account",closeModalCallback:()=>e()},n.createElement(l.Notification,{isFullWidth:!0,fullScreen:!1,iconName:"account_balance",status:"Add Accounts",colorClassName:"has-text-info",footer:n.createElement(l.Buttons,{align:"centered"},n.createElement(l.Button,{onClick:()=>r(!0)},"Link Account"),n.createElement(l.Button,{onClick:()=>a(!0)},"Manually Add Account"))},"Let's get started by adding some accounts"))};d.propTypes={onClose:r().func};var m=d;const p=[{Header:"Outside Account",accessor:"accountName",sortable:!0,dataType:"string"},{Header:"Account Type",accessor:"accountType",sortable:!0,dataType:"string"},{Header:"Current Value",accessor:"currentValue",sortable:!0,dataType:"number",fractionalDigits:2},{Header:"Annual Savings",accessor:"annualSavings",sortable:!0,dataType:"number",fractionalDigits:2},{Header:"Projected Growth Rate",accessor:"projectedGrowthRate",sortable:!0,dataType:"percent"}];var b=()=>{const[e,t]=(0,n.useState)(),[a,o]=(0,n.useState)(),r={accountName:"BART CREDIT UNION",accountType:"BANKING",currentValue:12345.67,annualSavings:2e3,projectedGrowthRate:4.25},c={accountName:"CAL TRUST BANK",accountType:"BANKING",currentValue:34552.67,annualSavings:500,projectedGrowthRate:3.25},i={accountName:"NAVY FEDERAL FSB",accountType:"BANKING",currentValue:29299.67,annualSavings:1e3,projectedGrowthRate:3.99};return n.createElement(l.Box,null,a&&n.createElement(m,{onClose:(a,n)=>((a,n)=>{a&&t([...e||[],a]);n&&t([...e||[],r,c,i]);o(!1)})(a,n)}),n.createElement(l.Content,null,n.createElement(l.Paragraph,{size:"2",textWeight:"bold"},'Do you have any outside accounts that you would like to include as assets? Click "Add Account" to get started.')),e&&e.length>0&&n.createElement(l.Table,{isFullWidth:!0,showPageInfo:!1,pageSize:100,data:e,columnDefinitions:p}),n.createElement(l.Buttons,{isFullWidth:!0,align:"centered"},n.createElement(l.Button,{onClick:()=>o(!0)},n.createElement(l.Span,null,"Add Account"))))}}}]);