https://digital.genfed.com/en/js/bannoweb-positive-pay-issued-items-list-CYQjRpJy.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{E as t,_ as n,x as r}from"./institution-DyFDvNu6.js";import"./icon-money-checks-d_f0Iy7b.js";import"./icon-triangle-exclamation-CLDVL6G-.js";import"./jha-progress-CjUOO3no.js";import"./jha-button-Dyau4S4K.js";import{r as i}from"./banno-styles-B3iGgKv1.js";import"./jha-list-UCQUTbOQ.js";import"./bannoweb-currency-B8mbcVJL.js";import{t as a}from"./observable-models-lit-Conecq5s.js";import"./bannoweb-transaction-date-xeov6_Xi.js";import{o}from"./positive-pay-controller-DUb2Cf6n.js";var s=a(n);window.BannowebPositivePayIssuedItemElement=class extends s{static get is(){return`bannoweb-positive-pay-issued-item`}static get properties(){return{item:{type:Object},mode:{type:String,reflect:!0}}}constructor(){super(),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[]),e(()=>import(`./icon-money-check-DsjI7YZi.js`),[]),e(()=>import(`./icon-circle-exclamation-CPV1Eg_u.js`).then(e=>e.t),[]),this.item=null,this.mode=window.BannowebPositivePayIssuedItemElement.Mode.VIEW}onItemSelected(e){this.item&&this.dispatchEvent(new CustomEvent(window.BannowebPositivePayIssuedItemElement.Event.ITEM_SELECTED,{composed:!0,bubbles:!0,detail:this.item}))}isValidDate(e){return e!==null&&!isNaN(new Date(e).getTime())}static get styles(){return[i,t`:host{display:block}jh-icon-chevron-right-small{visibility:hidden}:host([mode=select]) .check-number{color:var(--jha-text-theme)}:host([mode=select]) jh-icon-chevron-right-small{visibility:visible}.item{justify-content:space-between;align-items:center;font-size:14px;display:flex}.check-number,.amount{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.amount{color:var(--jha-text-dark);margin-bottom:4px}.check-number{margin-right:var(--jha-content-inset)}.right-side{align-items:center;display:flex}.text-light{color:var(--jha-text-neutral);font-size:14px;font-weight:400}.duplicate{color:var(--body-text-alert-color);align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}jh-icon-circle-exclamation{width:14px;height:14px;fill:var(--body-text-alert-color)}.left-side{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1 1 0;width:90px;padding-left:8px;font-size:14px;overflow:hidden}.check-icon-container{padding-left:6px}.date-container{flex:0 0 50px}bannoweb-transaction-date{width:35px;display:block}jh-icon-money-check{fill:var(--body-text-secondary-color)}`]}render(){return this.item?r`<button type="button" class="reset" @click="${this.onItemSelected}" ?disabled="${this.mode===window.BannowebPositivePayIssuedItemElement.Mode.VIEW}"> <div class="item"> <div class="date-container"> ${this.isValidDate(this.item.dateIssued)?r`<bannoweb-transaction-date date="${this.item.dateIssued}"></bannoweb-transaction-date>`:r`<div class="check-icon-container"> <jh-icon-money-check></jh-icon-money-check> </div>`} </div> <div class="left-side"> <div class="amount"> <bannoweb-currency amount="${this.item.amount}"></bannoweb-currency> <span></span> </div> <div class="text-light"> ${this.item.payee} </div> ${this.item.status===o.DUPLICATE?r`<div class="duplicate"> <jh-icon-circle-exclamation></jh-icon-circle-exclamation> <span>${`Duplicate`}</span> </div>`:``} </div> <div class="right-side"> <div class="check-number"> ${this.item.itemNumber} </div> <jh-icon-chevron-right-small></jh-icon-chevron-right-small> </div> </div>  </button>`:``}},window.BannowebPositivePayIssuedItemElement.Event={ITEM_SELECTED:`item-selected`},window.BannowebPositivePayIssuedItemElement.Mode={VIEW:`view`,SELECT:`select`},customElements.define(window.BannowebPositivePayIssuedItemElement.is,window.BannowebPositivePayIssuedItemElement),window.BannowebPositivePayIssuedItemElement;var c=100,l=a(n);window.BannowebPositivePayIssuedItemsListElement=class extends l{static get is(){return`bannoweb-positive-pay-issued-items-list`}static get properties(){return{items:{type:Array},loading:{type:Boolean},limit:{type:Number},failed:{type:Boolean},mode:{type:String}}}constructor(){super(),this.items=[],this.loading=!1,this.limit=c,this.failed=!1,this.mode=window.BannowebPositivePayIssuedItemElement.Mode.VIEW}hasMore_(e,t){return e>t}showMoreItems_(e){this.limit+=c}getDisplayedItems(e,t,...n){return(e||[]).slice(0,t)}onRetry(e){this.dispatchEvent(new CustomEvent(window.BannowebPositivePayIssuedItemsListElement.Event.RETRY_LOAD_ISSUED_ITEMS,{bubbles:!0,composed:!0}))}static get styles(){return[i,t`:host{display:block}.column-labels{padding:var(--payment-column-labels-padding,4px calc(var(--jha-content-inset) - 12px));border-bottom:var(--payment-column-labels-border-bottom,none);background:var(--secondary-content-background-color);background-color:var(--secondary-content-background-color);text-transform:uppercase;z-index:99;align-content:center;margin-left:12px;display:flex;position:sticky;top:0}.column-labels *{align-content:center;line-height:28px;display:flex;font-size:12px!important;font-weight:400!important}.column-labels .date{flex:0 0 50px}.column-labels .name{flex:1 1 0;width:156px}.column-labels .amount{flex:0 0 145px;justify-content:flex-end;margin-right:62px}.no-content{text-align:center;color:var(--jha-text-neutral);flex-direction:column;justify-content:center;align-items:center;height:220px;display:flex}.no-content button{width:auto}

