https://my.freedomfirst.com/en/js/bannoweb-zelle-overview-t5gjhwAe.js

1import{a as e,n as t}from"./standalone-app-Bj-IdwrG.js";import{n,r}from"./polymer-C_GypsRJ.js";import{o as i,p as a}from"./institution-DyFDvNu6.js";import{t as o}from"./page-B8YwBOEr.js";import{t as s}from"./date-URgChy6n.js";import{_r as c,dr as l,i as u,mr as d,o as f,pr as p,sr as m,vr as h}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 g}from"./observable-models-D0t-na9H.js";import{t as _}from"./language-utils-DMDnwVwz.js";import"./jha-link-button-k4YCp-l3.js";import"./bannoweb-dialog-6PdYs8ag.js";import"./bannoweb-confirmation-dialog-6ZiCES-9.js";import"./jha-list-UCQUTbOQ.js";import{n as v}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"./bannoweb-currency-B8mbcVJL.js";import{t as y}from"./zelle-utils-Bhs2sl4b.js";import"./bannoweb-zelle-activity-list-item-CaXvP1E0.js";var b=g(n);window.BannowebZelleActivityListElement=class extends b{static get is(){return`bannoweb-zelle-activity-list`}static get properties(){return{activity:Array,emptyListMessage:{type:String,value:`No activity.`}}}constructor(){super(),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[]),e(()=>import(`./icon-circle-dollar-CU8M5ptT.js`),[])}onClickItem(e){this.dispatchEvent(new CustomEvent(window.BannowebZelleActivityListElement.Event.SELECT_ACTIVITY,{bubbles:!1,composed:!0,detail:e&&e.model&&e.model.item}))}static get template(){return r`<style>.no-content{color:var(--body-text-secondary-color);text-align:center;padding:100px 0}.no-content jh-icon-circle-dollar{width:36px;height:36px;

1fill:var(--body-text-secondary-color)}button{@apply --button-reset;@apply --list-item-padding;align-items:center;display:flex}button:focus{background-color:var(--jha-focus-highlight-color);outline:none}bannoweb-zelle-activity-list-item{width:100%}jh-icon-chevron-right-small{fill:var(--jha-color-light);margin-left:var(--jha-content-inset)}jha-list{margin-bottom:0}</style> <template is="dom-if" if="[[!activity.length]]"> <slot name="no-content"> <div class="no-content"> <div> <jh-icon-circle-dollar></jh-icon-circle-dollar> </div> [[emptyListMessage]] </div> </slot> </template> <template is="dom-if" if="[[activity.length]]"> <jha-list> <template is="dom-repeat" items="[[activity]]"> <jha-list-item no-padding> <button type="button" on-click="onClickItem"> <bannoweb-zelle-activity-list-item activity="[[item]]"></bannoweb-zelle-activity-list-item> <jh-icon-chevron-right-small></jh-icon-chevron-right-small> </button> </jha-list-item> </template> </jha-list> </template>`}},window.BannowebZelleActivityListElement.Event={SELECT_ACTIVITY:`select-activity`},customElements.define(window.BannowebZelleActivityListElement.is,window.BannowebZelleActivityListElement),window.BannowebZelleActivityListElement;var x=new Map([[d.PaymentStatus.SUCCESS,`status-completed`],[d.PaymentStatus.CANCELED,`status-alert`],[d.PaymentStatus.EXPIRED,`status-alert`],[d.PaymentStatus.FAILURE,`status-alert`],[d.PaymentStatus.PENDING,`status-secondary`],[d.PaymentStatus.RETRYABLE,`status-alert`]]),S=new Map([[p.RequestStatus.CANCELED,`status-alert`],[p.RequestStatus.EXPIRED,`status-alert`],[p.RequestStatus.FAILURE,`status-alert`],[p.RequestStatus.PENDING,`status-secondary`],[p.RequestStatus.REJECTED,`status-alert`],[d.PaymentStatus.RETRYABLE,`status-alert`],[p.RequestStatus.SUCCESS,`status-completed`]]),C=g(_(n));window.BannowebZelleActivityHistoryElement=class extends C{static get is(){return`bannoweb-zelle-activity-history`}static get properties(){return{accountsCollection:Object,activity:{type:Object,notify:!0},relatedActivity:Object}}constructor(){super(),e(()=>import(`./icon-circle-small-DIPjA2sL.js`),[])}getFromAccountName(e){if(e.isRecipient||!(e instanceof d))return``;let t=e.sender&&e.sender.accountId,n=this.accountsCollection.get(t);return n&&`${n.name} (${n.numbers})`||``}getFormattedResponderToken(e){if(!e.isRecipient||!(e instanceof p))return``;let t=e.responder&&e.responder.token;return t?m.getFormattedTokenValue(t):``}getRelatedActivityAmount(e,t,n){return[p.RequestStatus.SUCCESS,d.PaymentStatus.SUCCESS].includes(n)&&e instanceof p&&t instanceof d?`$${t.amount}`:``}getRelatedActivityTransactionId(e,t,n){if(![p.RequestStatus.SUCCESS,d.PaymentStatus.SUCCESS].includes(n))return``;if(e instanceof p&&t instanceof d)return t.confirmationId}getRelatedActivityButtonText(e){return e instanceof d?`View new payment`:e instanceof p?`View new request`:``}getShortDate(e){return s.getShortMonthDate(e)}getStatusClass(e){return e instanceof d?x.get(e.paymentStatus):e instanceof p?S.get(e.requestStatus):``}isSentPayment(e){return e instanceof d&&!e.isRecipient}onClickRelatedActivity(e){this.relatedActivity&&=(this.activity=this.relatedActivity,null)}showExpirationDate(e){return e instanceof d?!!e.expirationDate&&![d.PaymentStatus.SUCCESS].includes(e.paymentStatus):e instanceof p?!!e.expirationDate&&![p.RequestStatus.SUCCESS].includes(e.requestStatus):!1}showRelatedActivityButton(e,t){return!!e&&[d.PaymentStatus.EXPIRED,p.RequestStatus.EXPIRED].includes(t)}static get template(){return r`<style>:host{text-align:left;width:100%;display:block}jh-icon-circle-small{vertical-align:top;--jh-icon-color-fill:var(--body-text-secondary-color);position:relative;left:-48px}jh-icon-circle-small:after{content:" ";border-left:1px dashed var(--jha-border-color);position:relative;top:-10px;left:11px}h2{color:var(--body-text-primary-color);margin:0;padding-top:2px;font-size:14px;font-weight:500;display:inline-block;position:relative;left:-27px}dl{margin:0 0 0 11px;line-height:20px}dt,dd{border-left:1px dashed var(--jha-border-color);padding-left:36px}dl:first-of-type dt:first-of-type,dl:last-of-type dd:last-of-type{border-left:1px solid #0000}dt{color:var(--body-text-secondary-color)}dd{margin:0;padding-bottom:24px}header{align-items:flex-start;display:flex}.status-alert dl:first-child jh-icon-circle-small{--jh-icon-color-fill:var(--body-text-alert-color)}.status-completed dl:first-child jh-icon-circle-small{--jh-icon-color-fill:var(--body-text-highlight-color)}.status-theme dl:first-child jh-icon-circle-small{--jh-icon-color-fill:var(--body-text-theme-color)}</style> <div class$="[[getStatusClass(activity)]]"> <template is="dom-repeat" items="[[activity.history]]"> <dl> <dt> <jh-icon-circle-small></jh-icon-circle-small> <h2>[[getShortDate(item.date)]]: [[item.description]]</h2> </dt> <dd> <template is="dom-if" if="[[item.note]]"> [[item.note]] </template> </dd> <template is="dom-if" if="[[getRelatedActivityAmount(activity, relatedActivity, item.status)]]"> <dt>Amount</dt> <dd>[[getRelatedActivityAmount(activity, relatedActivity, item.status)]]</dd> </template> <template is="dom-if" if="[[getRelatedActivityTransactionId(activity, relatedActivity, item.status)]]"> <dt>Transaction ID</dt> <dd>[[getRelatedActivityTransactionId(activity, relatedActivity, item.status)]]</dd> </template> <template is="dom-if" if="[[showRelatedActivityButton(relatedActivity, item.status)]]"> <dt></dt> <dd> <jha-button type="button" outline on-click="onClickRelatedActivity"> [[getRelatedActivityButtonText(relatedActivity)]] </jha-button>

1 </dd> </template> </dl> </template> <dl> <template is="dom-if" if="[[activity.note]]"> <dt>Memo</dt> <dd>[[activity.note]]</dd> </template> <template is="dom-if" if="[[getFormattedResponderToken(activity)]]"> <dt>Received at</dt> <dd>[[getFormattedResponderToken(activity)]]</dd> </template> <template is="dom-if" if="[[getFromAccountName(activity)]]"> <dt>Sent from</dt> <dd>[[getFromAccountName(activity)]]</dd> </template> <template is="dom-if" if="[[showExpirationDate(activity)]]"> <dt>Expiration date</dt> <dd>[[getShortDate(activity.expirationDate)]]</dd> </template> <dt>Transaction ID</dt> <dd>[[activity.confirmationId]]</dd> </dl> </div>`}},customElements.define(window.BannowebZelleActivityHistoryElement.is,window.BannowebZelleActivityHistoryElement),window.BannowebZelleActivityHistoryElement;var w=new Map([[d.PaymentStatus.SUCCESS,new Map([[!0,{icon:`checkmark`,class:`status-completed`,status:`Completed`}],[!1,{icon:`checkmark`,class:`status-completed`,status:`Completed`}]])],[d.PaymentStatus.CANCELED,new Map([[!0,{icon:`circle-close`,class:`status-alert`,status:`Canceled`}],[!1,{icon:`circle-close`,class:`status-alert`,status:`Canceled`}]])],[d.PaymentStatus.EXPIRED,new Map([[!0,{icon:`clock`,class:`status-alert`,status:`Expired`}],[!1,{icon:`clock`,class:`status-alert`,status:`Expired`}]])],[d.PaymentStatus.FAILURE,new Map([[!0,{icon:`circle-warning`,class:`status-alert`,status:`Failed`}],[!1,{icon:`circle-warning`,class:`status-alert`,status:`Failed`}]])],[d.PaymentStatus.PENDING,new Map([[!0,{icon:`clock`,class:`status-secondary`,status:`Pending`}],[!1,{icon:`clock`,class:`status-secondary`,status:`Pending`}]])],[d.PaymentStatus.HOLD,new Map([[!0,{icon:`clock`,class:`status-secondary`,status:`On hold`}],[!1,{icon:`clock`,class:`status-secondary`,status:`On hold`}]])]]),T=new Map([[p.RequestStatus.CANCELED,new Map([[!0,{icon:`circle-close`,class:`status-alert`,status:`Canceled`}],[!1,{icon:`circle-close`,class:`status-alert`,status:`Canceled`}]])],[p.RequestStatus.EXPIRED,new Map([[!0,{icon:`clock`,class:`status-alert`,status:`Expired`}],[!1,{icon:`clock`,class:`status-alert`,status:`Expired`}]])],[p.RequestStatus.FAILURE,new Map([[!0,{icon:`circle-warning`,class:`status-alert`,status:`Failed`}],[!1,{icon:`circle-warning`,class:`status-alert`,status:`Failed`}]])],[p.RequestStatus.PENDING,new Map([[!0,{icon:`clock`,class:`status-secondary`,status:`Pending`}],[!1,{icon:`clock`,class:`status-secondary`,status:`Pending`}]])],[p.RequestStatus.REJECTED,new Map([[!0,{icon:`circle-close`,class:`status-alert`,status:`Declined`}],[!1,{icon:`circle-close`,class:`status-alert`,status:`Declined`}]])],[p.RequestStatus.SUCCESS,new Map([[!0,{icon:`checkmark`,class:`status-completed`,status:`Completed`}],[!1,{icon:`checkmark`,class:`status-completed`,status:`Completed`}]])],[d.PaymentStatus.HOLD,new Map([[!0,{icon:`clock`,class:`status-secondary`,status:`On hold`}],[!1,{icon:`clock`,class:`status-secondary`,status:`On hold`}]])]]),E=e=>{let t;return e instanceof d?t=w.get(e.paymentStatus):e instanceof p&&(t=T.get(e.requestStatus)),t&&t.get(e.isRecipient)},D=g(_(n));window.BannoWebZelleActivityDetailsDialogElement=class extends D{static get is(){return`bannoweb-zelle-activity-details-dialog`}static get properties(){return{accountsCollection:{type:Object,value:()=>f.store.accounts},activity:{type:Object,observer:window.BannoWebZelleActivityDetailsDialogElement.prototype.activityChanged_},activityCollection:{type:Object,value:()=>f.store.zelle.activity},activityDetailsLoading:{type:Object,value:null},contactsCollection:{type:Object,value:()=>f.store.zelle.contacts},loadingContacts:{type:Boolean,value:!0},otherParty:{type:Object,observer:window.BannoWebZelleActivityDetailsDialogElement.prototype.otherPartyChanged_},otherPartyContact:Object,zelleController:{type:Object,value:()=>f.zelleController}}}constructor(){super(),e(()=>import(`./bannoweb-shared-icons-CVhKuhWm.js`),[]),this.ensureContactsLoaded_=this.zelleController.ensureContactsLoaded().finally(()=>{this.loadingContacts=!1})}activityChanged_(e){this.ensureContactsLoaded_.finally(()=>{e instanceof d?this.otherParty=e.isRecipient?e.sender:e.recipient:e instanceof p?this.otherParty=e.isRecipient?e.requestor:e.responder:this.otherParty=null}),this.maybeUpdateDetails_(e)}getCanCancel(...e){return!!this.activity.canCancel}getFormattedToken(e){return e?m.getFormattedTokenValue(e):``}getIconName(e,...t){let n=E(e);return n&&n.icon||null}getRelatedActivity(e,t,...n){return m.getRelatedActivity(e,t)}getMoneyDirection(e,...t){return e instanceof d?e.isRecipient?`from`:`to`:e instanceof p?e.isRecipient?`to`:`from`:``}getMsgEnrolledAs(e){return`Enrolled as ${e}`}getOtherPartyName(e,t){let n=t||e;return`${n.firstName} ${n.lastName}`}getStatus(e,...t){let n=E(e);return n&&n.status||``}getStatusClass(e,...t){let n=E.bind(this,e);return n&&n.class||``}hasActions(e,...t){return this.isPendingSentPayment(e)||this.isPendingReceivedRequest(e)||this.isPendingSentRequest(e)||this.activity.canRetry}isPendingReceivedRequest(e){return e instanceof p&&e.requestStatus===p.RequestStatus.PENDING&&e.isRecipient}isPendingSentPayment(e,...t){return e instanceof d&&e.paymentStatus===d.PaymentStatus.PENDING&&!e.isRecipient}isPendingSentRequest(e){return e instanceof p&&e.requestStatus===p.RequestStatus.PENDING&&!e.isRecipient}async maybeUpdateDetails_(e){if(!this.activityDetailsLoading&&e.history.length===0){e instanceof d?this.activityDetailsLoading=this.zelleController.updatePaymentDetails(e):e instanceof p?this.activityDetailsLoading=this.zelleController.updateRequestDetails(e):this.activityDetailsLoading=Promise.reject(Error(`unrecognized activity type`));try{await this.activityDetailsLoading,this.activity.canCancel=e.canCancel}catch(e){t.console.error(`Uh oh. Something went wrong`,e)}finally{this.activityDetailsLoading=null}}}onClickCancelPayment(e){let t=e.target;this.dispatchEvent(new CustomEvent(window.BannowebZelleActivityListItemElement.Event.CANCEL_PAYMENT,{bubbles:!0,composed:!0,detail:{confirmationId:this.activity.confirmationId,onSuccess:()=>{t.isLoading=!1},onError:()=>{t.isLoading=!1}}}))}onClickCancelRequest(e){let t=e.target;this.dispatchEvent(new CustomEvent(window.BannowebZelleActivityListItemElement.Event.CANCEL_REQUEST,{bubbles:!0,composed:!0,detail:{confirmationId:this.activity.confirmationId,onSuccess:()=>{t.isLoading=!1},onError:()=>{t.isLoading=!1}}}))}onClickDeclinePayment(e){let t=e.target;this.dispatchEvent(new CustomEvent(window.BannowebZelleActivityListItemElement.Event.DECLINE_REQUEST,{bubbles:!0,composed:!0,detail:{confirmationId:this.activity.confirmationId,onSuccess:()=>{t.isLoading=!1},onError:()=>{t.isLoading=!1}}}))}onClickRetryActivity(e){let t;if(this.activity instanceof p?t=window.BannowebZelleActivityListItemElement.Event.RETRY_REQUEST:this.activity instanceof d&&(t=window.BannowebZelleActivityListItemElement.Event.RETRY_PAYMENT),!t)return;let n=e.target;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{confirmationId:this.activity.confirmationId,onSuccess:()=>{n.isLoading=!1},onError:()=>{n.isLoading=!1}}}))}onClickRetryLoadDetails(e){this.maybeUpdateDetails_(this.activity)}otherPartyChanged_(e){e||(this.otherPartyContact=null),this.ensureContactsLoaded_.then(()=>{this.otherPartyContact=this.contactsCollection.items.find(t=>(t.token&&t.token.value)===(e&&e.token&&e.token.value))||null})}isActivityDetailsLoading(...e){return!!this.activityDetailsLoading}

