https://secure.gulfsidebank.com/en/js/bannoweb-transfers-dashboard-CR8ya47d.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{n as t,r as n}from"./polymer-C_GypsRJ.js";import{E as r,_ as i,c as a,l as o,t as s,v as c,x as l}from"./institution-DyFDvNu6.js";import{n as u}from"./user-BMje1Le7.js";import{t as d}from"./paths-BjKNBopk.js";import{n as f,t as p}from"./page-B8YwBOEr.js";import{t as m}from"./date-URgChy6n.js";import{Nn as h,a as g,s as _,vr as v,yr as y}from"./main-5Sl8yySz.js";import"./jha-progress-CjUOO3no.js";import"./jha-card-DC-UH8vN.js";import"./jha-card-header-D2XWRnD9.js";import"./jha-button-Dyau4S4K.js";import{t as b}from"./observable-models-D0t-na9H.js";import{t as x}from"./language-utils-DMDnwVwz.js";import"./jha-link-button-k4YCp-l3.js";import{a as S,s as C}from"./banno-styles-B3iGgKv1.js";import"./jha-list-UCQUTbOQ.js";import{t as w}from"./high-risk-Bokt2EDh.js";import"./jha-grid-C8KUzcaJ.js";import"./jha-tab-B1tU4TYA.js";import"./jha-tab-item-CLlXVNd7.js";import"./bannoweb-page-container-G_uPsQAr.js";import{t as T}from"./transfer-C20N4S3X.js";import{t as E}from"./filtered-collection-C1ad7CSp.js";import{t as D}from"./observable-models-lit-Conecq5s.js";import"./jha-date-picker-BY52zia8.js";import{t as O}from"./sso-utils-BtlATq0e.js";import{t as k}from"./generic-dialogs-8zuEpB8Y.js";import"./bannoweb-transfer-list-BzoS_yuO.js";var A={PENDING:`pending`,UNINITIATED:`uninitiated`,VERIFICATION_FAILED:`verificationFailed`,LOCKED_OUT:`lockedOut`,VERIFIED:`verified`,MICRODEPOSITS_EXPIRED:`microdepositsExpired`},j=b(w(x(t)));window.BannowebTransferAccountsCard=class extends j{static get is(){return`bannoweb-external-transfer-accounts-list`}static get properties(){return{disableAddExternalTransferAccount:{type:Boolean,value:!1},loading:Boolean,transferAccounts:{type:Object,value:()=>_.store.transferAccounts},transfersController:{type:Object,value:()=>_.transfersController},preventLink:{type:Boolean,value:!1}}}constructor(){super(),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[]),e(()=>import(`./icon-circle-info-CI9QftZe.js`).then(e=>e.t),[])}getExternalTransferAccounts(...e){return this.transferAccounts.items.filter(e=>e.type===h.AccountType.EXTERNAL_TRANSFER)}getSettingsHref(e){return`${d.BANNOWEB_SETTINGS_EXTERNAL_ACCOUNTS}#${e.id}`}onAddTransferAccountClick(e){this.doHighRisk(()=>{v.go(d.BANNOWEB_ADD_ACCOUNT)})}onClickReload(e){this.transfersController.getExternalTransferAccountsV2()}_getInstitutionNames(...e){return this.transferAccounts.items.filter(e=>e.type===h.AccountType.EXTERNAL_TRANSFER).map(e=>e.institutionName||`INSTITUTION NAME UNAVAILABLE`).filter((e,t,n)=>n.indexOf(e)===t).sort((e,t)=>e.toUpperCase()>t.toUpperCase()?1:-1)}_getInstitutionAccounts(e){return e===`INSTITUTION NAME UNAVAILABLE`?this.getExternalTransferAccounts().filter(e=>!e.institutionName):this.getExternalTransferAccounts().filter(t=>t.institutionName===e)}showDepositsSentOverAWeekAgo(e,t){if(!t||!e)return!1;let n=Math.abs(m.dayDiff(t));return n>10&&n<38&&e===A.PENDING}showExpired(e,t,n){return n&&new Date(n)<new Date?e===A.PENDING:!e||!t||!n?!1:Math.abs(m.dayDiff(t))>=38?e===A.PENDING:!1}showAccountBlocked(e){return e?e===A.LOCKED_OUT:!1}showAttemptsExceeded(e){return e?e===A.VERIFICATION_FAILED:!1}showUninitiated(e){return e?e===A.UNINITIATED:!1}showAccountType(e,t){return e||t}_noAccountsWhenFiltered(...e){return!this._getInstitutionNames(this.transferAccounts.items).length}onAccountSelect(e){this.preventLink&&e.preventDefault(),this.dispatchEvent(new CustomEvent(`external-account-select`,{bubbles:!0,composed:!0,detail:{accountId:e.model&&e.model.item&&e.model.item.id}}))}static get template(){return n`<style>:host{display:block}h1{@apply --card-header-title;}h3{color:var(--external-transfers-account-list-heading-color,var(--jha-text-theme));font-size:var(--external-transfers-account-list-heading-size,12px);font-weight:var(--external-transfers-account-list-heading-weight,500);padding-top:var(--external-transfers-account-list-heading-padding-top,var(--jha-list-item-vertical-spacing));padding-left:var(--jha-content-inset);margin:0}a{@apply --button-reset;justify-content:space-between;align-items:center;text-decoration:none;display:flex}a .description{flex:2;width:1px}jh-icon-chevron-right-small{vertical-align:middle;width:16px;height:16px;

