https://my.thecornerstonebank.net/en/js/bannoweb-payee-details-dialog-KQzB4HRt.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{n as t,r as n}from"./polymer-C_GypsRJ.js";import{l as r,p as i}from"./institution-DyFDvNu6.js";import{n as a}from"./user-BMje1Le7.js";import{t as o}from"./display-strings-MZHh2uw2.js";import{t as s}from"./paths-BjKNBopk.js";import{t as c}from"./date-URgChy6n.js";import{t as l}from"./phone-CyPjF9av.js";import{Fn as u,Ot as d,_r as f,o as p}from"./main-5Sl8yySz.js";import"./jha-card-header-D2XWRnD9.js";import"./jha-button-Dyau4S4K.js";import"./jha-form-radio-button-5hrlF8c6.js";import{t as m}from"./observable-models-D0t-na9H.js";import{t as h}from"./language-utils-DMDnwVwz.js";import"./bannoweb-flex-wrapper-DLiUDxGK.js";import"./bannoweb-confirmation-DnbjNe7C.js";import"./jha-slider-pane-CG5LkspN.js";import{t as g}from"./high-risk-Bokt2EDh.js";import{t as _}from"./format-currency-DWww8Snc.js";import{t as v}from"./payments-DidxKz1-.js";import"./jha-form-floating-group-DqE4-9IH.js";import{t as y}from"./sso-utils-BtlATq0e.js";import{t as b}from"./color-scheme-images-xlieek3s.js";import"./bannoweb-bills-payee-form-CjxSY4vB.js";import"./bannoweb-account-list-select-CENjA57h.js";import"./bannoweb-attachment-conversation-picker-BLDNt0gS.js";import"./bannoweb-payment-list-gzGQGgfW.js";var x=p.store.institution,S=p.store.user,C=m(y(h(t)));window.BannowebPayeeDetailsElement=class extends C{static get is(){return`bannoweb-payee-details`}static get properties(){return{canEdit:{type:Boolean,value:!0,reflectToAttribute:!0},institution:{type:Object,value:()=>x},linkTypes_:{type:Object,value:()=>r},user:{type:Object,value:()=>S},payee:{type:Object,value:null,observer:window.BannowebPayeeDetailsElement.prototype.payeeChange_},paymentsCollection:{type:Object,value:()=>p.store.payments},recurringPayment:Object}}constructor(){super(),e(()=>import(`./icon-calendar-day-pOImyLYq.js`).then(e=>e.t),[]),e(()=>import(`./icon-phone-DnvWIAOX.js`),[]),e(()=>import(`./icon-receipt-bill-BHvtyoVk.js`),[]),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[])}getPayeeName(e){return v.getPayeeName(e)}showPhone(e,t){return!!(e&&e.length)&&t}getPaymentHistory(e,...t){return e?this.paymentsCollection.items.filter(t=>t.payeeId===e.id):[]}getPaymentMethod(e){return!e||!e.payeeType.type?``:u.SetupMethodDisplay.get(e.payeeType.type)}getStreetAddress(e){return!e||!e.payeeType||!e.payeeType.address?``:e.payeeType.address.streetAddress1||``}getCityStateZip(e){if(!e||!e.payeeType||!e.payeeType.address)return``;let t=e.payeeType.address.city,n=e.payeeType.address.state,r=e.payeeType.address.zip;return!t||!n||!r?``:`${t}, ${n} ${r}`}getPhone(e){return!e||!e.payeeType||!e.payeeType.phoneNumber?``:l.formatPhone(e.payeeType.phoneNumber)}getPhoneHref(e){return!e||!e.payeeType||!e.payeeType.phoneNumber?``:`tel:${l.toE164(e.payeeType.phoneNumber)}`}getMakePaymentHref(e){return e?f.url(s.BANNOWEB_PAY,{billOrPaymentId:e.id}):``}getRecurringPaymentDescription(e){if(!e)return``;let t=e.dateModel===d.DateModel.DUE_DATE?`arrives`:`sends`,n=v.getFrequencyDescription(e.schedule,e.dateModel).replace(/^\w/,e=>e.toLowerCase()),r=c.getRelativeDay(e.schedule.startDate)||c.getShortMonthDate(e.schedule.startDate);return`${_(e.amount)} ${t} ${n}, starting ${r}`}getRecurringPaymentHref(e){return e?f.url(s.BANNOWEB_PAY,{mode:`edit`,billOrPaymentId:e.id}):``}onRecurringPaymentClick_(e){this.canEdit||(e.preventDefault(),this.dispatchEvent(new CustomEvent(`payment-select`,{bubbles:!0,composed:!0,detail:{payment:this.recurringPayment}})))}editPayee(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`edit-payee`,{composed:!0,bubbles:!0}))}payeeChange_(e){e&&(this.recurringPayment=this.paymentsCollection.items.find(t=>t.payeeId===e.id&&v.isEditablePayment(t)&&v.isRecurringPayment(t))||null)}static get template(){return n`<style>a{@apply --button-reset;text-align:left;text-align:left;justify-content:flex-start;align-items:center;width:100%;padding:0;text-decoration:none;display:flex}section{border-bottom:1px solid var(--bannoweb-payee-details-section-border,var(--jha-border-color));padding:20px 0}section:last-of-type{border:none;padding-bottom:10px}h2{margin:0;font-size:24px;font-weight:400}.payee-name{align-items:center;display:flex}.payee-name h2{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;width:100%;min-width:0;margin-right:auto;overflow:hidden}.address{color:var(--jha-text-neutral);margin:20px 0}.location{color:var(--body-text-primary-color);margin:0 0 5px;font-size:16px;display:block}.type{color:var(--jha-text-neutral);margin-bottom:var(--bannoweb-payee-details-type-margin-bottom,25px)}.description{color:var(--jha-text-neutral);padding-right:20px}jh-icon-phone,jh-icon-receipt-bill,jh-icon-calendar-day{width:20px;height:20px;