1static get template(){return r`<style>:host{--bannoweb-dialog-header-border-color:var(--divider-default-color);display:block}h1{@apply --card-header-title;font-size:14px}h1 bannoweb-shared-icons{vertical-align:middle;display:inline-flex}article{max-height:calc(100vh - 150px);margin-left:var(--jha-content-inset);margin-right:var(--jha-content-inset);overflow-y:scroll}section,footer{text-align:center;padding:24px 0}section#details{border-bottom:dashed 1px var(--jha-border-color)}section#details h2{margin:0;padding:4px;font-size:30px;font-weight:300}section#details .name{padding:4px;font-size:16px}section#details .secondary{color:var(--body-text-secondary-color);padding:4px;line-height:18px}footer{border-top:solid 1px var(--jha-border-color);width:auto;margin-left:var(--jha-content-inset);padding-right:var(--jha-content-inset)}footer .actions{justify-content:center;display:flex}footer jha-button,footer jha-link-button{margin:0 8px}jh-icon-arrow-up-from-line,jh-icon-arrow-down-to-line,jh-icon-trash-can{width:36px;height:36px;

1fill:var(--jha-text-theme)}.status-alert{color:var(--body-text-alert-color);fill:var(--body-text-alert-color);--jha-icon-color:var(--body-text-alert-color);--jh-icon-color-fill:var(--body-text-alert-color)}.status-completed{color:var(--body-text-highlight-color);fill:var(--body-text-highlight-color);--jha-icon-color:var(--body-text-highlight-color);--jh-icon-color-fill:var(--body-text-highlight-color)}.status-secondary{color:var(--body-text-secondary-color);fill:var(--body-text-secondary-color);--jha-icon-color:var(--body-text-secondary-color);--jh-icon-color-fill:var(--body-text-secondary-color)}.status-theme{color:var(--body-text-theme-color);fill:var(--body-text-theme-color);--jha-icon-color:var(--body-text-theme-color);--jh-icon-color-fill:var(--body-text-theme-color)}footer a:focus,footer button:focus{background-color:var(--jha-focus-highlight-color);outline:none}@media (width<=480px){:host{height:100vh}footer{background:var(--primary-content-background-color);width:auto;position:fixed;bottom:0;left:0;right:0}}</style> <bannoweb-dialog> <div slot="header-center"> <h1 class$="[[getStatusClass(activity, activity.isRecipient)]]"> <template is="dom-if" if="[[!activityDetailsLoading]]"> <bannoweb-shared-icons icon="[[getIconName(activity, activity.isRecipient, activity.*)]]"></bannoweb-shared-icons> [[getStatus(activity, activity.isRecipient)]] </template> <template is="dom-if" if="[[activityDetailsLoading]]"> <jha-progress></jha-progress> </template> </h1> </div> <article> <section id="details"> <h2> <bannoweb-currency amount="[[activity.amount]]"> </bannoweb-currency> </h2> <template is="dom-if" if="[[loadingContacts]]"> <jha-progress></jha-progress> </template> <template is="dom-if" if="[[!loadingContacts]]"> <div class="name"> [[getMoneyDirection(activity, activity.isRecipient)]] [[getOtherPartyName(otherParty, otherPartyContact)]] </div> <div class="secondary"> <template is="dom-if" if="[[otherPartyContact.hasNameMismatch]]"> [[getMsgEnrolledAs(otherPartyContact.paymentRailName.firstName)]] </template> <div>[[getFormattedToken(otherParty.token)]]</div> </div> </template> </section> <section id="history"> <template is="dom-if" if="[[activityDetailsLoading]]"> <jha-progress></jha-progress> </template> <template is="dom-if" if="[[!activityDetailsLoading]]"> <template is="dom-if" if="[[!activity.history.length]]"> <article> <div>Oops. Something went wrong on our end.</div> <jha-button type="button" link sync on-click="onClickRetryLoadDetails">Retry</jha-button> </article> </template> <template is="dom-if" if="[[activity.history.length]]"> <bannoweb-zelle-activity-history accounts-collection="[[accountsCollection]]" activity="{{activity}}" related-activity="[[getRelatedActivity(activity, activityCollection, activity.history)]]"> </bannoweb-zelle-activity-history> </template> </template> </section> </article> <template is="dom-if" if="[[hasActions(activity, activity.canRetry)]]"> <footer> <div class="actions"> <template is="dom-if" if="[[getCanCancel(activity.canCancel)]]"> <jha-button disabled="[[isActivityDetailsLoading(activityDetailsLoading)]]" is-loading="[[isActivityDetailsLoading(activityDetailsLoading)]]" type="button" on-click="onClickCancelPayment">Cancel payment</jha-button> </template> <template is="dom-if" if="[[isPendingSentRequest(activity)]]"> <jha-button type="button" on-click="onClickCancelRequest">Cancel request</jha-button> </template> <template is="dom-if" if="[[isPendingReceivedRequest(activity)]]"> <jha-button type="button" on-click="onClickDeclinePayment" outline="">Decline</jha-button> <jha-link-button href="/zelle/accept-request/[[activity.id]]">Accept</jha-link-button> </template> <template is="dom-if" if="[[activity.canRetry]]"> <jha-button type="button" on-click="onClickRetryActivity">Retry</jha-button> </template> </div> </footer> </template> </bannoweb-dialog>`}},customElements.define(window.BannoWebZelleActivityDetailsDialogElement.is,window.BannoWebZelleActivityDetailsDialogElement),window.BannoWebZelleActivityDetailsDialogElement;var O={GENERIC_ERROR_RETRY:`Activity failed to load`},k={GENERIC_ERROR_RETRY:`Something went wrong on our end while loading activity. Please try again.`},A=3,j=y(g(_(n)));