1fill:var(--jha-text-light)}.account-name{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:4px;display:block;overflow:hidden}.account-details{color:var(--jha-text-light);font-size:12px}.alert{color:var(--color-warning);align-items:center;margin-top:4px;font-size:12px;font-style:italic;display:flex}.no-content{text-align:center;color:var(--jha-text-neutral);padding:26px;font-size:14px}jh-icon-circle-info{fill:var(--color-warning);width:16px;height:16px;margin-right:8px}jh-icon-circle-info.pseudo-error{transform:rotate(180deg)}</style> <template is="dom-if" if="[[!transferAccounts.collectionEndpointLoaded]]"> <div class="no-content"> <jha-progress></jha-progress> </div> </template> <template is="dom-if" if="[[transferAccounts.collectionEndpointLoaded]]"> <jha-list> <template is="dom-repeat" items="[[_getInstitutionNames(transferAccounts.items)]]" as="externalInstitution"> <h3>[[externalInstitution]]</h3> <template is="dom-repeat" items="[[_getInstitutionAccounts(externalInstitution)]]"> <jha-list-item> <a href="[[getSettingsHref(item)]]" on-click="onAccountSelect"> <div class="description"> <div class="account-name" title$="[[item.name]]"> [[item.name]] </div> <div class="account-details"> [[item.maskedAccountNumber]] - [[showAccountType(item.accountType, item.externalTransferAccountType)]] </div> <template is="dom-if" if="[[showDepositsSentOverAWeekAgo(item.depositVerificationStatus, item.depositVerificationInitiationDate)]]"> <section class="alert"> <jh-icon-circle-info></jh-icon-circle-info> Deposits were sent over a week ago </section> </template> <template is="dom-if" if="[[showExpired(item.depositVerificationStatus, item.depositVerificationInitiationDate, item.depositExpirationDate)]]"> <section class="alert"> <jh-icon-circle-info></jh-icon-circle-info>Verification deposits expired </section> </template> <template is="dom-if" if="[[showAccountBlocked(item.depositVerificationStatus)]]"> <section class="alert"> <jh-icon-circle-info class="pseudo-error"></jh-icon-circle-info>Account blocked </section> </template> <template is="dom-if" if="[[showAttemptsExceeded(item.depositVerificationStatus)]]"> <section class="alert"> <jh-icon-circle-info class="pseudo-error"></jh-icon-circle-info>Attempts exceeded </section> </template> <template is="dom-if" if="[[showUninitiated(item.depositVerificationStatus)]]"> <section> <div class="sub-title">Verify your account</div> </section> </template> </div> <jh-icon-chevron-right-small></jh-icon-chevron-right-small> </a> </jha-list-item> </template> </template> </jha-list> <template is="dom-if" if="[[_noAccountsWhenFiltered(transferAccounts.items)]]"> <template is="dom-if" if="[[!transferAccounts.loadingFailed]]"> <div class="no-content"> <p>No external transfer accounts found</p> <template is="dom-if" if="[[!disableAddExternalTransferAccount]]"> <jha-link-button sync="" link="" href="/add-account"><span aria-hidden="true">+</span> Add external account</jha-link-button> </template> </div> </template> <template is="dom-if" if="[[transferAccounts.loadingFailed]]"> <div class="no-content"> <p>External transfer accounts failed to load</p> <jha-button type="button" sync link on-click="onClickReload">Retry</jha-button> </div> </template> </template> </template>`}},customElements.define(window.BannowebTransferAccountsCard.is,window.BannowebTransferAccountsCard),window.BannowebTransferAccountsCard;var M=u.EventType,N={scheduled:`scheduled`,externalAccounts:`externalAccounts`},P=b(x(t));window.BannowebScheduledTransfersCard=class extends P{static get is(){return`bannoweb-transfers-card`}static get properties(){return{accounts:{type:Object,value:()=>_.store.accounts},loading:Boolean,loadingFailed:Boolean,transferAccounts:{type:Object,value:()=>_.store.transferAccounts},transfersCollection:{type:Object,value:()=>_.store.transfers},transfersController:{type:Object,value:()=>_.transfersController},institution:{type:Object,value:()=>_.store.institution,observer:window.BannowebScheduledTransfersCard.prototype.checkSsoLink_},supportsSsoAddAccounts:{type:Boolean},supportsSsoLoans:{type:Boolean},tabs:{type:Object,value:()=>N},activeTab:{type:String,value:()=>N.scheduled},preventLink:{type:Boolean,value:!1},disableAddExternalTransferAccount:{type:Boolean,value:!1}}}constructor(){super(),e(()=>import(`./icon-calendar-day-pOImyLYq.js`).then(e=>e.t),[]),this.boundOnLoadFailed_=e=>this._onLoadFailed(e)}connectedCallback(){super.connectedCallback(),this.transfersController.addEventListener(M.LOAD_FAILED,this.boundOnLoadFailed_)}disconnectedCallback(){super.disconnectedCallback(),this.transfersController.removeEventListener(M.LOAD_FAILED,this.boundOnLoadFailed_)}checkSsoLink_(e){this.supportsSsoAddAccounts=!!e.getLink(o.ACCOUNT_OPENING),this.supportsSsoLoans=!!e.getLink(o.LOAN_ACCOUNT_OPENING)}_isEnriching(e,t,n){return e||t||this._supportsExternalTransferAccounts(this.institution.abilities)&&n}_isLoading(e,t,n){return!(e&&t&&!n)}_hasData(e,t,n,r,...i){return this._hasTransferData(e,n)||this._hasTransferAccountData(t,r)}_hasTransferData(e,t,...n){return e&&t>0}_hasTransferAccountData(e,t){return e&&t>0}_onLoadFailed(e){this.loadingFailed=!0}_supportsExternalTransferAccounts(e){return e.twoFAEnabled&&(e.externalTransferInbound||e.externalTransferOutbound)}_isActiveTab(e,t){return e===t}_selectScheduledTab(e){this.activeTab=this.tabs.scheduled}_selectExternalAccountsTab(e){this.activeTab=this.tabs.externalAccounts}static get template(){return n`<style>:host{display:block}h1{@apply --card-header-title;}jha-card-header{--jha-border-color:transparent;--jha-card-header-padding-bottom:0}jha-tab{--jha-tab-item-color:var(--jha-text-light);--jha-tab-item-color-active:var(--jha-text-base);--jha-tab-item-border-color:var(--jha-text-theme);--jha-tab-item-padding:0 var(--jha-content-inset) 3px;border-bottom:1px solid var(--jha-border-color);margin-top:10px;margin-left:var(--jha-tab-left-margin,0);padding:0}jha-tab-item{border-bottom-width:3px;line-height:50px}jha-tab jha-tab-item{margin-right:var(--jha-tab-item-right-margin,0)}

