https://my.freedomfirst.com/en/js/bannoweb-conversations-ach-snapshot-dialog-Cx5zpPnP.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{t as i}from"./date-URgChy6n.js";import{Rt as a,or as o}from"./main-5Sl8yySz.js";import"./icon-circle-exclamation-CPV1Eg_u.js";import"./jha-list-UCQUTbOQ.js";import"./jha-well-B5vcKmcn.js";import"./bannoweb-business-payment-status-chip-ClCfbFGg.js";o.BatchStatus,a.RecurringInformationStatus,window.BannowebConversationsAchSnapshotDialog=class extends n{static get is(){return`bannoweb-conversations-ach-snapshot-dialog`}static get properties(){return{noun:{type:Object},title:{type:String},amount:{type:String},company:{type:String},secCode:{type:String},status:{type:String},processedDate:{type:String}}}constructor(){super(),e(()=>import(`./icon-calendar-day-pOImyLYq.js`).then(e=>e.t),[]),this.noun=null,this.title=``,this.status=null,this.amount=``,this.secCode=``,this.processedDate=null,this.company=``}connectedCallback(){super.connectedCallback(),this.title=this.noun.title,this.amount=this.noun.amount,this.secCode=this.noun.description,this.parseNounDetails()}parseNounDetails(){let e=this.noun.details,t=e.lastIndexOf(`,`),n=e.substring(0,t),r=e.substring(t+1);if(/\d/.test(n))this.processedDate=n;else{let e=n.split(` `).map(e=>e[0].toUpperCase()+e.slice(1).toLowerCase()).join(``);this.status=e}this.company=r}_formatTimestamp(e){let t=i.normalizedDate(new Date(e));return`${i.getMonthDate(t)}, ${t.getFullYear()}`}static get styles(){return[t`h1{color:var(--body-text-primary-color);font-size:var(--jha-card-header-title-font-size);margin:var(--jha-card-header-title-margin);font-weight:var(--jha-card-header-title-font-weight);width:var(--jha-card-header-title-width);text-align:center}.title-container{align-items:center;gap:8px;padding-bottom:16px;display:flex}.title{color:var(--body-text-primary-color);margin:0;font-size:18px;font-weight:400;line-height:22px}.total{color:var(--body-text-secondary-color);margin:0;padding-bottom:8px;font-size:14px;font-weight:400;line-height:20px}.totalAmount{color:var(--body-text-primary-color);margin:0;padding-bottom:24px;font-size:32px;font-weight:300;line-height:32px}.receiving{color:var(--body-text-primary-color);margin:0;padding-bottom:16px;font-size:14px;font-weight:500;line-height:20px}.content{padding-left:var(--jha-content-inset);padding-bottom:var(--jha-content-inset)}.label{width:112px;min-width:112px;color:var(--body-text-secondary-color);text-overflow:ellipsis;white-space:nowrap;padding:0 8px 8px 0;overflow:hidden}.divider{border-top:1px solid var(--divider-default-color);margin-left:var(--jha-content-inset)}.snapshot-container{padding:var(--jha-content-inset)}jha-list#details{border-top:1px dashed var(--divider-default-color);margin:0;padding-top:16px}jha-list-item{overflow-wrap:anywhere;display:flex}jha-well{margin-right:20px var(--jha-content-inset);color:var(--body-text-secondary-color);border-radius:4px;padding:14px 16px;display:flex}jh-icon-circle-exclamation,jh-icon-calendar-day{width:24px;height:24px;fill:var(--body-text-secondary-color);flex-shrink:0;margin-right:16px}.date-container{border-top:1px dashed var(--divider-default-color);padding-top:24px;padding-bottom:24px;display:flex}.date-label{color:var(--body-text-secondary-color);font-size:14px;font-weight:400;line-height:20px}.processed-date{color:var(--body-text-primary-color);font-size:16px;font-weight:500;line-height:24px}`]}renderProcessedDate(){return r`<div class="date-container"> <jh-icon-calendar-day></jh-icon-calendar-day> <div> <div class="date-label">${`Processed date`}</div> <div class="processed-date">${this.processedDate}</div> </div> </div>`}render(){return r`<bannoweb-dialog> <h1 slot="header-center">${`ACH`}</h1> <div class="divider"></div> <div class="snapshot-container"> <jha-well> <jh-icon-circle-exclamation title="Note" aria-hidden="false"></jh-icon-circle-exclamation> ${`This is a snapshot as of ${this._formatTimestamp(this.noun.timestamp)} and may not reflect the ACH batch’s current details.`} </jha-well> </div> <div class="content"> <div class="title-container"> <p class="title">${this.title}</p> <bannoweb-business-payment-status-chip .status="${this.status}"></bannoweb-business-payment-status-chip> </div> <div> <p class="total">${`Total`}</p> <p class="totalAmount">${this.amount}</p> </div> ${this.processedDate&&this.renderProcessedDate()} <jha-list borderless id="details"> <jha-list-item> <div class="label">${`Company`}</div> ${this.company} </jha-list-item> <jha-list-item> <div class="label">${`SEC code`}</div> ${this.secCode} </jha-list-item>

1 </jha-list> </div> </bannoweb-dialog>`}},customElements.define(window.BannowebConversationsAchSnapshotDialog.is,window.BannowebConversationsAchSnapshotDialog);var s=window.BannowebConversationsAchSnapshotDialog;export{s as default};