https://secure.tinkerfcu.org/en/js/bannoweb-merchant-account-detail-dialog-BwY_ER06.js

1import{t 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{D as a,E as o,o as s,u as c}from"./main-5Sl8yySz.js";import"./jha-progress-CjUOO3no.js";import"./jha-button-Dyau4S4K.js";import"./bannoweb-dialog-6PdYs8ag.js";import{g as l}from"./merchant-utils-DCUCb9GZ.js";import{t as u}from"./merchant-tracking-CnFJvGHZ.js";window.BannowebMerchantPaymentStatusIcon=class extends n{static get is(){return`bannoweb-merchant-payment-status-icon`}constructor(){super(),e(()=>import(`./jha-icon-credit-card-DVwW38Rz.js`),[]),e(()=>import(`./jha-icon-arrow-dashed-rotate-left-pZB04z77.js`),[]),e(()=>import(`./jha-icon-circle-close-Fk_pWzo5.js`),[]),e(()=>import(`./jha-icon-circle-warning-Dzn5hcMr.js`),[]),e(()=>import(`./jha-icon-circle-dollar-TEzVjrav.js`),[]),this.type=``}static get properties(){return{type:{type:String}}}static get styles(){return t`jha-icon-arrow-dashed-rotate-left{color:var(--body-text-secondary-color);fill:var(--body-text-secondary-color);background-color:var(--secondary-content-background-color)}jha-icon-circle-close{fill:var(--body-text-alert-color)}jha-icon-circle-warning{fill:var(--chart-colors-6-graphic);background-color:var(--chart-colors-6-background)}jha-icon-credit-card{fill:var(--chart-colors-0-graphic);background-color:var(--chart-colors-0-background)}jha-icon-circle-dollar{fill:var(--chart-colors-4-graphic);background-color:var(--chart-colors-4-background)}.base-icon{border-radius:50%;flex-shrink:0;width:24px;height:24px;padding:4px}`}renderIcon(e){switch(e){case a.CARD_PAYMENTS:return r`<jha-icon-credit-card class="base-icon"></jha-icon-credit-card>`;case a.REFUNDS:return r`<jha-icon-arrow-dashed-rotate-left class="base-icon"></jha-icon-arrow-dashed-rotate-left>`;case a.DISPUTES:return r`<jha-icon-circle-warning class="base-icon"></jha-icon-circle-warning>`;case a.MOOV_FEE:case a.FEES:return r`<jha-icon-circle-dollar class="base-icon"></jha-icon-circle-dollar>`;default:return``}}render(){return this.renderIcon(this.type)}},customElements.define(window.BannowebMerchantPaymentStatusIcon.is,window.BannowebMerchantPaymentStatusIcon),window.BannowebMerchantPaymentStatusIcon,window.BannowebMerchantAccountDetailDialog=class extends n{static get properties(){return{transfer:{type:Object},sweep:{type:Object},loading:{type:Boolean},didSweepDataFail:{type:Boolean}}}constructor(){super(),e(()=>import(`./jha-icon-transfer-DlXawAmo.js`),[]),e(()=>import(`./jha-icon-warning-DxcBeQ9z.js`),[]),this.transfer={},this.sweep={},this.loading=!1,this.didSweepDataFail=!1}static get is(){return`bannoweb-merchant-account-detail-dialog`}connectedCallback(){super.connectedCallback(),this.loadSweep()}firstUpdated(){u.trackScreenView(o.TAP2LOCAL_TRANSFER_DETAILS)}static get styles(){return t`bannoweb-dialog{--bannoweb-dialog-header-border-color:var(--divider-default-color);padding:0 12px}jha-icon-transfer{background-color:var(--secondary-content-background-color);border-radius:50%;width:36px;height:36px;padding:6px}bannoweb-merchant-payment-status-icon{margin-right:16px}jha-progress{margin-bottom:6px}.amount{color:var(--body-text-primary-color);text-align:center;font-size:42px;font-style:normal;font-weight:300}.sub-text{font-size:14px;font-style:normal;font-weight:400}section{grid-template-columns:1fr 0fr;margin:16px 0;padding:0 16px;display:grid}section div{flex-direction:column;align-items:flex-start;display:flex}section div.center{align-items:unset}.section-details{align-items:flex-end}.divider{border-bottom:1px dashed var(--divider-default-color)}.secondary-color{font-family:var(--jh-font-family-primary);font-size:var(--jh-font-size-350);font-style:normal;font-weight:var(--jh-font-weight-400);color:var(--body-text-secondary-color)}.section-title{color:var(--body-text-secondary-color);font-size:14px;font-style:normal;font-weight:500}.section-body{grid-template-rows:20px 1fr;display:grid}.section-body-date{grid-template-rows:1fr 2fr;display:grid}.section-body-date>div{grid-template-columns:.5fr .5fr;padding:5px 0;display:grid}.section-body>div{grid-template-columns:.5fr .5fr;padding:12px 5px 0;display:grid}.section-body>.details{grid-template-columns:1fr 0fr;display:grid}.details>span{align-items:center;display:flex}.section-footer{color:var(--body-text-secondary-color);font-size:12px;font-style:normal;font-weight:400}.account{display:flex}.loading{flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}#total{margin-left:48px}#total-count{color:var(--body-text-secondary-color);font-size:12px;font-style:normal;font-weight:400}.render-failed{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:13px;padding:32px 0;display:flex}`}async loadSweep(){try{this.loading=!0,this.sweep=await s.merchantController.getMerchantSweep(this.transfer?.sweepId),this.loading=!1}

1catch{this.didSweepDataFail=!0,this.loading=!1}}onTryAgainClick(){this.didSweepDataFail=!1,this.loadSweep()}getTitle(){return`Transfer detail`}renderMainSection(){return r`<div> <span class="date">${i.getFullDateAndTime(this.transfer.createdOn)}</span> <span class="amount">${l(this.transfer.amount)}</span> <span class="sub-text">${`Automatic daily settlement`}</span> </div> <jha-icon-transfer></jha-icon-transfer>`}renderTransferAccountSection(){return r`<div> <span class="section-title">${`Transfer to`}</span> <div class="account"> <span>${this.transfer.bankAccount.name} x${this.transfer.bankAccount.lastFourAccountNumber}</span> <span class="section-footer">${c[this.transfer.bankAccount.holderType]}</span> </div> </div>`}renderStartDateDetails(){return r`<div class="section-body-date"> <span class="section-title">${`Settlement details`}</span> <div> <span class="secondary-color">${`Accrual start date`}</span> <span>${i.getFullDateAndTime(this.sweep.accrualStartedOn)}</span> </div> <div> <span class="secondary-color">${`Accrual end date`}</span> <span>${i.getFullDateAndTime(this.sweep.accrualEndedOn)}</span> </div> </div>`}getSweepTypeDescription(e){switch(e){case a.CARD_PAYMENTS:return`Card payments`;case a.REFUNDS:return`Refunds`;case a.DISPUTES:return`Disputes`;case a.MOOV_FEE:case a.FEES:return`Fees`;default:return e}}renderPaymentDetails(e){return r`<div class="section-body"> <span class="section-title">${`Settlement details`}</span> ${e.map(e=>r`<div class="details"> <span> <bannoweb-merchant-payment-status-icon .type="${e.type}"></bannoweb-merchant-payment-status-icon> <span>${this.getSweepTypeDescription(e.type)}</span> </span> <div class="section-details"> <span>${l(e.amount)}</span> <span id="total-count">${e.count}</span> </div> </div> <div class="divider"></div>`)} <div class="details"> <span> <span id="total">${`Total`}</span> </span> <div class="section-details"> <span>${l(this.sweep?.totalAccruedAmount)}</span> </div> </div> </div>`}renderFailedAndTryAgain(){if(this.didSweepDataFail)return r`<section> <div class="center"> <span class="section-title">${`Settlement details`}</span> <div class="render-failed"> <jha-icon-warning></jha-icon-warning> <span>${`Failed to load settlement details.`}</span> <jha-button link @click="${this.onTryAgainClick}">${`Try again`}</jha-button> </div> </div> </section>`}

1renderSettlementDetails(){if(!this.didSweepDataFail)return this.loading?r`<span class="section-title">${`Settlement details`}</span> <div class="loading"> <jha-progress></jha-progress> ${`Loading settlement details…`} </div>`:r`<section>${this.renderStartDateDetails()}</section> <div class="divider"></div> <section>${this.renderPaymentDetails(this.sweep.subtotals)}</section>`}render(){return r`<bannoweb-dialog> <header slot="header-center"> <span>${this.getTitle()}</span> </header> <section>${this.renderMainSection()}</section> <div class="divider"></div> <section>${this.renderTransferAccountSection()}</section> <div class="divider"></div> ${this.renderSettlementDetails()} ${this.renderFailedAndTryAgain()} </bannoweb-dialog>`}},customElements.define(window.BannowebMerchantAccountDetailDialog.is,window.BannowebMerchantAccountDetailDialog);var d=window.BannowebMerchantAccountDetailDialog;export{d as default};