1jh-icon-calendar-day{fill:var(--jha-text-light);vertical-align:middle;margin-right:3px}jha-link-button{--jha-button-link-text-hover:var(--link-button-text-focused-color)}.no-content{text-align:center;color:var(--jha-text-neutral);padding:26px;font-size:14px}div.slottedButton{display:inline}</style> <jha-card loading="[[_isLoading(transfersCollection.collectionEndpointLoaded, accounts.collectionEndpointLoaded, transferAccounts.loading)]]" has-data="[[_hasData(transfersCollection.collectionEndpointLoaded, accounts.collectionEndpointLoaded, transfersCollection.items.length, transferAccounts.items.length, transfersCollection.loading, transferAccounts.loading)]]"> <jha-card-header slot="header" loading="[[_isEnriching(transfersCollection.loading, accounts.loading, transferAccounts.loading)]]" has-error="[[loadingFailed]]"> <div class="slottedButton"> <slot name="header-left"></slot> </div> <h1>Transfers</h1> <template is="dom-if" if="[[_supportsExternalTransferAccounts(institution.abilities)]]"> <template is="dom-if" if="[[!disableAddExternalTransferAccount]]"> <jha-link-button sync="" link="" href="/add-account" slot="header-right"> <span aria-hidden="true">+</span> External account </jha-link-button> </template> </template> </jha-card-header> <template is="dom-if" if="[[_supportsExternalTransferAccounts(institution.abilities)]]"> <jha-tab> <jha-tab-item aria-selected$="[[_isActiveTab(tabs.scheduled, activeTab)]]" active$="[[_isActiveTab(tabs.scheduled, activeTab)]]" on-click="_selectScheduledTab"> Scheduled </jha-tab-item> <jha-tab-item aria-selected$="[[_isActiveTab(tabs.externalAccounts, activeTab)]]" active$="[[_isActiveTab(tabs.externalAccounts, activeTab)]]" on-click="_selectExternalAccountsTab"> External accounts </jha-tab-item> </jha-tab> </template> <template is="dom-if" if="[[_isActiveTab(tabs.scheduled, activeTab)]]"> <template is="dom-if" if="[[_hasTransferData(transfersCollection.collectionEndpointLoaded, transfersCollection.items.length, transfersCollection.loading)]]"> <bannoweb-transfer-list accounts="[[accounts]]" transfer-accounts="[[transferAccounts]]" transfers="[[transfersCollection]]" prevent-link="[[preventLink]]" loading="[[_isLoading(transfersCollection.collectionEndpointLoaded, accounts.collectionEndpointLoaded, transferAccounts.loading)]]"></bannoweb-transfer-list> </template> <template is="dom-if" if="[[!_hasTransferData(transfersCollection.collectionEndpointLoaded, transfersCollection.items.length, transfersCollection.loading)]]"> <div class="no-content"> <jh-icon-calendar-day></jh-icon-calendar-day> <p>No transfers scheduled.</p> <p>Schedule a future or recurring transfer so you don&#8217;t have to worry about it later.</p> </div> </template> </template> <template is="dom-if" if="[[_isActiveTab(tabs.externalAccounts, activeTab)]]"> <bannoweb-external-transfer-accounts-list disable-add-external-transfer-account="[[disableAddExternalTransferAccount]]" prevent-link="[[preventLink]]" transfer-accounts="[[transferAccounts]]"></bannoweb-external-transfer-accounts-list> </template> <div slot="no-content"> <jh-icon-calendar-day></jh-icon-calendar-day> <p>No transfers scheduled.</p> <p>Schedule a future or recurring transfer so you don&#8217;t have to worry about it later.</p> </div> </jha-card>`}},customElements.define(window.BannowebScheduledTransfersCard.is,window.BannowebScheduledTransfersCard),window.BannowebScheduledTransfersCard;var F=w(O(D(i)));window.BannowebTransfersActionCardElement=class extends F{static get is(){return`bannoweb-transfers-action-card`}static get properties(){return{institution:{type:Object,attribute:`institution`},linkTypes_:{type:Object,attribute:`link-types_`},routePaths:{type:Object,attribute:`route-paths`}}}constructor(){super(),e(()=>import(`./icon-building-columns-DVkQr9JO.js`),[]),e(()=>import(`./icon-arrow-right-arrow-left-CYw-5ETv.js`),[]),this.institution=_.store.institution,this.linkTypes_=o,this.routePaths=d}handleM2MTransferClick_(e){e.preventDefault(),this.doHighRisk(()=>{v.go(this.routePaths.BANNOWEB_POWER_M2M_TRANSFERS)})}static get styles(){return r`:host{display:block}a{touch-action:manipulation;cursor:pointer;text-align:left;-webkit-appearance:none;width:100%;color:var(--body-text-primary-color);background:0 0;border:none;align-items:center;margin:0;padding:0;font-family:Roboto;font-size:14px;font-weight:500;text-decoration:none;display:flex}jh-icon-building-columns,jh-icon-arrow-right-arrow-left{width:36px;height:36px;