1fill:var(--body-text-theme-color);border-radius:50%;flex-shrink:0;margin-right:10px;padding:6px}jh-icon-receipt-bill{width:24px;height:24px}jh-icon-calendar-day{background-color:var(--jha-color-success);fill:var(--primary-content-background-color)}section.payment{padding:0;font-size:16px}section.payment>a{padding:20px 0}section.payment-history{padding-top:15px}h3{margin:0 0 12px;font-size:16px;font-weight:500}.unindent-list{margin-left:calc(var(--jha-content-inset,24px) * -1)}button{@apply --button-reset;padding-right:var(--jha-content-inset);justify-content:flex-end;align-items:center;margin-bottom:12px;display:flex}button div{color:var(--jha-text-theme);fill:var(--jha-color-light);align-items:center;font-size:16px;display:flex}.edit-payee-link-container{float:right;padding-left:16px;padding-right:var(--jha-content-inset,24px);margin-top:6px}.edit-payee-link{color:var(--body-text-theme-color);font-size:16px}jh-icon-chevron-right-small{height:20px;fill:var(--body-text-secondary-color)}</style> <section> <div> <div class="payee-name"> <h2>[[getPayeeName(payee)]]</h2> <template is="dom-if" if="[[canEdit]]"> <button on-click="editPayee" aria-label="Edit payee" type="button"> <div> Edit <jh-icon-chevron-right-small aria-hidden="true"></jh-icon-chevron-right-small> </div> </button> </template> </div> <div class="address"> <span class="location">[[payee.name]]</span> <div>[[getStreetAddress(payee)]]</div> <div>[[getCityStateZip(payee)]]</div> </div> <div class="type">[[getPaymentMethod(payee)]] payment</div> </div> <template is="dom-if" if="[[showPhone(payee.payeeType.phoneNumber, canEdit)]]"> <a href="[[getPhoneHref(payee)]]" class="phone"> <jh-icon-phone></jh-icon-phone> Call [[getPhone(payee)]] </a> </template> </section> <template is="dom-if" if="[[canEdit]]"> <section class="payment"> <template is="dom-if" if="[[!recurringPayment]]"> <a href="[[getMakePaymentHref(payee)]]"> <jh-icon-receipt-bill></jh-icon-receipt-bill> Make a payment </a> </template> <template is="dom-if" if="[[recurringPayment]]"> <a href="[[getMakePaymentHref(payee)]]"> <jh-icon-receipt-bill></jh-icon-receipt-bill> Make a one-time payment </a> </template> </section> </template> <template is="dom-if" if="[[recurringPayment]]"> <section> <a href="[[getRecurringPaymentHref(recurringPayment)]]" on-click="onRecurringPaymentClick_"> <jh-icon-calendar-day></jh-icon-calendar-day> <div> <div>Recurring payment</div> <div class="description">[[getRecurringPaymentDescription(recurringPayment)]]</div> </div> </a> </section> </template> <section id="payment-history"> <h3>Payment history</h3> <div class="unindent-list"> <bannoweb-payment-list payments="[[getPaymentHistory(payee, paymentsCollection.items.length)]]"></bannoweb-payment-list> </div> </section>`}},customElements.define(window.BannowebPayeeDetailsElement.is,window.BannowebPayeeDetailsElement),window.BannowebPayeeDetailsElement;var w=p.store.institution,T=p.store.billPayAccounts,E=p.billsController,D=d.EventType,O={DETAILS:`details`,EDIT:`edit`,EDIT_ERROR:`edit-error`,SMS_ERROR:`sms-error`,CONFIRM_CREDS:`confirm-creds`,ACCOUNTS:`accounts`,NOTIFICATIONS:`notifications`,DELETE:`delete`,PENDING_PAYMENTS:`pending-payments`,ERROR:`error`,CONFIRMATION:`confirmation`,CHECK_EXAMPLE:`check-example`},k=m(g(b(h(t))));window.BannowebPayeeDetailsDialogElement=class extends k{static get is(){return`bannoweb-payee-details-dialog`}static get properties(){return{billPayAccounts:{type:Object,value:()=>T},payeesCollection:{type:Object,value:()=>p.store.payees},canEdit:{type:Boolean,value:!0,reflectToAttribute:!0},dialogHeader:{type:String,value:`Details`},payee:Object,institution:{type:Object,value:()=>w},focusedPane:{type:String,value:O.DETAILS},isLoading:{type:Boolean,value:!1},isPeople:{type:Boolean,value:!1,reflectToAttribute:!0},errorMessage:String,payeeForm:Object,paymentsCollection:{type:Object,value:()=>p.store.payments},notificationMethod:{type:String,value:null},notificationEmail:String,notificationPhoneNumber:String,validNotificationForm:{type:Boolean,value:!1},submitPayee:{type:Boolean,value:!1},user:{type:Object,value:()=>p.store.user}}}constructor(){super(),e(()=>import(`./icon-xmark-DBOKkGIi.js`).then(e=>e.t),[]),e(()=>import(`./icon-trash-can-BdGHS1VD.js`).then(e=>e.t),[]),e(()=>import(`./icon-circle-exclamation-CPV1Eg_u.js`).then(e=>e.t),[]),e(()=>import(`./icon-chevron-left-f3OZxuwt.js`).then(e=>e.t),[])}disconnectedCallback(){this.dispatchEvent(new CustomEvent(`closed`,{bubbles:!1,composed:!1})),super.disconnectedCallback()}closeModal(e){this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0,composed:!0}))}goBack(e){switch(e.stopPropagation(),this.focusedPane){case O.EDIT:this.focusedPane=O.DETAILS;break;case O.ACCOUNTS:this.focusedPane=O.EDIT;break;case O.NOTIFICATIONS:this.focusedPane=O.EDIT;break;case O.CHECK_EXAMPLE:this.focusedPane=O.EDIT;break;default:}}deletePayee(e){e.stopPropagation(),this.focusedPane=O.DELETE}editPayee(e){this.doHighRisk(()=>this.showEditPayee())}payeeUpdated(e){let t=this.shadowRoot.querySelector(`bannoweb-payee-details`);t.payee=null,t.payee=this.payeesCollection.get(this.payee.id),this.focusedPane=O.DETAILS}payeeUpdatedError(e){let t=e,n=t&&t.detail&&t.detail.response;this.focusedPane=O.EDIT_ERROR,this.errorMessage=n&&n.userFriendlyMessage||o.OOPS_OUR_BAD_TRY_AGAIN_LATER}showEditPayee(){this.payee.payeeType.type===u.PayeeType.P2P_SMS&&!this.institution.abilities.payeeEditP2PSMS?this.focusedPane=O.SMS_ERROR:(this.focusedPane=O.EDIT,window.requestAnimationFrame(()=>{this.payeeForm=this.root.querySelector(`bannoweb-bills-payee-form`),this.payeeForm.mode=window.BannowebBillsPayeeFormElement.Mode.EDIT_PAYEE,this.payeeForm.payee=null,this.payeeForm.payee=this.payee,this.payeeForm.fromAccount=this.billPayAccounts.items.find(e=>e.id===this.payee.defaultPayFromAccount)||null}))}onAuthenticated(e){this.submitPayee?(this.submitPayee=!1,this.focusedPane=O.EDIT,this.payeeForm||=this.root.querySelector(`bannoweb-bills-payee-form`),this.payeeForm.updatePayee()):this.showEditPayee()}stopPropagation_(e){e.stopPropagation()}onChangeAccount(e){this.focusedPane=O.ACCOUNTS}onChangeNotifications(e){this.notificationMethod=e.detail.type,this.notificationEmail=e.detail.email,this.notificationPhoneNumber=e.detail.phoneNumber,this.focusedPane=O.NOTIFICATIONS}onSelectedAccountId(e){e.detail.value&&(this.payeeForm||=this.root.querySelector(`bannoweb-bills-payee-form`),this.payeeForm.fromAccount=this.billPayAccounts.items.find(t=>

1t.id===e.detail.value)||null,this.focusedPane=O.EDIT)}isMethod_(e,t){return t===e}hasValue_(e){return!!(e&&e.trim().length>0)}methodChanged_(e){e.stopPropagation(),this.notificationMethod=e.detail.value,this.validateNotificationForm(e)}getPhonePattern_(e){return l.getPattern(e)}formatPhone_(e){let t=l.formatPhone(e.target.value,`1`);t&&(e.target.value=t)}validateNotificationForm(e){this.validNotificationForm=!1,this.notificationMethod===u.PayeeType.P2P_EMAIL?this.validNotificationForm=/\w+([-+'.]\w+)*@\w+([-.]\w+)*[.]\w+([-.]\w+)*/.test(this.notificationEmail):this.notificationMethod===u.PayeeType.P2P_SMS&&(this.validNotificationForm=!!this.notificationPhoneNumber&&l.isValidNumber(this.notificationPhoneNumber))}saveNotificationMethod_(e){e.stopPropagation(),this.payeeForm||=this.root.querySelector(`bannoweb-bills-payee-form`),this.payeeForm.email_=this.notificationEmail,this.payeeForm.phoneNumber_=this.notificationPhoneNumber,this.payeeForm.payeeType=this.notificationMethod,this.focusedPane=O.EDIT}cancel(e){e.stopPropagation(),this.focusedPane=O.DETAILS}confirmDelete(e){this.isLoading=!0;let t=i.from(E).subscribe(e=>{switch(t.unsubscribe(),this.isLoading=!1,e.type){case D.PAYEE_DELETION_SUCCESS:this.focusedPane=O.CONFIRMATION;break;case D.PAYEE_DELETION_PENDING_PAYMENTS:this.focusedPane=O.PENDING_PAYMENTS;break;case D.PAYEE_DELETION_ERROR:case a.EventType.FORBIDDEN:this.focusedPane=O.ERROR;break;default:break}let n=e,r=n&&n.detail&&n.detail.response;this.errorMessage=n.data?.userFriendlyMessage||r&&r.userFriendlyMessage||``});E.deletePayee(this.payee.id)}forceDelete(e){this.isLoading=!0;let t=i.from(E).subscribe(e=>{switch(t.unsubscribe(),this.isLoading=!1,e.type){case D.PAYEE_DELETION_SUCCESS:this.focusedPane=O.CONFIRMATION;break;case D.PAYEE_DELETION_ERROR:this.focusedPane=O.ERROR;break;default:break}let n=e,r=n&&n.detail&&n.detail.response;this.errorMessage=r&&r.userFriendlyMessage||``});E.deletePayee(this.payee.id,!0)}getErrorMessage(e,t){if(e)return e;switch(t){case O.ERROR:return`${this.payee&&this.payee.name} cannot be deleted at this time.`;default:return o.OOPS_OUR_BAD_TRY_AGAIN_LATER}}showClose_(e){return e===O.DETAILS}showBackBtn_(e){return[O.EDIT,O.ACCOUNTS,O.NOTIFICATIONS,O.CHECK_EXAMPLE].includes(e)}showDelete_(e,t){return t&&[O.EDIT,O.ACCOUNTS,O.NOTIFICATIONS].includes(e)}showHeader_(e){return[O.DETAILS,O.EDIT,O.ACCOUNTS,O.NOTIFICATIONS,O.CHECK_EXAMPLE].includes(e)}getHeader_(e){return e===O.EDIT?`Edit payee`:e===O.ACCOUNTS?`Delivers from`:e===O.NOTIFICATIONS?`Notification`:e===O.CHECK_EXAMPLE?`Routing & account numbers`:this.dialogHeader}getSecondaryCardTitle_(e,t){if(e===O.EDIT)switch(t.payeeType.type){case u.PayeeType.PERSON_CHECK:return`Check`;case u.PayeeType.PERSON_ELECTRONIC:return`Direct deposit`;default:return``}else return``}showCheckExample(e){this.focusedPane=O.CHECK_EXAMPLE}checkImageSrc_(e){return`/images/check-routing-account-number-${e?`dark-g5szoafs`:`light-4gwnuslw`}.png`}checkImageSrcSet_(e){return`/images/check-routing-account-number-${e?`dark@2x-iy3avfdf`:`light@2x-38fyfnk4`}.png 2x`}getMsgPayeeHasPendingPayments(e){return`${e} has pending payments. Are you sure you want to delete this payee?`}getMsgAreYouSureYouWantToDeletePayee(e){return`Are you sure you want to delete ${e}?`}static get template(){return n`<style>:host{display:block;@apply --base-font-styles;}article{padding-left:var(--jha-content-inset,24px);max-height:calc(100vh - 120px);padding-bottom:16px;overflow-x:auto}jha-card-header jha-button{--jha-button-line-height:12px}bannoweb-confirmation h1{margin-bottom:14px}bannoweb-confirmation p{margin-bottom:30px}bannoweb-confirmation jha-button{--jha-button-line-height:32px;width:86px;margin:4px}jh-icon-circle-exclamation{width:125px;height:125px;fill:var(--jha-color-warning)}jha-card-header h1{@apply --card-header-title;}:host ::slotted(bannoweb-confirm-creds){padding-right:var(--jha-content-inset)}#notificationForm{padding-right:var(--jha-content-inset);text-align:center;margin-top:32px}#notificationForm jha-form-floating-group{margin-bottom:36px;margin-left:44px}