1window.BannowebZelleActivityCardElement=class extends j{static get is(){return`bannoweb-zelle-activity-card`}static get properties(){return{accountsCollection:{type:Object,value:()=>f.store.accounts},activeTab:{type:String,value:window.BannowebZelleActivityCardElement.Tab.PAYMENTS,observer:window.BannowebZelleActivityCardElement.prototype._activeTabChange},activityCollection:{type:Object,value:()=>f.store.zelle.activity},activityType:{type:String,observer:window.BannowebZelleActivityCardElement.prototype._activityTypeChange},hasError:Boolean,showAllPending:{type:Boolean,value:!1},pastActivity:{type:Array,value:()=>[]},pendingActivity:{type:Array,value:()=>[]},zelleController:{type:Object,value:()=>f.zelleController}}}constructor(){super(),e(()=>import(`./icon-circle-dollar-CU8M5ptT.js`),[]),e(()=>import(`./icon-arrow-up-from-line-BF-Wo0zx.js`),[]),e(()=>import(`./icon-arrow-down-to-line-C8uq5b33.js`),[]),this._activitySubscription=null}connectedCallback(){super.connectedCallback(),this.activityCollection.items.length>0&&this._updateActivity(this.activeTab),this._activitySubscription=a.from(this.activityCollection).subscribe(e=>{!e||e.type!==i.SPLICE||this._updateActivity(this.activeTab)}),this._refreshActivity()}disconnectedCallback(){super.disconnectedCallback(),this._activitySubscription.unsubscribe()}getPendingHeaderCountText(e){return e.length===0?``:`(${e.length})`}getPendingActivity(e,t){return t?e:e.slice(0,A)}getPendingToggleText(e){return e?`View less`:`View more pending`}onActivityAction(e){let t=e.detail,n=t.confirmationId,r=r=>{this._performActivityAction(e.type,n,t.onSuccess,t.onError)},i=e=>{t.onError(),this.dispatchEvent(new v({closeAll:!0}))};switch(e.type){case window.BannowebZelleActivityListItemElement.Event.CANCEL_PAYMENT:this.showGenericErrorRetryDialog_(r,i,`Are you sure you want to cancel this payment?`,``,`Cancel payment`,`Keep`);break;case window.BannowebZelleActivityListItemElement.Event.CANCEL_REQUEST:this.showGenericErrorRetryDialog_(r,i,`Are you sure you want to cancel this request?`,``,`Cancel request`,`Keep`);break;case window.BannowebZelleActivityListItemElement.Event.DECLINE_REQUEST:this.showGenericErrorRetryDialog_(r,i,`Are you sure you want to decline this request?`,``,`Decline request`,`Keep`);break;case window.BannowebZelleActivityListItemElement.Event.RETRY_PAYMENT:this.showGenericErrorRetryDialog_(r,i,`Are you sure you want to retry this payment?`,``,`Retry payment`,`Cancel`);break;case window.BannowebZelleActivityListItemElement.Event.RETRY_REQUEST:this.showGenericErrorRetryDialog_(r,i,`Are you sure you want to retry this request?`,``,`Retry request`,`Cancel`);break}}onSelectActivity(e){let t=e&&e.detail,n=new window.BannoWebZelleActivityDetailsDialogElement;n.accountsCollection=this.accountsCollection,n.activityCollection=this.activityCollection,n.activity=t,n.addEventListener(window.BannowebZelleActivityListItemElement.Event.CANCEL_PAYMENT,this.onActivityAction.bind(this)),n.addEventListener(window.BannowebZelleActivityListItemElement.Event.CANCEL_REQUEST,this.onActivityAction.bind(this)),n.addEventListener(window.BannowebZelleActivityListItemElement.Event.DECLINE_REQUEST,this.onActivityAction.bind(this)),n.addEventListener(window.BannowebZelleActivityListItemElement.Event.RETRY_PAYMENT,this.onActivityAction.bind(this)),n.addEventListener(window.BannowebZelleActivityListItemElement.Event.RETRY_REQUEST,this.onActivityAction.bind(this)),t instanceof d&&this.zelleController.updatePaymentDetails(t),this.dispatchEvent(new u(n))}showPendingToggle(e){return e.length>A}togglePending(e){this.showAllPending=!this.showAllPending}_activeTabChange(e){this._updateActivity(e)}_activityTypeChange(e){if(e){this.activeTab=e;return}if(!this.activityCollection.loading&&this.pastActivity.length===0&&this.pendingActivity.length===0&&this.activityCollection.items.length!==0){this.activeTab=window.BannowebZelleActivityCardElement.Tab.REQUESTS;return}this.activeTab=window.BannowebZelleActivityCardElement.Tab.PAYMENTS}async _performActivityAction(e,n,r,i){try{switch(e){case window.BannowebZelleActivityListItemElement.Event.CANCEL_PAYMENT:await this.zelleController.postPaymentsCancelation(n);break;case window.BannowebZelleActivityListItemElement.Event.CANCEL_REQUEST:await this.zelleController.postRequestsCancelation(n);break;case window.BannowebZelleActivityListItemElement.Event.DECLINE_REQUEST:await this.zelleController.postRequestsRejection(n);break;case window.BannowebZelleActivityListItemElement.Event.RETRY_PAYMENT:{let e=await this.zelleController.postPaymentsRetry(n);setTimeout(()=>this.onSelectActivity(new CustomEvent(window.BannowebZelleActivityListElement.Event.SELECT_ACTIVITY,{detail:e})));break}case window.BannowebZelleActivityListItemElement.Event.RETRY_REQUEST:{let e=await this.zelleController.postRequestsRetry(n);setTimeout(()=>this.onSelectActivity(new CustomEvent(window.BannowebZelleActivityListElement.Event.SELECT_ACTIVITY,{detail:e})));break}default:break}r(),this._updateActivity(this.activeTab),this.dispatchEvent(new v({closeAll:!0}))}catch(a){t.console.error(a);let o=t=>{this._performActivityAction(e,n,r,i)},s=e=>{i(),this.dispatchEvent(new v({closeAll:!0}))};switch(a&&a.statusCode){case 403:a.response&&a.response.type===l.ErrorType403.PAYMENT_NOT_PENDING?(this.dispatchEvent(new v({closeAll:!0})),r(),this._refreshActivity()):this._handle403(a,o,s);break;case 503:if(this._handle503(a))break;

1default:this.showGenericErrorRetryDialog_(o,s);break}}}_getNoContentMessage(e){return e===window.BannowebZelleActivityCardElement.Tab.PAYMENTS?`No recent payments`:`No recent requests`}_getNoContentPastMessage(e){return e===window.BannowebZelleActivityCardElement.Tab.PAYMENTS?`No completed payments`:`No completed requests`}_getNoContentPendingMessage(e){return e===window.BannowebZelleActivityCardElement.Tab.PAYMENTS?`You do not have any pending payments right now.`:`You do not have any pending requests right now.`}async _refreshActivity(){return this.zelleController.retrieveActivity().then(()=>{this.hasError=!1,this._updateActivity(this.activeTab),!this.activityType&&this.pastActivity.length===0&&this.pendingActivity.length===0&&this.activityCollection.items.length!==0&&(this.activeTab=window.BannowebZelleActivityCardElement.Tab.REQUESTS)}).catch(e=>{this.hasError=!0;let n=e=>{this.dispatchEvent(new v({closeAll:!0})),this._refreshActivity()},r=e=>{this.dispatchEvent(new v({closeAll:!0}))};switch(e.statusCode){case 403:this._handle403(e,n,r);break;default:t.console.error(e),this.showGenericErrorRetryDialog_(n,r,k.GENERIC_ERROR_RETRY,O.GENERIC_ERROR_RETRY);break}})}_hasAnyActivity(e,t){return e.length>0||t.length>0}_isActiveTab(e,t){return e===t}_isLoadingNoData(...e){return this.activityCollection.loading&&this.activityCollection.items.length===0}_isLoadingWithData(...e){return this.activityCollection.loading&&this.activityCollection.items.length>0}_updateActivity(e){let t=e===window.BannowebZelleActivityCardElement.Tab.REQUESTS?p:d,n=this.activityCollection.items.filter(e=>e instanceof t);this.pendingActivity=n.filter(e=>m.isPending(e)),this.pastActivity=n.filter(e=>!m.isPending(e))}static get template(){return r`<style>:host{display:block}jha-card-header h1{@apply --card-header-title;}jha-card[has-data] jha-card-header{--jha-border-color:transparent;--jha-card-header-padding-bottom:0}h2{padding:var(--jha-content-inset);color:var(--body-text-secondary-color);padding-bottom:0;font-size:14px;font-weight:500}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);border-bottom:1px solid var(--jha-border-color);margin-top:10px;padding:0}jha-tab-item{--jha-tab-item-padding:0 var(--jha-content-inset);border-bottom-width:3px;line-height:50px}jha-tab jha-tab-item{margin-right:0}#toggle{text-align:center;border-top:1px solid var(--jha-border-color);margin-left:var(--jha-content-inset);padding-top:12px}.no-content{color:var(--body-text-secondary-color);text-align:center;padding:26px 0}.no-content jh-icon-circle-dollar,.no-content jh-icon-arrow-up-from-line,.no-content jh-icon-arrow-down-to-line{width:24px;height:24px;fill:var(--body-text-secondary-color)}</style> <jha-card loading="[[_isLoadingNoData(activityCollection.loading, activityCollection.items.length)]]" has-data="[[!_isLoadingNoData(activityCollection.loading, activityCollection.items.length)]]"> <jha-card-header slot="header" loading="[[_isLoadingWithData(activityCollection.loading, activityCollection.items.length)]]" has-error="[[hasError]]"> <h1>Activity</h1> </jha-card-header> <jha-tab> <jha-tab-item id="payments" active$="[[_isActiveTab(activeTab, 'payments')]]" href="/zelle/payments"> Payments </jha-tab-item> <jha-tab-item id="requests" active$="[[_isActiveTab(activeTab, 'requests')]]" href="/zelle/requests"> Requests </jha-tab-item> </jha-tab> <template is="dom-if" if="[[!_hasAnyActivity(pendingActivity, pastActivity)]]"> <div class="no-content"> <div> <jh-icon-circle-dollar></jh-icon-circle-dollar> </div> [[_getNoContentMessage(activeTab)]] </div> </template> <template is="dom-if" if="[[_hasAnyActivity(pendingActivity, pastActivity)]]"> <h2>Pending [[getPendingHeaderCountText(pendingActivity)]]</h2> <bannoweb-zelle-activity-list activity="[[getPendingActivity(pendingActivity, showAllPending)]]" on-cancel-payment="onActivityAction" on-cancel-request="onActivityAction" on-decline-request="onActivityAction" on-select-activity="onSelectActivity"> <div class="no-content" slot="no-content"> <div> <jh-icon-circle-dollar></jh-icon-circle-dollar> </div>

1 [[_getNoContentPendingMessage(activeTab)]] </div> </bannoweb-zelle-activity-list> </template> <template is="dom-if" if="[[showPendingToggle(pendingActivity)]]"> <div id="toggle"> <jha-button type="button" sync outline on-click="togglePending"> [[getPendingToggleText(showAllPending)]] </jha-button> </div> </template> <h2>History (Completed)</h2> <bannoweb-zelle-activity-list activity="[[pastActivity]]" on-cancel-payment="onActivityAction" on-cancel-request="onActivityAction" on-decline-request="onActivityAction" on-select-activity="onSelectActivity"> <div class="no-content" slot="no-content"> <div> <template is="dom-if" if="[[_isActiveTab(activeTab, 'payments')]]"> <jh-icon-arrow-up-from-line></jh-icon-arrow-up-from-line> </template> <template is="dom-if" if="[[_isActiveTab(activeTab, 'requests')]]"> <jh-icon-arrow-down-to-line></jh-icon-arrow-down-to-line> </template> </div> [[_getNoContentPastMessage(activeTab)]] </div> </bannoweb-zelle-activity-list> </jha-card>`}},window.BannowebZelleActivityCardElement.Tab={PAYMENTS:`payments`,REQUESTS:`requests`},customElements.define(window.BannowebZelleActivityCardElement.is,window.BannowebZelleActivityCardElement),window.BannowebZelleActivityCardElement;var M=f.store.institution,N=g(_(n));window.BannowebZelleActionCardElement=class extends N{static get is(){return`bannoweb-zelle-action-card`}static get properties(){return{institution:{type:Object,value:()=>M}}}constructor(){super(),e(()=>import(`./icon-arrow-up-from-line-BF-Wo0zx.js`),[]),e(()=>import(`./icon-arrow-down-to-line-C8uq5b33.js`),[])}hasRequestAbility(e){return[l.ZelleAbility.REQUEST,l.ZelleAbility.SPLIT].includes(e.zelle)}static get template(){return r`<style>:host{display:block}jha-card-header h1{@apply --card-header-title;}a{@apply --button-reset;color:var(--body-text-primary-color);align-items:center;font-weight:500;text-decoration:none;display:flex}jh-icon-arrow-up-from-line,jh-icon-arrow-down-to-line{width:36px;height:36px;

1fill:var(--jha-text-theme)}jha-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}@supports (display:grid){jha-list{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));display:grid}}jha-list-item{box-sizing:border-box;text-align:center;border-right:1px solid var(--divider-default-color);flex:68px;min-width:68px;padding:0 2px}jha-list-item:last-of-type{border-right:none}jha-list-item:focus-within{background-color:var(--jha-focus-highlight-color)}jha-list-item:after{display:none}jha-list-item a{@apply --base-anchor-styles;text-align:center;margin:0;padding:20px 0}span{color:var(--jha-text-base);display:block}a:focus{outline:none}@supports (-ms-ime-align:auto){a:focus{outline:thin dotted}}@media (-ms-high-contrast:none){a:focus{outline:thin dotted}}</style> <jha-card> <jha-card-header slot="header"> <h1>Send money with Zelle&#174;</h1> </jha-card-header> <jha-list> <jha-list-item> <a href="/zelle/send"> <jh-icon-arrow-up-from-line></jh-icon-arrow-up-from-line> <span>Send</span> </a> </jha-list-item> <template is="dom-if" if="[[hasRequestAbility(institution.abilities)]]"> <jha-list-item> <a href="/zelle/request"> <jh-icon-arrow-down-to-line></jh-icon-arrow-down-to-line> <span>Request</span> </a> </jha-list-item> </template> </jha-list> </jha-card>`}},customElements.define(window.BannowebZelleActionCardElement.is,window.BannowebZelleActionCardElement),window.BannowebZelleActionCardElement;var P=_(n);window.BannowebZellePreferencesCardElement=class extends P{static get is(){return`bannoweb-zelle-preferences-card`}constructor(){super(),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[])}static get template(){return r`<style>:host{display:block}jha-card-header h1{@apply --card-header-title;}jha-list-item[no-padding] a{@apply --button-reset;@apply --list-item-padding;@apply --flex-space-between;width:auto;font-size:16px;text-decoration:none}jh-icon-chevron-right-small{fill:var(--jha-color-light)}</style> <jha-card> <jha-card-header slot="header"> <h1>Zelle&#174; preferences</h1> </jha-card-header> <jha-list> <jha-list-item no-padding> <a href="/zelle/manage-payment-profiles"> <div>Manage payment profiles</div> <jh-icon-chevron-right-small role="presentation"></jh-icon-chevron-right-small> </a> </jha-list-item> <jha-list-item no-padding> <a href="/zelle/manage-recipients"> <div>Manage recipients</div> <jh-icon-chevron-right-small role="presentation"></jh-icon-chevron-right-small> </a> </jha-list-item> </jha-list> </jha-card>`}},customElements.define(window.BannowebZellePreferencesCardElement.is,window.BannowebZellePreferencesCardElement),window.BannowebZellePreferencesCardElement;var F=`Overview · Zelle®`,I=h(g(n),`fadeinup`);window.BannowebZelleOverviewElement=class extends I{static get is(){return`bannoweb-zelle-overview`}static get properties(){return{activityType:{type:String,value:null}}}async routeEnter(e,t,n,r){return o.setTitleAndTrack(F,c.getRouteUrlWithoutParams(r),n),super.routeEnter(e,t,n,r)}async routeExit(e,t,n,r){return this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0,composed:!0})),super.routeExit(e,t,n,r)}static get template(){return r`<style>@keyframes fadeInUp{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translate(0,0)}}:host{background-size:100%;flex:1 0 auto;display:block;position:relative}:host(.fadeinup) bannoweb-zelle-activity-card,:host(.fadeinup) bannoweb-zelle-action-card,:host(.fadeinup) bannoweb-zelle-preferences-card{@apply --fade-in-up-animation;}

1jha-grid{display:-ms-grid;-ms-grid-columns:7fr 5fr}bannoweb-zelle-activity-card{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-row-span:3;width:100%;padding-right:8px}bannoweb-zelle-action-card{-ms-grid-column:2;-ms-grid-row:1;width:100%;padding-left:8px}bannoweb-zelle-preferences-card{-ms-grid-column:2;-ms-grid-row:2;width:100%;padding-left:8px}@supports (display:grid){jha-grid{grid-column-gap:16px;grid-template:"activity actions""activity settings"1fr/minmax(0,7fr) minmax(0,5fr);display:grid}bannoweb-zelle-activity-card{grid-area:activity;padding:0}bannoweb-zelle-action-card{grid-area:actions;padding:0}bannoweb-zelle-preferences-card{grid-area:settings;padding:0}@media (width<=1200px){jha-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){jha-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"actions""activity""settings"}}}@media (width<=1200px){jha-grid{-ms-grid-columns:1fr 1fr}}@media (width<=768px){jha-grid{-ms-grid-columns:1fr}bannoweb-zelle-activity-card{padding:0 8px}bannoweb-zelle-action-card{-ms-grid-column:1;-ms-grid-row:2;padding:0 8px}bannoweb-zelle-preferences-card{-ms-grid-column:1;-ms-grid-row:3;padding:0 8px}}</style> <bannoweb-page-container> <jha-grid> <bannoweb-zelle-activity-card activity-type="[[activityType]]"></bannoweb-zelle-activity-card> <bannoweb-zelle-action-card></bannoweb-zelle-action-card> <bannoweb-zelle-preferences-card></bannoweb-zelle-preferences-card> </jha-grid> </bannoweb-page-container>`}},customElements.define(window.BannowebZelleOverviewElement.is,window.BannowebZelleOverviewElement);var L=window.BannowebZelleOverviewElement;export{L as default};