https://accounts.thepeoples.com/en/js/bannoweb-institutions-routing-number-search-dialog-BiP1VJ6N.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{n as t,r as n}from"./polymer-C_GypsRJ.js";import{o as r}from"./main-5Sl8yySz.js";import"./jha-progress-CjUOO3no.js";import{t as i}from"./language-utils-DMDnwVwz.js";import"./bannoweb-dialog-6PdYs8ag.js";var{achBatchController:a,wiresController:o}=r,s={ACH:`ach`,WIRES:`wires`},c=i(t);window.BannowebInstitutionsRoutingNumberSearchDialogElement=class extends c{static get is(){return`bannoweb-institutions-routing-number-search-dialog`}static get properties(){return{institutions:{type:Array,value:()=>[]},searchTerm:{type:String,value:``,observer:window.BannowebInstitutionsRoutingNumberSearchDialogElement.prototype.onSearchTermChange_},searching:{type:Boolean,value:!1},hasSearched:{type:Boolean,value:!1},mode:{type:Boolean,value:s.WIRES,observer:window.BannowebInstitutionsRoutingNumberSearchDialogElement.prototype.onModeChange},controller:Object,notInDialog:{type:Boolean,value:!1,reflectToAttribute:!0}}}constructor(){super(),e(()=>import(`./icon-magnifying-glass-WPl4LQI3.js`).then(e=>e.t),[]),e(()=>import(`./icon-building-columns-DVkQr9JO.js`),[]),this.debouncedSearch_=null}onModeChange(e){e===s.ACH?this.controller=a:this.controller=o}getInstitutionName(e,t){return e||t||``}onSearchTermChange_(e,t){clearTimeout(this.debouncedSearch_),e&&(this.debouncedSearch_=setTimeout(()=>{this.searchInstitutions(e)},1e3))}async searchInstitutions(e){if(!(!e||e.length<3)){try{this.searching=!0;let t=await this.controller.searchInstitutions(e);this.institutions=t,this.searching=!1}catch{this.searching=!1}this.hasSearched=!0}}showNoResults(e,t){return!!(e.length>=3&&t)}selectInstitution(e){this.dispatchEvent(new CustomEvent(`set-institution`,{bubbles:!0,composed:!0,detail:e.model.item})),!this.notInDialog&&this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0,composed:!0}))}preventClosing(e){e.stopPropagation()}getNoContentMessage_(e,...t){let n=`Please revise your search, or close the search and enter`;return e===s.WIRES?`${n} the financial institution's details manually. An intermediary institution may be required.`:`${n} the routing number manually.`}static get template(){return n`<style>:host{display:block;@apply --base-font-styles;}:host([not-in-dialog]){--jha-card-header-display:none}h1{@apply --card-header-title;font-size:18px}article{max-height:calc(100vh - 120px);padding-bottom:16px;padding-left:32px;padding-right:32px;overflow-x:auto}input{background:var(--primary-content-background-color);color:inherit;box-sizing:border-box;border:1px solid var(--divider-alternative-color);width:100%;height:48px;border-radius:4px;align-items:center;margin-top:16px;padding:0 16px 0 44px;font-size:16px;display:flex}.input-container{position:relative}jh-icon-magnifying-glass{fill:var(--body-text-secondary-color);position:absolute;top:12px;left:12px}jh-icon-xmark{width:18px;height:18px}bannoweb-dialog{--bannoweb-dialog-header-border-color:var(--divider-default-color)}.header{background:var(--secondary-content-background-color)}.header th{color:var(--body-text-secondary-color);text-transform:uppercase;text-align:left;padding:12px 0 12px 12px;font-size:12px;font-weight:400}table{border-collapse:collapse;width:calc(100% + 24px);margin:16px -12px}tr{border-bottom:1px solid var(--divider-default-color)}button{@apply --button-reset;color:var(--body-text-secondary-color);padding:16px 0 16px 12px}.institution{color:var(--body-text-theme-color)}.empty{height:160px;color:var(--body-text-secondary-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:360px;margin:0 auto;display:flex}jh-icon-building-columns{fill:var(--body-text-secondary-color)}div.progress{justify-content:center;align-items:center;height:200px;display:flex}@media (width<=739px){article{padding-left:16px}}</style> <bannoweb-dialog> <div slot="header-center"> <h1>Financial institution lookup</h1> </div> <article> <div class="input-container"> <input placeholder="Search financial institutions" title="Institution query" type="text" value="{{searchTerm::input}}" spellcheck="false" autocorrect="off" autocapitalize="off"> <jh-icon-magnifying-glass></jh-icon-magnifying-glass> </div> <template is="dom-if" if="[[!searching]]"> <table> <tr class="header"> <th>Institution</th> <th>ROUTING&#47;ABA&#35;</th> <th>City</th> <th>State</th> </tr> <template is="dom-repeat" items="[[institutions]]"> <tr class="table-button"> <td> <button type="button" class="institution" on-click="selectInstitution"> [[getInstitutionName(item.telegraphicName, item.institutionName)]] </button> </td> <td> <button type="button" on-click="selectInstitution"> [[item.routingNumber]] </button> </td> <td> <button type="button" on-click="selectInstitution"> [[item.city]] </button> </td> <td> <button type="button" on-click="selectInstitution"> [[item.state]] </button> </td> </tr> </template> </table> <template is="dom-if" if="[[!institutions.length]]"> <template is="dom-if" if="[[!showNoResults(searchTerm, hasSearched)]]"> <div class="empty"> <jh-icon-building-columns class="icon"></jh-icon-building-columns> <div class="sub-title"> Start your search by entering the Institution's partial or full name, routing/ABA number, or location above to begin your search. </div> </div> </template> <template is="dom-if" if="[[showNoResults(searchTerm, hasSearched)]]"> <div class="empty"> <jh-icon-building-columns class="icon"></jh-icon-building-columns> <div>

1No financial institutions found.</div> <div class="sub-title">[[getNoContentMessage_(mode, searchTerm, hasSearched)]]</div> </div> </template> </template> </template> <template is="dom-if" if="[[searching]]"> <div class="progress"><jha-progress card=""></jha-progress></div> </template> </article> </bannoweb-dialog>`}},window.BannowebInstitutionsRoutingNumberSearchDialogElement.Mode=s,customElements.define(window.BannowebInstitutionsRoutingNumberSearchDialogElement.is,window.BannowebInstitutionsRoutingNumberSearchDialogElement);var l=window.BannowebInstitutionsRoutingNumberSearchDialogElement;export{l as t};