1.header-icon{fill:var(--jha-text-base);width:18px;height:18px;margin-left:16px}:host([is-people]) article{border-top:1px solid var(--jha-border-color);max-height:calc(100vh - 186px)}:host([is-people]) jha-card-header{--jha-card-header-border-bottom-color:transparent;--jha-card-header-padding-top:32px;--jha-card-header-padding-bottom:32px;--jha-card-header-padding-right:24px;--jha-card-header-padding-left:16px}:host([is-people]) bannoweb-payee-details{--bannoweb-payee-details-type-margin-bottom:0;--bannoweb-payment-list-layout-border:transparent}bannoweb-bills-payee-form{margin-right:20px}#check-example-wrapper{padding:16px 32px}#check-example-img{max-width:100%;height:auto}</style> <template is="dom-if" if="[[showHeader_(focusedPane)]]"> <jha-card-header center-header=""> <template is="dom-if" if="[[showBackBtn_(focusedPane)]]"> <jha-button slot="header-left" sync="" link="" type="button" on-click="goBack"> <jh-icon-chevron-left aria-label="Back" aria-hidden="false"></jh-icon-chevron-left> </jha-button> </template> <h1>[[getHeader_(focusedPane)]]</h1> <h2 slot="secondary-title">[[getSecondaryCardTitle_(focusedPane, payee)]]</h2> <template is="dom-if" if="[[showDelete_(focusedPane, canEdit)]]"> <jha-button slot="header-right" sync="" icon="" aria-label="Delete payee" on-click="deletePayee" type="button"> <jh-icon-trash-can class="header-icon"></jh-icon-trash-can> </jha-button> </template> <template is="dom-if" if="[[showClose_(focusedPane)]]"> <jha-button slot="header-right" sync="" icon="" on-click="closeModal" type="button"> <jh-icon-xmark aria-label="Close dialog" class="header-icon" aria-hidden="false"></jh-icon-xmark> </jha-button> </template> </jha-card-header> </template> <article> <jha-slider> <jha-slider-content focused-pane="[[focusedPane]]"> <jha-slider-pane details=""> <bannoweb-payee-details can-edit="[[canEdit]]" payee="[[payee]]" on-edit-payee="editPayee" payments-collection="[[paymentsCollection]]" institution="[[institution]]" user="[[user]]"></bannoweb-payee-details> </jha-slider-pane> <jha-slider-pane confirm-creds=""> <slot name="confirm-creds"></slot> </jha-slider-pane> <jha-slider-pane sms-error=""> <bannoweb-confirmation> <jh-icon-circle-exclamation slot="icon"></jh-icon-circle-exclamation> <h1 slot="header">Sorry, you are unable to edit this SMS payee.</h1> <p slot="description">Please contact us for details.</p> <jha-button sync="" on-click="cancel" type="button"> Ok </jha-button> </bannoweb-confirmation> </jha-slider-pane> <jha-slider-pane edit=""> <template is="dom-if" if="[[canEdit]]"> <bannoweb-bills-payee-form can-edit-p2p-sms="[[institution.abilities.payeeEditP2PSMS]]" on-change-notifications="onChangeNotifications" on-payee-updated="payeeUpdated" on-payee-updated-error="payeeUpdatedError" on-show-check-example="showCheckExample"></bannoweb-bills-payee-form> </template> </jha-slider-pane> <jha-slider-pane check-example> <template is="dom-if" if="[[canEdit]]"> <article id="check-example-wrapper"> <img src="[[checkImageSrc_(isDarkMode)]]" srcset="[[checkImageSrcSet_(isDarkMode)]]" width="536" height="297"> </article> </template> </jha-slider-pane> <jha-slider-pane edit-error=""> <bannoweb-confirmation> <jh-icon-circle-exclamation slot="icon"></jh-icon-circle-exclamation> <h1 slot="header"></h1> <p slot="description">[[getErrorMessage(errorMessage, focusedPane)]]</p> <jha-button sync="" on-click="cancel" type="button"> Ok </jha-button> </bannoweb-confirmation> </jha-slider-pane> <jha-slider-pane accounts=""> <bannoweb-account-list-select accounts="[[billPayAccounts.items]]" balance-display-settings="[[institution.balanceDisplaySettings]]" include-hidden on-selected-account-id-changed="onSelectedAccountId"></bannoweb-account-list-select> </jha-slider-pane> <jha-slider-pane notifications=""> <template is="dom-if" if="[[canEdit]]"> <form id="notificationForm" on-input="validateNotificationForm"> <jha-form-radio-button name="method" value="P2PSMS" checked$="[[isMethod_('P2PSMS', notificationMethod)]]" on-checked="methodChanged_" on-click="methodChanged_" tabindex="1" aria-label="Send by phone number"> Send by phone number </jha-form-radio-button>

