https://palplus.wepcofcu.com/en/js/bannoweb-zelle-manage-recipients-D5_uyLlM.js

1import{a as e,n as t}from"./standalone-app-Bj-IdwrG.js";import{n,r}from"./polymer-C_GypsRJ.js";import"./institution-DyFDvNu6.js";import{t as i}from"./page-B8YwBOEr.js";import{t as a}from"./phone-CyPjF9av.js";import{_r as o,dr as s,fr as c,o as l,sr as u,vr as d}from"./main-5Sl8yySz.js";import"./jha-card-DC-UH8vN.js";import"./jha-card-header-D2XWRnD9.js";import"./jha-button-Dyau4S4K.js";import{t as f}from"./observable-models-D0t-na9H.js";import{t as p}from"./language-utils-DMDnwVwz.js";import"./jha-list-UCQUTbOQ.js";import"./jha-slider-pane-CG5LkspN.js";import{t as m}from"./high-risk-Bokt2EDh.js";import"./jha-grid-C8KUzcaJ.js";import"./bannoweb-page-container-G_uPsQAr.js";import{n as h,t as g}from"./zelle-utils-Bhs2sl4b.js";import"./bannoweb-zelle-recipient-select-BW-z75Kx.js";var _=p(n);window.BannowebZelleRecipientDetailsElement=class extends _{static get is(){return`bannoweb-zelle-recipient-details`}static get properties(){return{contact:Object,hasRequestAbility:Boolean}}constructor(){super(),e(()=>import(`./icon-pencil-BBviniUl.js`),[]),e(()=>import(`./icon-arrow-up-from-line-BF-Wo0zx.js`),[]),e(()=>import(`./icon-arrow-down-to-line-C8uq5b33.js`),[])}getContactDisplayName(e,...t){return e&&`${e.firstName} ${e.lastName}`}getFormattedToken(e){return e?u.getFormattedTokenValue(e):``}getInitials(e,...t){return e&&u.getInitials(e)||``}getTokenQuerystringValue(e){return e.replace(/[+]/g,``)}onClickEdit(e){this.dispatchEvent(new CustomEvent(window.BannowebZelleRecipientDetailsElement.Event.EDIT_RECIPIENT))}static get template(){return r`<style>:host{text-align:center;display:block}h2{color:var(--body-text-primary-color);margin:0 0 8px;font-size:24px;font-weight:400}address{color:var(--body-text-secondary-color);font-style:normal}bannoweb-zelle-avatar{margin:24px}footer{justify-content:center;width:100%;padding:32px 0;display:flex}footer a,footer button{@apply --button-reset;color:var(--body-text-primary-color);flex-direction:column;align-items:center;width:80px;margin:0 12px;text-decoration:none;display:flex}footer a>span,footer button>span{padding:6px}jh-icon-arrow-up-from-line,jh-icon-arrow-down-to-line,jh-icon-pencil{width:36px;height:36px;

1fill:var(--jha-text-theme)}footer a:focus,footer button:focus{background-color:var(--jha-focus-highlight-color);outline:none}@media (width<=480px){:host{height:100vh}}</style> <article> <bannoweb-zelle-avatar x-large initials="[[getInitials(contact, contact.firstName, contact.lastName)]]" enrolled="[[contact.enrolled]]"></bannoweb-zelle-avatar> <address> <h2>[[getContactDisplayName(contact, contact.firstName, contact.lastName)]]</h2> [[getFormattedToken(contact.token)]] </address> </article> <footer> <a href="/zelle/send?r=[[getTokenQuerystringValue(contact.token.value)]]"> <jh-icon-arrow-up-from-line></jh-icon-arrow-up-from-line> <span>Send</span> </a> <template is="dom-if" if="[[hasRequestAbility]]"> <a href="/zelle/request?r=[[getTokenQuerystringValue(contact.token.value)]]"> <jh-icon-arrow-down-to-line></jh-icon-arrow-down-to-line> <span>Request</span> </a> </template> <button type="button" on-click="onClickEdit"> <jh-icon-pencil></jh-icon-pencil> <span>Edit</span> </button> </footer>`}},window.BannowebZelleRecipientDetailsElement.Event={EDIT_RECIPIENT:`edit-recipient`},customElements.define(window.BannowebZelleRecipientDetailsElement.is,window.BannowebZelleRecipientDetailsElement),window.BannowebZelleRecipientDetailsElement;var v=`Manage recipients · Zelle®`,y={ADD_RECIPIENT:`add-recipient`,EDIT_RECIPIENT:`edit-recipient`,RECIPIENT_DETAILS:`recipient-details`,RECIPIENT_LIST:`recipient-list`},b=`Manage recipients`,x=new Map([[y.ADD_RECIPIENT,`Add a new recipient`],[y.EDIT_RECIPIENT,`Edit recipient`],[y.RECIPIENT_DETAILS,`Recipient details`],[y.RECIPIENT_LIST,b]]),S=d(g(m(f(p(n)))),`fadeinup`);window.BannowebZelleManageRecipientsElement=class extends S{static get is(){return`bannoweb-zelle-manage-recipients`}static get properties(){return{contacts:{type:Object,value:()=>l.store.zelle.contacts},focusedPane:{type:String,value:y.RECIPIENT_LIST,observer:window.BannowebZelleManageRecipientsElement.prototype.focusedPaneChange_},hideSearch:{type:Boolean,value:!0},institution:{type:Object,value:()=>l.store.institution},selectedContact:{type:Object},zelleController:{type:Object,value:()=>l.zelleController}}}constructor(){super(),e(()=>import(`./icon-user-plus-DX34mBP1.js`),[]),e(()=>import(`./icon-chevron-left-f3OZxuwt.js`).then(e=>e.t),[]),e(()=>import(`./icon-magnifying-glass-WPl4LQI3.js`).then(e=>e.t),[])}hasRequestAbility(){return u.hasZelleAbility(this.institution.abilities.zelle,s.ZelleAbility.REQUEST)}ready(){super.ready(),this._loadContacts()}createContact_(e,t,n){let r=this.$.frmAddRecipient;this.doHighRisk(async()=>{let i={token:e,firstName:t,lastName:n},a=this.zelleController.getExistingContactWithToken(e);r.isLoading=!0;try{a?await this._showDuplicateRecipientDialog(i,a,h.Mode.DEFAULT):(await this.createContact(e,t,n),this.focusedPane=y.RECIPIENT_LIST)}catch(e){switch(e.statusCode){case 409:await this._showDuplicateRecipientDialog(i,a,h.Mode.DEFAULT);break;default:break}}finally{r.isLoading=!1}},()=>{let e=this.$.frmAddRecipient;e.isLoading=!1})}isEqual(e,t){return e===t}focusedPaneChange_(e){switch(e){case y.ADD_RECIPIENT:{let e=this.$.frmAddRecipient;e&&(e.reset(),e.focus());break}default:break}}getCardTitle(e){return x.get(e)||b}onAddRecipient(e){this.doHighRisk(()=>{this.focusedPane=y.ADD_RECIPIENT;let t=e&&e.detail&&e.detail.searchExpression||``,n=this.$.frmAddRecipient;if(/[\d@]/.test(t))n.tokenValue=t;else{let e=t.split(` `);n.firstName=e.splice(0,e.length-1||1).join(` `)||``,n.lastName=e.join(` `)||``}})}onClickBack(e){switch(this.focusedPane){case y.RECIPIENT_LIST:history.back();break;case y.EDIT_RECIPIENT:this.focusedPane=y.RECIPIENT_DETAILS;break;default:this.focusedPane=y.RECIPIENT_LIST;break}}onSelectRecipient(e){e.preventDefault(),this.selectedContact=e.detail&&e.detail.contact,this.focusedPane=y.RECIPIENT_DETAILS}onSubmitAddRecipient(e){e.preventDefault(),e.stopPropagation();let t=e.detail.tokenValue.includes(`@`)?c.Type.EMAIL:c.Type.PHONE,n=t===c.Type.PHONE?a.toE164(e.detail.tokenValue):e.detail.tokenValue;this.createContact_({type:t,value:n.trim()},e.detail.firstName.trim(),e.detail.lastName.trim())}onSubmitEditRecipient(e){e.preventDefault(),e.stopPropagation(),this.editContact(this.selectedContact,e.detail.firstName.trim(),e.detail.lastName.trim())}onToggleSearch(e){e.preventDefault(),e.stopPropagation(),this.hideSearch=!this.hideSearch}async routeEnter(e,t,n,r){return i.setTitleAndTrack(v,o.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)}onDeleteRecipient(e){this._promptDeleteRecipient(this.selectedContact)}onEditRecipient(e){this.focusedPane=y.EDIT_RECIPIENT}_promptDeleteRecipient(e){let t=t=>{this._deleteRecipient(e)},n=`Are you sure you want to delete ${e.firstName} ${e.lastName}
2      from your list of recipients?`;this.showGenericErrorRetryDialog_(t,void 0,n,`Delete recipient`,`Delete`,`Cancel`)}async _deleteRecipient(e){try{await this.zelleController.deleteContact(e),this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0})),this.focusedPane=y.RECIPIENT_LIST}catch(n){t.console.error(n);let r=()=>{this._deleteRecipient(e),this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0}))},i=e=>{this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0}))};switch(n.statusCode){case 403:this._handle403(n,r,i);break;case 503:if(this._handle503(n))break;default:this.showGenericErrorRetryDialog_(r,i);break}}}async editContact(e,t,n){let r=this.shadowRoot.querySelector(`#frmEditRecipient`);try{r.isLoading=!0,await super.editContact(e,t,n),this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0})),this.focusedPane=y.RECIPIENT_LIST}catch{}finally{r.isLoading=!1}}async _showDuplicateRecipientDialog(e,t,n){try{await super._showDuplicateRecipientDialog(e,t,n)}finally{this.focusedPane=y.RECIPIENT_LIST}}