1jh-icon-triangle-exclamation{fill:var(--body-text-alert-color);vertical-align:middle;margin-right:3px}div.progress{justify-content:center;padding:32px 0;display:flex}footer{padding:16px var(--jha-content-inset) 24px 0;text-align:right}@media (width<=470px){.column-labels{opacity:0;height:0}}`]}get renderLoading(){return r`<div class="progress"> <jha-progress></jha-progress> </div>`}get renderNoItems(){return this.failed?r`<div class="no-content" id="failed-issued-items"> <p>${`Issued items failed to load.`}</p> <button type="button" @click="${this.onRetry}"> ${`Retry`} </button> </div>`:r`<div class="no-content" id="no-issued-items"> <p>${`No issued checks found at this time.`}</p> </div>`}get renderDisplayedItems(){return this.getDisplayedItems(this.items,this.limit).map(e=>r`<jha-list-item> <bannoweb-positive-pay-issued-item .item="${e}" .mode="${this.mode}"></bannoweb-positive-pay-issued-item> </jha-list-item>`)}get renderFooter(){return this.hasMore_(this.items.length,this.limit)?r`<footer> <jha-button id="load-batches" default wide type="button" @click="${this.showMoreItems_}"> ${`Load more`} </jha-button> </footer>`:``}get renderItemsList(){return this.items.length?r`<div class="column-labels"> <div class="date">${`Date`}</div> <div class="name">${`PAYEE/AMOUNT`}</div> <div class="amount">${`Check #`}</div> </div> <jha-list id="issued-items">${this.renderDisplayedItems}</jha-list> ${this.renderFooter}`:this.renderNoItems}render(){return this.loading?this.renderLoading:this.renderItemsList}},window.BannowebPositivePayIssuedItemsListElement.Event={RETRY_LOAD_ISSUED_ITEMS:`retry-load-issued-items`},customElements.define(window.BannowebPositivePayIssuedItemsListElement.is,window.BannowebPositivePayIssuedItemsListElement),window.BannowebPositivePayIssuedItemsListElement;