https://online.trustonefinancial.org/en/js/bannoweb-transfer-input-CQ630MSQ.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{n as t,r as n}from"./polymer-C_GypsRJ.js";import{E as r,_ as i,v as a,x as o}from"./institution-DyFDvNu6.js";import"./user-BMje1Le7.js";import{Mn as s,Z as c,i as l,o as u}from"./main-5Sl8yySz.js";import{t as d}from"./language-utils-DMDnwVwz.js";import{t as f}from"./account-utils-C6VeaSSW.js";import{t as p}from"./format-currency-DWww8Snc.js";import"./bannoweb-currency-B8mbcVJL.js";import"./jha-form-currency-input-CKJz-yxs.js";import{t as m}from"./bannoweb-account-info-dialog-CX-nXp3t.js";var h=u.store.user,g=`Transfer account`,_=d(t);window.BannowebTransferAccountLabel=class extends _{static get is(){return`bannoweb-transfer-account-label`}static get properties(){return{disabled:{type:Boolean,value:!1},account:{type:Object},warning:{type:String},balanceDisplaySettings:{type:Object},amount:{type:String},showAvailableCredit:{type:Boolean,value:!1},label:{type:String},user:{type:Object,value:()=>h}}}constructor(){super(),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[])}onClick(e){this.dispatchEvent(new CustomEvent(`select`))}hasAccount_(e){return!!e}getAccountName(e){return e?e.name||e.accountHolderName||g:``}getSecondaryText(e,t,n){if(!e)return``;let r=``;if(e.type===s.AccountType.EXTERNAL_TRANSFER)return r=c(e.maskedAccountNumber),r+=e.institutionName?`, ${e.institutionName}`:``,r;let i=typeof t==`number`||t;return i&&(r=p(t,!1,!1)),n&&(r+=` available`),e.accountHolderName&&e.name&&(r+=`${i?`, `:``}${e.accountHolderName}`),r}static get template(){return n`<style>:host{flex-direction:column;align-items:flex-end;display:flex}.warning{color:var(--body-text-alert-color);align-items:center;margin-top:8px;margin-right:26px;font-size:12px;display:flex}.label{font-size:14px;font-weight:500}.text-light{color:var(--body-text-secondary-color);padding-top:6px;font-size:12px;font-weight:400}button{touch-action:manipulation;@apply --base-anchor-styles;@apply --flex-space-between;font:inherit;text-align:right;background:0 0;border:none;padding:0;font-size:16px}button[disabled]{pointer-events:none}button[disabled] .label{color:var(--body-text-secondary-color)}jh-icon-chevron-right-small{fill:var(--body-text-secondary-color);margin-left:8px;margin-right:-6px}</style> <button on-click="onClick" disabled="[[disabled]]" type="button"> <template is="dom-if" if="[[!hasAccount_(account)]]"> <div class="label">Select account</div> </template> <template is="dom-if" if="[[hasAccount_(account)]]"> <div class="label"> [[getAccountName(account)]] <div class="text-light">[[getSecondaryText(account, amount, showAvailableCredit)]]</div> <template is="dom-if" if="[[warning]]"> <div class="text-light warning">[[warning]]</div> </template> </div> </template> <template is="dom-if" if="[[!disabled]]"> <jh-icon-chevron-right-small aria-label$="Select [[label]] account" aria-hidden="false"></jh-icon-chevron-right-small> </template> </button>`}},customElements.define(window.BannowebTransferAccountLabel.is,window.BannowebTransferAccountLabel),window.BannowebTransferAccountLabel,window.BannowebTransferCreditMessagingElement=class extends i{static get is(){return`bannoweb-transfer-credit-messaging`}static get properties(){return{minimumPaymentDue:{type:String,attribute:`minimum-payment-due`},paymentDueAmount:{type:String,attribute:`payment-due-amount`},payoffBalance:{type:String,attribute:`payoff-balance`}}}constructor(){super(),this.minimumPaymentDue=void 0,this.paymentDueAmount=void 0,this.payoffBalance=void 0,e(()=>import(`./icon-circle-info-CI9QftZe.js`).then(e=>e.t),[])}getMessage(e,t){return e&&!t?`${p(e)} minimum due`:t&&!e||t&&t===e?`${p(t)} due`:t&&e&&t!==e?`${p(t)} due, ${p(e)} minimum due`:``}getPayoffBalance(e){return p(e)}showInfoModal(e){let t=new m;t.title=`Estimated payoff`,t.description=`Your estimated payoff amount may not include fees or other charges that have accrued. For payoff information, please contact us.`,this.dispatchEvent(new l(t))}static get styles(){return r`:host{text-align:right;color:var(--body-text-secondary-color)}div{margin-top:5px;font-size:13px}button{touch-action:manipulation;color:var(--body-text-primary-color);cursor:pointer;text-align:left;-webkit-appearance:none;background:0 0;border:none;width:auto;margin:0;padding:0;font-family:Roboto;font-size:14px;display:inline}