2static get template(){return r`<style>@keyframes fadeInUp{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translate(0,0)}}:host{flex:1 0 auto;display:block}:host(.fadeinup) jha-card{@apply --fade-in-up-animation;}jha-card-header h1{@apply --card-header-title;display:inline}jha-card-header jha-button[link]{--jha-button-slot-wrapper-display:contents}jha-card{box-sizing:border-box;width:100%;max-width:600px;margin:0 8px}jha-grid{justify-content:center}bannoweb-zelle-recipient-form{margin:0 var(--jha-content-inset);text-align:center}#frmAddRecipient{padding-top:24px}#btnToggleSearch{display:none}@media (width<=470px){:host{z-index:99}jha-card{border-radius:0;flex-direction:column;width:auto;min-height:100%;margin:0;padding-top:56px;display:flex;position:absolute;top:0;left:0;right:0;animation:none!important}jha-card-header{--jha-card-header-height:62px;z-index:100;background:var(--primary-content-background-color);position:fixed;top:0;left:0;right:0}jha-grid{position:static}#btnToggleSearch{display:inline-block}}</style> <bannoweb-page-container> <jha-grid> <jha-card> <jha-card-header slot="header"> <jha-button sync link on-click="onClickBack" type="button"> <jh-icon-chevron-left aria-label="Back" title="Back" aria-hidden="false"></jh-icon-chevron-left> <h1>[[getCardTitle(focusedPane)]]</h1> </jha-button> <div slot="header-right"> <template is="dom-if" if="[[isEqual(focusedPane, 'recipient-list')]]"> <jha-button id="btnToggleSearch" sync icon on-click="onToggleSearch" type="button"> <jh-icon-magnifying-glass aria-label="Search" title="Search" aria-hidden="false"></jh-icon-magnifying-glass> </jha-button> <jha-button sync icon slot="header-right" on-click="onAddRecipient" type="button"> <jh-icon-user-plus aria-label="Add recipient" title="Add recipient" aria-hidden="false"></jh-icon-user-plus> </jha-button> </template> <template is="dom-if" if="[[isEqual(focusedPane, 'edit-recipient')]]"> <jha-button sync link on-click="onDeleteRecipient" type="button"> Delete </jha-button> </template> </div> </jha-card-header> <jha-slider> <jha-slider-content focused-pane="[[focusedPane]]"> <jha-slider-pane recipient-list> <bannoweb-zelle-recipient-select contacts="[[contacts]]" hide-recent="" hide-search$="[[hideSearch]]" on-add-recipient="onAddRecipient" on-select-recipient="onSelectRecipient"></bannoweb-zelle-recipient-select> </jha-slider-pane> <jha-slider-pane add-recipient> <bannoweb-zelle-recipient-form id="frmAddRecipient" on-submit="onSubmitAddRecipient"></bannoweb-zelle-recipient-form> </jha-slider-pane> <jha-slider-pane recipient-details> <bannoweb-zelle-recipient-details contact="[[selectedContact]]" has-request-ability="[[hasRequestAbility()]]" on-edit-recipient="onEditRecipient"></bannoweb-zelle-recipient-details> </jha-slider-pane> <jha-slider-pane edit-recipient> <bannoweb-zelle-recipient-form id="frmEditRecipient" contact="[[selectedContact]]" on-submit="onSubmitEditRecipient"></bannoweb-zelle-recipient-form> </jha-slider-pane> </jha-slider-content> </jha-slider> </jha-card> </jha-grid> </bannoweb-page-container>`}},customElements.define(window.BannowebZelleManageRecipientsElement.is,window.BannowebZelleManageRecipientsElement);var C=window.BannowebZelleManageRecipientsElement;export{C as default};