1 <jha-form-floating-group has-value="[[hasValue_(notificationPhoneNumber)]]"> <input title="phone" id="notificationPhoneNumber" type="tel" required="" value="{{notificationPhoneNumber::input}}" spellcheck="false" autocorrect="off" autocapitalize="off" autocomplete="off" pattern="[[getPhonePattern_('1')]]" on-input="formatPhone_" on-change="formatPhone_"> <div class="label">Phone number</div> </jha-form-floating-group> <jha-form-radio-button name="method" value="P2PEmail" checked$="[[isMethod_('P2PEmail', notificationMethod)]]" on-checked="methodChanged_" on-click="methodChanged_" tabindex="1" aria-label="Send by email"> Send by email </jha-form-radio-button> <jha-form-floating-group has-value="[[hasValue_(notificationEmail)]]"> <input title="email" id="notificationEmail" type="email" required="" value="{{notificationEmail::input}}" spellcheck="false" autocorrect="off" autocapitalize="off" autocomplete="off"> <div class="label">Email</div> </jha-form-floating-group> <jha-button sync="" wide="" disabled$="[[!validNotificationForm]]" on-click="saveNotificationMethod_" type="button"> Save </jha-button> </form> </template> </jha-slider-pane> <jha-slider-pane delete=""> <bannoweb-confirmation> <jh-icon-circle-exclamation slot="icon"></jh-icon-circle-exclamation> <h1 slot="header">Delete payee</h1> <p slot="description">[[getMsgAreYouSureYouWantToDeletePayee(payee.name)]]</p> <jha-button outline="" sync="" on-click="cancel" type="button"> Cancel </jha-button> <jha-button sync="" on-click="confirmDelete" is-loading="[[isLoading]]" type="button"> Delete </jha-button> </bannoweb-confirmation> </jha-slider-pane> <jha-slider-pane pending-payments=""> <bannoweb-confirmation> <jh-icon-circle-exclamation slot="icon"></jh-icon-circle-exclamation> <h1 slot="header">Pending payments</h1> <p slot="description">[[getMsgPayeeHasPendingPayments(payee.name)]]</p> <jha-button outline="" sync="" on-click="cancel" type="button"> Cancel </jha-button> <jha-button sync="" on-click="forceDelete" is-loading="[[isLoading]]" type="button"> Delete </jha-button> </bannoweb-confirmation> </jha-slider-pane> <jha-slider-pane error=""> <bannoweb-confirmation> <jh-icon-circle-exclamation slot="icon"></jh-icon-circle-exclamation> <h1 slot="header">Unable to delete</h1> <p slot="description">[[getErrorMessage(errorMessage, focusedPane)]]</p> <jha-button sync="" on-click="cancel" type="button"> Ok </jha-button> </bannoweb-confirmation> </jha-slider-pane> <jha-slider-pane confirmation=""> <bannoweb-confirmation> <h1 slot="header">Payee deleted</h1> <slot> <bannoweb-flex-wrapper> <jha-button wide="" sync="" on-click="closeModal" type="button"> OK </jha-button> </bannoweb-flex-wrapper> </slot> </bannoweb-confirmation> </jha-slider-pane> </jha-slider-content> </jha-slider> </article>`}},window.BannowebPayeeDetailsDialogElement.PayeeDetailsPaneId=O,customElements.define(window.BannowebPayeeDetailsDialogElement.is,window.BannowebPayeeDetailsDialogElement);var A=window.BannowebPayeeDetailsDialogElement;export{A as default};