1jh-icon-circle-info{fill:var(--jha-text-base);width:16px;height:16px}`}render(){return o`<div> ${this.getMessage(this.minimumPaymentDue,this.paymentDueAmount)} ${this.payoffBalance?o`<div class="label"> Estimated payoff <button @click="${this.showInfoModal}" type="button"> <jh-icon-circle-info></jh-icon-circle-info> </button> ${this.getPayoffBalance(this.payoffBalance)} </div>`:a} </div>`}},customElements.define(window.BannowebTransferCreditMessagingElement.is,window.BannowebTransferCreditMessagingElement),window.BannowebTransferCreditMessagingElement,window.BannowebTransferDebtMessagingElement=class extends i{static get is(){return`bannoweb-transfer-debt-messaging`}static get properties(){return{paymentDueAmount:{type:String,attribute:`payment-due-amount`},payoffBalance:{type:String,attribute:`payoff-balance`}}}constructor(){super(),this.paymentDueAmount=void 0,this.payoffBalance=void 0,e(()=>import(`./icon-circle-info-CI9QftZe.js`).then(e=>e.t),[])}getMessage(e){return e?`${p(e)} due`:``}getPayoffBalance(e){return p(e)}showInfoModal(e){e.preventDefault();let t=new m;t.title=`Estimated payoff`,t.description=`Your estimated payoff amount may not include fees or other charges that have accrued. For payoff information, please contact us.`,this.dispatchEvent(new l(t))}static get styles(){return r`:host{text-align:right;color:var(--body-text-secondary-color)}div{margin-top:5px;font-size:13px}button{touch-action:manipulation;color:var(--body-text-primary-color);cursor:pointer;text-align:left;-webkit-appearance:none;background:0 0;border:none;width:auto;margin:0;padding:0;font-family:Roboto;font-size:14px;display:inline}jh-icon-circle-info{fill:var(--jha-text-base);width:16px;height:16px}`}render(){return o`<div> ${this.getMessage(this.paymentDueAmount)} ${this.payoffBalance?o`<div class="label"> Estimated payoff <button @click="${this.showInfoModal}" type="button"> <jh-icon-circle-info></jh-icon-circle-info> </button> ${this.getPayoffBalance(this.payoffBalance)} </div>`:a} </div>`}},customElements.define(window.BannowebTransferDebtMessagingElement.is,window.BannowebTransferDebtMessagingElement),window.BannowebTransferDebtMessagingElement;var v=new Intl.NumberFormat(`en-us`,{style:`decimal`,minimumFractionDigits:2,maximumFractionDigits:2,minimumIntegerDigits:1}),y=new Intl.NumberFormat(`en-us`,{style:`decimal`,minimumFractionDigits:0,maximumFractionDigits:0,minimumIntegerDigits:1}),b=f(d(t));window.BannowebTransferInputElement=class extends b{static get is(){return`bannoweb-transfer-input`}static get properties(){return{amount:{type:String,notify:!0},toAccount:{type:Object},disabled:{type:Boolean,value:!1,notify:!0},accounts:{type:Object}}}formatAmount(e){if(e===void 0||e===``)return``;let t=parseFloat(e);return(Math.floor(t)===t?y:v).format(t)}showDebtMessaging(e){return!this.isCreditAccount(e)&&!!(e&&e.paymentDueAmount)}static get template(){return n`<style>:host{align-items:center;width:100%;display:flex}.transfer-amount{margin-right:0;position:relative}label{text-align:left;flex-grow:1;font-size:16px;font-weight:500}input.failure{color:var(--body-text-alert-color)}input:focus{border:1px solid var(--primary-button-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}jha-form-currency-input{--jha-form-currency-input-font-size:16px;--jha-text-base:var(--body-text-secondary-color)}</style> <label for="amount-input">Amount</label> <div class="transfer-amount"> <jha-form-currency-input amount="{{amount}}" class="transfer-amount-field" filled="" id="amount-input" label="Amount" min="0" no-label="" readonly="[[disabled]]" type="number" use-commas=""></jha-form-currency-input> <slot name="error"></slot> <template is="dom-if" if="[[isCreditAccount(toAccount)]]"> <bannoweb-transfer-credit-messaging minimum-payment-due="[[toAccount.minimumPaymentDue]]" payment-due-amount="[[toAccount.paymentDueAmount]]" payoff-balance="[[toAccount.payoffBalance]]"></bannoweb-transfer-credit-messaging> </template> <template is="dom-if" if="[[showDebtMessaging(toAccount)]]"> <bannoweb-transfer-debt-messaging payment-due-amount="[[toAccount.paymentDueAmount]]" payoff-balance="[[toAccount.payoffBalance]]"></bannoweb-transfer-debt-messaging> </template> </div>`}},customElements.define(window.BannowebTransferInputElement.is,window.BannowebTransferInputElement),window.BannowebTransferInputElement;