https://online.alpinebank.com/en/js/payment-dialogs-Dw35jeN_.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{n as t,r as n}from"./polymer-C_GypsRJ.js";import{Fn as r,i,o as a}from"./main-5Sl8yySz.js";import{t as o}from"./observable-models-D0t-na9H.js";import{t as s}from"./language-utils-DMDnwVwz.js";import"./jha-list-UCQUTbOQ.js";import"./bannoweb-payee-filter-wtMButw0.js";var c=new Map([[r.PayeeType.COMPANY_CHECK,`bill`],[r.PayeeType.COMPANY_ELECTRONIC,`bill`],[r.PayeeType.P2P_EMAIL,`person`],[r.PayeeType.P2P_SMS,`person`],[r.PayeeType.PERSON_CHECK,`person`],[r.PayeeType.PERSON_ELECTRONIC,`person`]]),l=o(s(t));window.BannowebPayeeListElement=class extends l{static get is(){return`bannoweb-payee-list`}static get properties(){return{payeeType:{type:String,value:r.PayeeType.COMPANY_CHECK},payees:{type:Array,value:()=>[]},emptyListMessage:{type:String,value:`We couldn't find any matching payees.`},isPayeeDisabled:Function,layout:{type:String,reflectToAttribute:!0,value:window.BannowebPayeeListItemElement.LayoutType.LIST},paymentsCollection:{type:Object,value:()=>a.store.payments},showAddPayee:Boolean,showRecurring:Boolean}}constructor(){super(),e(()=>import(`./icon-plus-CGq-1aop.js`).then(e=>e.t),[])}getPayeeTypeDisplay(e){return c.get(e)||`bill`}isDisabled_(e,t){return e&&t&&typeof t==`function`?t(e):!1}isEmptyList(e){return e===0}isTabularLayout(e){return e===window.BannowebPayeeListItemElement.LayoutType.TABULAR}getAddAnotherText(e){return{person:`Add another person`,bill:`Add another bill`}[this.getPayeeTypeDisplay(e)]}static get template(){return n`<style>jh-icon-plus{width:18px;height:18px;fill:var(--jha-text-theme);vertical-align:middle}a{@apply --base-anchor-styles;}.column-labels{margin:var(--payment-column-labels-margin,14px 12px 0);padding:var(--payment-column-labels-padding,4px calc(var(--jha-content-inset) - 12px));background:var(--secondary-content-background-color);border-bottom:var(--payment-column-labels-border-bottom,none);text-transform:uppercase;align-content:center;display:flex;position:relative}.column-labels *{align-content:center;line-height:28px;display:flex;font-size:12px!important;font-weight:400!important}.no-content{text-align:center;color:var(--jha-text-neutral);justify-content:center;align-items:center;height:220px;display:flex}:host([layout=table]) .payee-type{flex:0 0 74px}:host([layout=table]) .payee-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:auto;font-size:14px;overflow:hidden}:host([layout=table]) .payment-method{text-align:left;color:var(--body-text-secondary-color);flex:0 0 90px;font-size:14px}:host([layout=table]) .chevron-spacer{flex-shrink:0;width:24px}</style> <template is="dom-if" if="[[isEmptyList(payees.length)]]"> <slot name="empty-list"> <p class="no-content">[[emptyListMessage]]</p> </slot> </template> <template is="dom-if" if="[[!isEmptyList(payees.length)]]"> <template is="dom-if" if="[[isTabularLayout(layout)]]"> <div class="column-labels"> <div class="payee-type">Type</div> <div class="payee-name">Payee</div> <div class="payment-method">Method</div> <div class="chevron-spacer"></div> </div> </template> </template> <jha-list> <template is="dom-repeat" items="[[payees]]" as="payee"> <jha-list-item no-padding=""> <bannoweb-payee-list-item payee="[[payee]]" payments-collection="[[paymentsCollection]]" disabled="[[isDisabled_(payee, isPayeeDisabled)]]" layout="[[layout]]" show-recurring="[[showRecurring]]"></bannoweb-payee-list-item> </jha-list-item> </template> <template is="dom-if" if="[[showAddPayee]]"> <jha-list-item> <a href="/add-[[getPayeeTypeDisplay(payeeType)]]"> <jh-icon-plus></jh-icon-plus> [[getAddAnotherText(payeeType)]] </a> </jha-list-item> </template> </jha-list>`}},customElements.define(window.BannowebPayeeListElement.is,window.BannowebPayeeListElement),window.BannowebPayeeListElement,e(()=>import(`./bannoweb-payee-details-dialog-CKV7wqDM.js`),[]),e(()=>import(`./bannoweb-payment-details-dialog-INzq0Tk2.js`),[]);var u=a.store.institution;function d(){}d.prototype._routeHandleHash,d.prototype._showPayeeDetailsDialog,d.prototype._showPaymentDetailsDialog,d.prototype.paymentsCollection,d.prototype.payeesCollection;function f(t){let n=/payee_(.*)$/,r=/payment_(.*)$/;class o extends t{static get properties(){return{payeesCollection:Object,paymentsCollection:Object}}_routeHandleHash(e){if(e&&r.test(e)){let t=e.match(r)[1],n=(this.paymentsCollection||a.store.payments).get(t);n&&this._showPaymentDetailsDialog(n)}else if(e&&n.test(e)){let t=e.match(n)[1],r=(this.payeesCollection||a.store.payees).get(t);r&&this._showPayeeDetailsDialog(r)}}async _showPayeeDetailsDialog(t){let{default:n}=await e(async()=>{let{default:e}=await import(`./bannoweb-payee-details-dialog-CKV7wqDM.js`);return{default:e}},[]),r=new n;r.payee=t,r.addEventListener(`payment-select`,e=>{let t=e.detail&&e.detail.payment;t&&(window.location=`#payment_${t.id}`)},!1),this.dispatchEvent(new i(r))}async _showPaymentDetailsDialog(t){let{default:n}=await e(async()=>{let{default:e}=await import(`./bannoweb-payment-details-dialog-INzq0Tk2.js`);return{default:e}},[]),r=new n;r.payment=t,r.showAskUs=u.abilities.billPay&&u.abilities.conversations,this.dispatchEvent(new i(r))}}return o}f.Type=d;export{f as t};