1fill:var(--body-text-theme-color);padding-right:12px}jha-list{display:flex}jha-list-item{box-sizing:border-box;flex:68px;min-width:68px;padding:0 2px}jha-list-item a{box-sizing:border-box;flex-direction:column;justify-content:center;padding:26px 0;display:flex}jha-list-item:first-of-type:last-of-type{padding:0}jha-list-item:first-of-type:last-of-type a{padding-right:var(--jha-list-item-horizontal-spacing,24px);padding-left:var(--jha-list-item-horizontal-spacing,24px);flex-direction:row;justify-content:flex-start;padding-top:18px;padding-bottom:18px;font-size:16px;font-weight:500}jha-list-item:first-of-type:last-of-type jh-icon-arrow-right-arrow-left{width:36px;height:36px}`}render(){return l`<jha-card> <jha-list> <jha-list-item> <a href="/transfer"> <jh-icon-arrow-right-arrow-left></jh-icon-arrow-right-arrow-left> ${`Make a transfer`} </a> </jha-list-item> ${this.getSsoLink(this.linkTypes_.POWER_M2M_TRANSFERS,this.institution.links)?l`<jha-list-item> <a href="${this.routePaths.BANNOWEB_POWER_M2M_TRANSFERS}" @click="${this.handleM2MTransferClick_}"> <jh-icon-building-columns></jh-icon-building-columns> ${this.getLinkTitle(this.linkTypes_.POWER_M2M_TRANSFERS,this.institution.links)} </a> </jha-list-item>`:c} </jha-list> </jha-card>`}},customElements.define(window.BannowebTransfersActionCardElement.is,window.BannowebTransfersActionCardElement),window.BannowebTransfersActionCardElement;var I=class extends E{},L=b(x(t));window.BannowebTransferCalendarCardElement=class extends L{static get is(){return`bannoweb-transfers-calendar-card`}static get properties(){return{accounts:{type:Object,value:()=>_.store.accounts},minDate:{type:Date,value:new Date},transfersCollection:{type:Object,value:()=>_.store.transfers},transferAccounts:{type:Object,value:()=>_.store.transferAccounts},transfersForDate:Object,selectedDate:{type:Date,observer:window.BannowebTransferCalendarCardElement.prototype.selectedDateChanged_}}}constructor(){super(),e(()=>import(`./icon-chevron-left-f3OZxuwt.js`).then(e=>e.t),[]),e(()=>import(`./icon-chevron-right-C-tNm2lU.js`).then(e=>e.t),[])}prevMonth(e){this.minDate=this._getPreviousMonthDate(this.minDate),this.selectedDate=null}nextMonth(e){this.minDate=this._getNextMonthDate(this.minDate),this.selectedDate=null}getActiveTransferDates(...e){return this.transfersCollection.items.map(e=>T.getDisplayDate(e.nextTransferDate,e.startDate)).filter(e=>!!e)}getCardTitle(e){return`${m.getMonthName(e)} ${e.getFullYear()}`}transfersFilter_(e,t){let n=T.getDisplayDate(e.nextTransferDate,e.startDate);return n===null||t==null?!1:m.sameDate(n,t)}selectedDateChanged_(e){this.transfersForDate?this.transfersForDate.changeFilterCriteria(t=>this.transfersFilter_(t,e)):this.transfersForDate=new I(this.transfersCollection,t=>this.transfersFilter_(t,e))}getTransfersForDate(e){return this.transfersCollection.items.filter(t=>this.transfersFilter_(t,e))}_getNextMonthDate(e){let t=(e.getMonth()+1)%12,n=t===0?e.getFullYear()+1:e.getFullYear();return new Date(n,t,1,0,0,0,0)}_getPreviousMonthDate(e){let t=(e.getMonth()-1)%12,n=t===11?e.getFullYear()-1:e.getFullYear();return new Date(n,t,1,12,0,0,0)}_isLoading(e,t){return!(e&&t)}_null(){return null}onBadgeMouseover(e){let t=e,n=new Date(t.detail&&t.detail.date),r=t.detail.target;if(!n||isNaN(n)||!r||!(r instanceof window.JhaTooltipElement))return;let i=this.getTransfersForDate(n).length;r.setAttribute(`text`,`${i} upcoming transfer${i===1?``:`s`}`)}static get template(){return n`<style>:host{display:block}h1{@apply --card-header-title;}jha-date-picker{--jha-date-picker-calendar-position:"relative";--jha-date-picker-overflow-x:visible;--jha-date-picker-overflow-y:visible;padding-top:var(--jha-date-picker-calendar-top,33px);margin:12px 15px 0}jha-card-header jha-button{--jha-button-icon-border-radius:0}jha-button jh-icon-chevron-left,jha-button jh-icon-chevron-right{border:1px solid var(--jha-border-color);border-radius:50%}.disclaimer{padding-bottom:24px;padding-left:var(--jha-content-inset);padding-right:var(--jha-content-inset);color:var(--body-text-secondary-color);margin:0;font-size:12px;font-style:italic}</style> <jha-card loading="[[_isLoading(transfersCollection.collectionEndpointLoaded, accounts.collectionEndpointLoaded)]]"> <jha-card-header slot="header"> <h1>[[getCardTitle(minDate)]]</h1> <div slot="header-right"> <jha-button sync="" icon="" on-click="prevMonth" type="button"> <jh-icon-chevron-left aria-label="Previous month" aria-hidden="false"></jh-icon-chevron-left> </jha-button>

