https://cdn.wealthfront.com/vite/assets/account_number_step-7e353957.js

1import{r as d,j as e,cw as m,bj as h,B as f,d9 as x}from"./redirect-95747236.js";import{T as b,e as g,bK as c,s,nb as A}from"./dynamic_import-2e51ff91.js";import{F as N}from"./flow_handler-8914fd70.js";import{o as l}from"./external_accounts_actions-749370e7.js";import{V as E}from"./validator-5a551564.js";import"./_sentry-release-injection-file-3f4e48d2.js";import{E as y,C as v}from"./external_account_row-b02eccd6.js";import"./wf_flow_handler-e6d2ae64.js";import"./wf_app_router-b5174f1d.js";import"./rails_client-70421323.js";import"./http_client-be792547.js";import"./errors-42ecb38f.js";import"./___vite-browser-external_commonjs-proxy-a20f1868.js";import"./transfer_flow-c3084031.js";import"./index-9c62a712.js";import"./component_stub-7302b9e1.js";import"./global_wrapper-0db86085.js";import"./router_root_builder-39a4d445.js";import"./announcements-ff61cc20.js";import"./index-e9249ee8.js";import"./react_lazy_retry-0186b7b8.js";import"./plan-eddbce22.js";import"./loading-8c1cb0b6.js";import"./wealthfront_accounts_actions-593e0302.js";import"./wealthfront_accounts_http_client-6b602a86.js";import"./navigation-763ae5c9.js";import"./users_actions-86d2a2f1.js";import"./requirement_helpers-31123303.js";import"./linkedin_pixel_tracking-9d535a5c.js";import"./index-f8ca169a.js";import"./growth_tracker-d39f2a4d.js";import"./voyager-navigate-ce5f38f6.js";import"./use_stock_investing_eligibility-d4255701.js";import"./stock_investing_experiment_helper-c93a964a.js";import"./modal-3ad65990.js";import"./PortalWithState-faff521d.js";import"./PortalCompat-d3d8abd7.js";import"./with_custom_error_boundary-dc881fa9.js";import"./CSSTransition-cde470e5.js";import"./date_formatter-5891a962.js";import"./date_constants-64ddb421.js";import"./account_row-6c16b7ed.js";import"./external_account_name-ae155157.js";import"./account_subtypes-7e134a07.js";import"./tooltip_trigger-3f185ac8.js";import"./tooltip-47aea466.js";try{let r=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new r.Error().stack;t&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[t]="13338aaf-d00b-463e-8f65-dd37358efda8",r._sentryDebugIdIdentifier="sentry-dbid-13338aaf-d00b-463e-8f65-dd37358efda8")}catch{}{let r=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};r._sentryModuleMetadata=r._sentryModuleMetadata||{},r._sentryModuleMetadata[new r.Error().stack]=Object.assign({},r._sentryModuleMetadata[new r.Error().stack],{"_sentryBundlerPluginAppKey:sentry-wealthfront-sfe":!0})}const T={accountNumber(r,t){let n=!0;const o=new RegExp(t,"g");return n=!!r.match(o),{isValid:n}}},w=E.create(T);class I extends d.Component{constructor(){super(...arguments),this.handleAccountNumberInput=t=>{this.props.onManuallyEnteredAccountNumber(t.target.value)},this.canGoToNextStep=()=>!this.props.manuallyEnteredAccountNumber,this.renderTitle=()=>{let t;const{partialAccountNumber:n}=this.props.accountNumberValidation;return n?t=`Please enter your account number ending in ${n}`:t=`Please enter your ${this.props.institutionView.institutionName} account number`,e.jsx("div",{ref:o=>{this.refTitle=o},className:"col-sm",children:t})},this.renderSubText=()=>e.jsx("p",{ref:t=>{this.refSubtext=t},className:"text-medium text-muted",children:e.jsxs("span",{children:["Our transfer system doesn’t collect full account information for ",this.props.institutionView.institutionName," ","yet - we are working on it. ",this.props.accountNumberValidation.formatDescription]})}),this.renderInputField=()=>e.jsxs("div",{className:"form-group form-group-return",children:[e.jsxs("label",{ref:t=>{this.refClientFacingExample=t},className:"strong",htmlFor:"flows-transfer-account-number-component-account-number-input",children:["Example: ",this.props.accountNumberValidation.clientFacingExample]}),e.jsx("input",{id:"flows-transfer-account-number-component-account-number-input",className:"form-control account-number-input","data-testid":"account-number-input",ref:t=>{this.refAccountNumberInput=t},type:"text",onChange:this.handleAccountNumberInput})]}),this.renderAccountDisplay=()=>e.jsx("div",{className:"horizontal",children:e.jsx("div",{className:"col-xs-12",children:e.jsx("div",{className:"flows-transfer-account-number-component-account-row-display",children:e.jsx(y,{ref:t=>{this.refExternalAccountRowComponent=t},account:this.props.externalAccount,highlightBg:!0})})})}),this.renderTipsAccountStatementSubtext=()=>{let t;return this.props.institutionView.url&&(t=e.jsxs("a",{ref:n=>{this.refLoginCta=n},href:this.props.institutionView.url,target:"_blank",rel:"noreferrer noopener",children:["Log in to ",this.props.institutionView.institutionName,"."]})),e.jsxs("div",{ref:n=>{this.refWhereToFindDescription=n},className:"text-muted",children:[this.props.accountNumberValidation.whereToFindDescription," ",t]})},this.renderTipsPhoneSubtext=()=>e.jsx("div",{className:"text-muted",children:"Customer service can usually help determine your account number."}),this.renderErrorMessage=()=>{if(this.props.hasError)return e.jsx("div",{className:"margin-double--bottom",children:e.jsx(m,{variant:"error",children:e.jsx("div",{ref:t=>{this.refErrorMessage=t},children:"Make sure your account number matches the example format."})})});if(this.props.serverErrorMessage)return e.jsx(b,{errorMessage:this.props.serverErrorMessage})},this.renderExternalAccountInfoTipsHeadline=()=>e.jsxs("div",{children:["Correctly identifying your account number at ",this.props.institutionView.institutionName," is required to transfer."]}),this.renderExternalAccountInfoTipsTriggerComponent=()=>e.jsx(v,{ref:t=>{this.refExternalAccountInfoTipsTriggerComponent=t},triggerNodeText:"I don’t know my exact account number",modalHeaderText:"Tips for determining your account number",headline:this.renderExternalAccountInfoTipsHeadline(),accountStatementSubtext:this.renderTipsAccountStatementSubtext(),phoneSubtext:this.renderTipsPhoneSubtext(),className:h("flows-transfer-account-number-component-info-trigger-node","btn","btn-link"),institutionName:this.props.institutionView.institutionName})}render(){return e.jsxs("div",{children:[e.jsx("div",{className:"flows-flex-container",children:e.jsxs("div",{className:"flows-flex-flexible",children:[e.jsx("div",{className:"flows-card-component-title",children:e.jsx("div",{className:"horizontal align-middle-sm",children:this.renderTitle()})}),this.renderAccountDisplay(),this.renderSubText(),e.jsxs("div",{className:"horizontal",children:[e.jsx("div",{className:"col-xs-12 col-md-5",children:this.renderInputField()}),this.renderExternalAccountInfoTipsTriggerComponent()]}),this.renderErrorMessage()]})}),e.jsx("div",{className:"flows-card-component-btn",children:e.jsx(f,{as:"button",variant:"primary",onClick:this.props.onDestinationAccountButtonClick,loading:this.props.isLoading,disabled:this.canGoToNextStep(),testId:"choose-destination",children:"Choose your destination account"})})]})}}const u="account-number-input";class j extends d.Component{constructor(){super(...arguments),this.state={manuallyEnteredAccountNumber:void 0,hasError:!1},this.componentDidMount=()=>{const t={externalAccountId:this.props.externalAccount.externalAccountId};c.trackImpressionEvent(u,"account-number-input",t)},this.shouldComponentUpdate=t=>!!t.accountNumberValidation,this.handleSubmitAccountNumber=async()=>{var o;this.props.removeError("setExternalAccountOverride2");const t=this.state.manuallyEnteredAccountNumber.replace(/[\W]+/gi,"");if(w.validateField("accountNumber",t,this.props.accountNumberValidation.javascriptRegex).isValid){const{accountRequest:i}=this.props,a=i?i.subType:void 0;if(c.trackClickEvent(u,"submit-account-number"),await this.props.updateExter

1nalAccountNumber(this.props.externalAccount.externalAccountId,t,a),!((o=this.props.serverErrors)!=null&&o.setExternalAccountOverride2))return N.goToNextStep()}else{const i={externalAccountId:this.props.externalAccount.externalAccountId};c.trackImpressionEvent(u,"account-number-input-error",i),this.setState({hasError:!0})}},this.handleManuallyEnteredAccountNumber=t=>{this.props.removeError("setExternalAccountOverride2"),this.setState({manuallyEnteredAccountNumber:t,hasError:!1})},this.handleTrackToggleTips=()=>{const t={externalAccountId:this.props.externalAccount.externalAccountId};c.trackClickEvent(u,"account-number-input-tips",t)}}render(){var n;const{institutionView:t}=this.props.externalAccountLink;return e.jsxs("div",{children:[e.jsx(x,{title:"Account Information - Transfer an Account - Wealthfront"}),this.props.accountNumberValidation&&e.jsx(I,{ref:o=>{this.refAccountNumberComponent=o},institutionView:t,hasError:this.state.hasError,serverErrorMessage:(n=this.props.serverErrors)==null?void 0:n.setExternalAccountOverride2,manuallyEnteredAccountNumber:this.state.manuallyEnteredAccountNumber,accountNumberValidation:this.props.accountNumberValidation,onDestinationAccountButtonClick:this.handleSubmitAccountNumber,isLoading:this.props.isLoading,externalAccount:this.props.externalAccount,onManuallyEnteredAccountNumber:this.handleManuallyEnteredAccountNumber,onToggleTips:this.handleTrackToggleTips})]})}}function k(r){const t=s.transfer.getSelectedExternalAccountId(r),n=s.externalAccountLinkCreation.getExternalAccountById(r,t),o=s.externalAccounts.getExternalAccountById(r,t),i=s.transfer.getTransferGuidanceForSelectedExternalAccountId(r),a=s.transfer.getAccountRequestId(r),p=a?s.accountRequests.getAccountRequest(r,a):void 0;return{externalAccount:o,isLoading:s.transfer.getIsLoading(r),accountNumberValidation:i==null?void 0:i.accountNumberValidation,externalAccountLink:s.externalAccounts.getLinkByLinkId(r,n.linkId),accountRequest:p,serverErrors:s.transfer.getServerErrors(r)}}function S(r){return{updateExternalAccountNumber:(t,n,o)=>r(l.overrideExternalAccountNumberAndRefreshGuidance(t,n,o,A.TRANSFERS)),removeError:t=>r(l.receivedError(t,void 0))}}const yt=g(k,S)(j);export{yt as default};