1 <jha-button sync="" icon="" on-click="nextMonth" type="button"> <jh-icon-chevron-right aria-label="Next month" aria-hidden="false"></jh-icon-chevron-right> </jha-button> </div> </jha-card-header> <jha-date-picker max-months="1" min-date="[[minDate]]" max-date="[[_null()]]" show-active-date-badge="true" show-today="true" on-badge-mouseover="onBadgeMouseover" selected-date="{{selectedDate}}" active-dates="[[getActiveTransferDates(transfersCollection.items.length)]]" monday-label="Mon" tuesday-label="Tues" wednesday-label="Wed" thursday-label="Thur" friday-label="Fri" saturday-label="Sat" sunday-label="Sun"> <div slot="month-header"></div> </jha-date-picker> <p class="disclaimer">Only the next scheduled transaction is shown for your recurring transfers.</p> <template is="dom-if" if="[[selectedDate]]"> <bannoweb-transfer-list layout="calendar" accounts="[[accounts]]" transfer-accounts="[[transferAccounts]]" transfers="[[transfersForDate]]"></bannoweb-transfer-list> </template> </jha-card>`}},customElements.define(window.BannowebTransferCalendarCardElement.is,window.BannowebTransferCalendarCardElement),window.BannowebTransferCalendarCardElement;var R=D(x(i));window.BannowebRapidTransferActionDetailCardElement=class extends R{static get is(){return`bannoweb-rapid-transfers-action-detail-card`}constructor(){super(),e(()=>import(`./icon-bolt-BFhMgRn3.js`).then(e=>e.t),[])}static get styles(){return[S,r`a.reset{color:var(--body-text-primary-color);align-items:center;font-weight:500;text-decoration:none;display:flex}jh-icon-arrow-right-arrow-left{width:36px;height:36px;

1fill:var(--body-text-theme-color);padding-right:12px}jha-list{flex-direction:column;display:flex}jha-list-item{box-sizing:border-box;flex:68px;min-width:68px;padding:0 2px}jha-list-item a{box-sizing:border-box;justify-content:center;padding:26px;display:flex}jha-list-item:first-of-type:last-of-type a{flex-direction:row;justify-content:flex-start;padding:18px;font-size:16px;font-weight:500;display:flex}.subtitle{color:var(--body-text-secondary-color,#646769);flex-direction:column;margin-top:4px;font-size:12px;font-style:normal;font-weight:400;line-height:16px;display:flex}jha-list-item:first-of-type:last-of-type jh-icon-bolt{width:36px;height:36px}jh-icon-bolt{width:24px;height:24px;fill:var(--body-text-theme-color);margin-right:10px}a>span{flex-direction:column;flex:1;display:flex}`]}render(){return l`<jha-card> <jha-list> <jha-list-item> <a href="/rapid-transfers" id="rapid" class="reset"> <jh-icon-bolt></jh-icon-bolt> <span> <span>${`Need to move money quickly?`}</span> <span class="subtitle">${`Rapid transfers allow you to use an eligible debit card to move money in minutes.`}</span> </span> </a> </jha-list-item> </jha-list> </jha-card>`}},customElements.define(window.BannowebRapidTransferActionDetailCardElement.is,window.BannowebRapidTransferActionDetailCardElement),window.BannowebRapidTransferActionDetailCardElement;var z=[f.BANNOWEB_TRANSFER,f.BANNOWEB_EDIT_TRANSFER],B=k(y(D(i),`fadeinup`));window.BannowebTransfersDashboardElement=class extends B{static get is(){return`bannoweb-transfers-dashboard`}constructor(){super(),this.institution=s,this.didOpenTransferDialog=!1}static get properties(){return{didOpenTransferDialog:{type:Boolean,attribute:`did-open-transfer-dialog`},institution:{type:a}}}async openTransferBlurbDialog(){this.didOpenTransferDialog=!0;let t=new(await(e(async()=>{let{default:e}=await import(`./bannoweb-transfer-blurb-dialog-BIDqMFXB.js`);return{default:e}},[]))).default;this.dispatchEvent(new g(t))}handleOpenTransferDialog(){(_.store.institution.abilities.moovPushToCard||_.store.institution.abilities.moovPullFromCard)&&(z.includes(v.prevNodeId)||this.didOpenTransferDialog||this.openTransferBlurbDialog())}async routeEnter(e,t,n,r){return p.setTitleAndTrack(`Transfers`,v.getRouteUrlWithoutParams(r),n),this.handleOpenTransferDialog(),super.routeEnter(e,t,n,r)}shouldRenderRapidTransfers(...e){return this.institution.abilities?.moovPullFromCard||this.institution.abilities?.moovPushToCard}static get styles(){return[C,r`:host{background-size:100%;flex:1 0 auto;display:block;position:relative}:host(.fadeinup) bannoweb-transfers-card,:host(.fadeinup) bannoweb-transfers-action-card,:host(.fadeinup) bannoweb-transfers-calendar-card{animation-name:fadeInUp;animation-duration:.75s;animation-timing-function:cubic-bezier(.1,.5,.1,1);animation-delay:initial;animation-iteration-count:initial;animation-direction:initial;animation-fill-mode:backwards;animation-play-state:initial}@media print{:host(.fadeinup) bannoweb-transfers-card,:host(.fadeinup) bannoweb-transfers-action-card,:host(.fadeinup) bannoweb-transfers-calendar-card{animation:none}}.columns{margin:42px 0;display:flex}.columns>div:first-child{flex:7 1 0;margin-right:16px}.columns>div{flex:5 0 0}.desktop{display:block}.mobile{display:none}@media (width<=1200px){.columns>div:first-child,.columns>div{flex:50%}}@media (width<=1024px){.columns{margin-top:18px}}@media (width<=768px){.desktop{display:none}.mobile{display:block}.columns{flex-direction:column;max-width:512px;margin:18px auto}.columns>div:first-child{margin:0}}`]}render(){return l`<bannoweb-page-container heading="${`Transfers`}"> <div class="columns"> <div> <bannoweb-transfers-action-card class="mobile"></bannoweb-transfers-action-card> <bannoweb-transfers-card></bannoweb-transfers-card> </div> <div> <bannoweb-transfers-action-card class="desktop"></bannoweb-transfers-action-card> <bannoweb-transfers-calendar-card class="desktop"></bannoweb-transfers-calendar-card> ${this.shouldRenderRapidTransfers(this.institution.abilities.moovPushToCard,this.institution.abilities.moovPullFromCard)?l`<bannoweb-rapid-transfers-action-detail-card class="desktop"></bannoweb-rapid-transfers-action-detail-card>`:``} </div> </div> </bannoweb-page-container>`}},customElements.define(window.BannowebTransfersDashboardElement.is,window.BannowebTransfersDashboardElement);var V=window.BannowebTransfersDashboardElement;export{V as default};