https://secure.texasbank.com/en/js/bannoweb-positive-pay-exception-details-dialog-B7rshMVM.js

1import{r as e,t}from"./standalone-app-Bj-IdwrG.js";import{E as n,_ as r,x as i}from"./institution-DyFDvNu6.js";import{t as a}from"./paths-BjKNBopk.js";import{t as o}from"./date-URgChy6n.js";import{_r as s,o as c}from"./main-5Sl8yySz.js";import"./jha-progress-CjUOO3no.js";import{n as l,r as u}from"./banno-styles-B3iGgKv1.js";import"./bannoweb-dialog-6PdYs8ag.js";import"./jha-slider-pane-CG5LkspN.js";import{t as ee}from"./format-currency-DWww8Snc.js";import"./bannoweb-currency-B8mbcVJL.js";import{t as d}from"./conversation-noun-type-NvosllBj.js";import"./jha-cached-image-pkYHC8-1.js";import"./bannoweb-attachment-conversation-picker-BLDNt0gS.js";import"./positive-pay-ach-exceptions-AXZuzPPV.js";import{t as f}from"./positive-pay-controller-BawhNixs.js";var p={DETAILS:`details`,CHECK_IMAGES:`check-images`,EXCEPTION_CORRECTION_METHOD:`exception-correction-method`,CONVERSATION_PICKER:`conversation-picker`},m={FRONT:`front`,BACK:`back`};window.BannowebPositivePayExceptionDetailsDialogElement=class extends r{static get is(){return`bannoweb-positive-pay-exception-details-dialog`}static get properties(){return{focusedPane:{type:String},exception:{type:Object},userId:{type:String},accountName:{type:String},accountId:{type:String},exceptionImagesLoading:{type:Boolean},errorLoadingExceptionImages:{type:Boolean},images:{type:Object},activeImage:{type:String},activeImageSide:{type:String},rotation:{type:Number},institution:{type:Object}}}constructor(){super(),t(()=>import(`./jha-icon-print-CDXWcC07.js`),[]),t(()=>import(`./jha-icon-camera-3iM5F6nc.js`),[]),t(()=>import(`./jha-icon-assets-Ccyodopk.js`),[]),t(()=>import(`./jha-icon-chevron-back-qAPV11jO.js`),[]),t(()=>import(`./jha-icon-circle-warning-Dzn5hcMr.js`),[]),t(()=>import(`./jha-icon-refresh-BShNwtpy.js`),[]),t(()=>import(`./jha-icon-show-aVZ3nMyC.js`),[]),t(()=>import(`./jha-icon-support-BrSS4Z_G.js`),[]),t(()=>import(`./jha-icon-start-conversation-J_rjoIBi.js`),[]),t(()=>import(`./jha-icon-phone-Sp_w6FSU.js`),[]),this.focusedPane=p.DETAILS,this.exception,this.userId=c.store.user.id,this.accountName=``,this.accountId=``,this.exceptionImagesLoading=!0,this.errorLoadingExceptionImages=!1,this.images=null,this.activeImage,this.activeImageSide,this.rotation=0,this.institution=c.store.institution}connectedCallback(){super.connectedCallback(),this.exception.imageId&&this.accountId?this.getImages():this.exceptionImagesLoading=!1}async getImages(){this.exceptionImagesLoading=!0,this.errorLoadingExceptionImages=!1;try{let e=await f.getCheckExceptionImages(this.accountId,this.exception.imageId,this.exception.imageType);this.images=e}catch{this.errorLoadingExceptionImages=!0}finally{this.exceptionImagesLoading=!1}}getHeaderText(e){return e===p.DETAILS?`Check details`:e===p.CHECK_IMAGES?`Check images`:e===p.EXCEPTION_CORRECTION_METHOD?`Attach to a conversation`:e===p.CONVERSATION_PICKER?`Select conversation`:``}dateIsValid(e){return e?new Date(e).toLocaleString()!==`Invalid Date`:!1}formatTimeAsDate(e){let t=e.split(`:`),n=new Date;return n.setHours(Number(t[0]),Number(t[1]),Number(t[2])),n}submitExceptionCorrection(e){this.focusedPane=p.EXCEPTION_CORRECTION_METHOD}addToExistingConversation(e){this.focusedPane=p.CONVERSATION_PICKER}startNewConversation(e){s.go(a.BANNOWEB_MESSAGES_DETAIL,{openMessageId:`new`,exceptionId:this.exception.id,support:!0,check:!0}),this.dispatchEvent(new CustomEvent(`cancel`,{bubbles:!0,composed:!0}))}printExceptionDetails(t){let n=window.open();function r(e,t=``,r=null){let i=n.document.createElement(e);return r&&i.classList.add(...r),i.textContent=t,i}n.document.write(`
2      <head>
3        <style>
4          body {
5            display: block;
6            margin: 0;
7            padding: 0;
8            font-family: "Segoe UI", Roboto, "Hevletica Neue", sans-serif;
9            font-size: 11px;
10            line-height: 1.2;
11            color: #000;
12            background-color: #fff;
13            position: absolute;
14            width: 100%;
15            flex: 1 0 auto;
16            min-height: 100vh;
17          }
18          table {
19            width: 100%;
20            max-width: 960px;
21            margin: 0 auto;
22            page-break-inside: auto;
23            border-collapse: collapse;
24          }
25          td,
26          th {
27            padding: 6px;
28            font-size: 11px;
29            font-weight: normal;
30            text-align: left;
31            vertical-align: baseline;
32          }
33          tr {
34            border-bottom: 1px solid #ccc;
35          }
36          tbody tr:nth-child(odd) {
37            background-color: #eee;
38          }
39          header {
40            max-width: 960px;
41            margin: 0 auto 16px;
42          }
43          header::after {
44            clear: both;
45          }
46          @media print {
47            :host {
48              min-height: initial;
49              height: 100%;
50            }
51            table,
52            header {
53              max-width: 100%;
54            }
55          }
56        </style>
57      </head>
58      <body></body>
59    `),n.document.title=`Check exception - ${this.exception.checkId} - ${this.accountName}`;let i=n.document.createElement(`header`);i.style.display=`flex`,i.style.maxWidth=`800px`,i.style.margin=`8px auto`,i.style.alignItems=`center`;let a=n.document.createElement(`div`),s=n.document.createElement(`strong`);s.textContent=`Check exception details - ${this.exception.checkId} - ${this.accountName}`,a.appendChild(s);let c=document.createElement(`img`);c.width=180,c.height=53,c.alt=`Logo`,c.onload=()=>{let e=n.document.createElement(`img`),t=document.createElement(`canvas`),r=t.getContext(`2d`);t.height=c.height,t.width=c.width,r.drawImage(c,0,0,c.width,c.height),e.style.marginRight=`auto`,e.onload=()=>{i.appendChild(e),i.appendChild(a),n.print()},e.src=t.toDataURL()}

59,c.src=e.config.images.logos.default.light,n.document.body.appendChild(i);let l=n.document.createElement(`main`),u=n.document.createElement(`table`),d=n.document.createElement(`tbody`);u.appendChild(d);let f=`not available`,p=this.exception.payee||f,m=r(`tr`),h=r(`th`,`Payee`),g=r(`td`,p);if(m.appendChild(h),m.appendChild(g),d.appendChild(m),this.dateIsValid(this.exception.issuedDate)){let e=r(`tr`),t=r(`th`,`Issued date`),n=r(`td`,o.getSimpleDate(this.exception.issuedDate));e.appendChild(t),e.appendChild(n),d.appendChild(e)}let _=r(`tr`),v=r(`th`,`Amount`),y=r(`td`,this.exception.amount?ee(this.exception.amount):f);_.appendChild(v),_.appendChild(y),d.appendChild(_);let b=this.exception.issuedAmount||f,x=r(`tr`),te=r(`th`,`Issued amount`),S=r(`td`,b);x.appendChild(te),x.appendChild(S),d.appendChild(x);let C=this.accountName||f,w=r(`tr`),ne=r(`th`,`Account name`),re=r(`td`,C);w.appendChild(ne),w.appendChild(re),d.appendChild(w);let ie=this.exception.checkId||f,T=r(`tr`),E=r(`th`,`Check number`),D=r(`td`,ie);T.appendChild(E),T.appendChild(D),d.appendChild(T);let O=this.exception.capturedPayeeName||f,k=r(`tr`),A=r(`th`,`Captured payee name`),j=r(`td`,O);k.appendChild(A),k.appendChild(j),d.appendChild(k);let M=this.exception.sourceOfEntry||f,N=r(`tr`),P=r(`th`,`Source of entry`),F=r(`td`,M);N.appendChild(P),N.appendChild(F),d.appendChild(N);let I=this.exception.exceptionReason||f,L=r(`tr`),R=r(`th`,`Exception reason`),z=r(`td`,I);L.appendChild(R),L.appendChild(z),d.appendChild(L);let B=this.exception.decisionAuthorization||f,V=r(`tr`),H=r(`th`,`Updated by`),U=r(`td`,B);if(V.appendChild(H),V.appendChild(U),d.appendChild(V),this.exception.decisionTime&&this.exception.decisionTime!==`00:00:00`){let e=r(`tr`),t=r(`th`,`Time updated`),n=r(`td`,`${o.getShortTime(this.formatTimeAsDate(this.exception.decisionTime))}`);e.appendChild(t),e.appendChild(n),d.appendChild(e)}let W=this.exception.decisionWorkstation||f,G=r(`tr`),K=r(`th`,`Workstation`),q=r(`td`,W);G.appendChild(K),G.appendChild(q),d.appendChild(G);let J=this.exception.readOnly?`Yes`:`No`,Y=r(`tr`),ae=r(`th`,`Protected`),oe=r(`td`,J);Y.appendChild(ae),Y.appendChild(oe),d.appendChild(Y);let se=this.exception.arpBatchNumber||f,X=r(`tr`),ce=r(`th`,`DDA batch number`),Z=r(`td`,se);X.appendChild(ce),X.appendChild(Z),d.appendChild(X);let le=this.exception.arpSequenceNumber||f,Q=r(`tr`),ue=r(`th`,`DDA sequence number`),de=r(`td`,le);Q.appendChild(ue),Q.appendChild(de),d.appendChild(Q);let $=n.document.createElement(`section`);if($.id=`check-images`,$.style.maxWidth=`960px`,$.style.margin=`25px auto 0 auto`,$.style.display=`flex`,$.style.flexDirection=`column`,$.style.gap=`15px`,this.images&&this.images.frontImage){let e=document.createElement(`img`);e.width=500,e.alt=`Check front`,e.src=this.images.frontImage,e.style.border=`1px solid black`,$.appendChild(e)}if(this.images&&this.images.backImage){let e=document.createElement(`img`);e.width=500,e.alt=`Check back`,e.src=this.images.backImage,e.style.border=`1px solid black`,$.appendChild(e)}l.appendChild(u),l.appendChild($),n.document.body.appendChild(l)}viewCheckImage(e){let t=e===m.BACK?this.images.backImage:this.images.frontImage;this.setActiveCheckImage(t),this.activeImageSide=e,this.focusedPane=p.CHECK_IMAGES}setActiveCheckImage(e){this.activeImage=e}rotateActiveImage(e){let t=this.shadowRoot.getElementById(`active-check-image`).getElementsByTagName(`jha-cached-image`)[0];this.rotation=this.rotation===270?0:this.rotation+90,t.style.rotate=`${this.rotation}deg`,this.rotation===90||this.rotation===270?(t.style.padding=`50% 0px`,t.style.height=`0px`,t.shadowRoot.querySelector(`img`).style.margin=`-25% 0`):(t.style.padding=`initial`,t.style.height=`initial`,t.shadowRoot.querySelector(`img`).style.margin=`initial`)}handleBackClick(){switch(this.focusedPane){case p.CONVERSATION_PICKER:this.focusedPane=p.EXCEPTION_CORRECTION_METHOD;break;default:this.focusedPane=p.DETAILS}}static get styles(){return[u,l,n`:host{display:block}bannoweb-dialog{--bannoweb-dialog-header-border-color:var(--divider-default-color);flex-direction:column;min-height:500px;max-height:calc(100vh - 130px);

59display:flex;overflow-y:auto}article{padding-left:var(--jha-content-inset,24px);margin-top:20px;padding-bottom:16px;overflow-x:auto}jha-slider-pane{max-height:max(450px,100vh - 220px);overflow:auto}.primary-details{flex-direction:column;display:flex}.payee{font-size:16px}.date{color:var(--body-text-secondary-color);font-size:14px}.amount{margin-top:20px;font-size:24px}.check-images{border-bottom:1px solid var(--divider-default-color);gap:16px;margin-top:25px;padding-bottom:15px;display:flex}.check-images .title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.error-message{align-items:center;display:flex}.error-message jha-icon-circle-warning{fill:var(--jha-color-warning);margin-right:6px}.error-message button{color:var(--jha-text-theme);cursor:pointer;background:0 0;border:none}jha-icon-camera{background-color:var(--jha-button-background);width:24px;height:24px;fill:var(--jha-button-text);border-radius:50%;margin:0;padding:6px}.images{align-items:center;margin-top:7px;display:flex}.images span{color:var(--body-text-secondary-color);font-size:13px}.image-button{box-sizing:border-box;background:var(--secondary-content-background-color);border:1px solid var(--jha-border-color);border-radius:2px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:10px;padding:0;display:flex}table{text-align:left;margin-top:24px;margin-bottom:24px;font-size:14px}th{color:var(--body-text-secondary-color);font-weight:400}td{padding:9px 9px 9px 25px}footer{padding-left:var(--jha-content-inset,24px);padding-bottom:16px}footer button.reset{border-top:1px solid var(--jha-border-color);align-items:center;padding:17px 0;display:flex}footer button jha-icon-print,footer button jha-icon-help{fill:var(--jha-text-theme);margin-right:22px}section#active-check-image{border-bottom:1px solid var(--jha-card-header-border-bottom-color,var(--jha-border-color));padding:0 20px 0 35px}section#active-check-image>div{justify-content:right;display:flex}section#image-selection{margin-top:15px;display:flex}button#back-button{z-index:99;cursor:pointer;background:0 0;border:none}button#rotate-button{color:var(--jha-text-theme);cursor:pointer;background:0 0;border:none;align-items:center;padding:10px 0 20px;font-size:14px;display:flex}button#rotate-button jha-icon-refresh{fill:var(--jha-text-theme);margin-right:8px}jha-slider-pane[check-images] button.image-button.active-image{border:2px solid var(--jha-text-theme)}jha-slider-pane[check-images] button.image-button.active-image jha-cached-image{filter:brightness(.3)}button.image-button.selectable{cursor:pointer;position:relative}jha-icon-show{visibility:hidden;position:absolute}button.image-button.selectable:hover jha-icon-show,button.image-button.selectable:active jha-icon-show{visibility:visible}button.image-button.selectable:hover jha-cached-image,button.image-button.selectable:active jha-cached-image{filter:brightness(.3)}jha-list{padding-left:var(--jha-content-inset,24px);padding-bottom:16px}jha-list button.reset{align-items:center;padding:17px 0;display:flex}jha-list button jha-icon-start-conversation,jha-list button jha-icon-phone,jha-list button jha-icon-support{fill:var(--jha-text-theme);margin-right:22px}p{padding-left:var(--jha-content-inset,24px);color:var(--body-text-secondary-color)}`]}getImageButtons(e,t,n){return e?i`<button aria-label="${`View check front`}" type="button" class="image-button"> <jha-icon-assets></jha-icon-assets> </button> <button aria-label="${`View check back`}" type="button" class="image-button"> <jha-icon-assets></jha-icon-assets> </button>`:!e&&t?i`<button aria-label="${`View check front`}" type="button" class="image-button"> <jha-icon-assets></jha-icon-assets> </button> <button aria-label="${`View check back`}" type="button" class="image-button"> <jha-icon-assets></jha-icon-assets> </button> <span class="error-message"> <jha-icon-circle-warning></jha-icon-circle-warning> ${`An error occurred while getting exception images.`} <button @click="${()=>this.getImages()}">${`Retry`}</button> </span>`:!e&&!t&&n?i`${this.images.frontImage?i`<button aria-label="${`View check front`}" type="button" class="image-button selectable" @click="${()=>this.viewCheckImage(m.FRONT)}"> <jha-cached-image src="${this.images.frontImage}"></jha-cached-image> <jha-icon-show></jha-icon-show> </button>`:``} ${this.images.backImage?i`<button aria-label="${`View check back`}" type="button" class="image-button selectable" @click="${()=>this.viewCheckImage(m.BACK)}"> <jha-cached-image src="${this.images.backImage}"></jha-cached-image> <jha-icon-show></jha-icon-show> </button>`:``}`:i`<button aria-label="${`View check front`}" type="button" class="image-button"> <jha-icon-assets></jha-icon-assets> </button> <button aria-label="${`View check back`}" type="button" class="image-button"> <jha-icon-assets></jha-icon-assets> </button> <span>${`There are no images included with this check.`}</span>`}get renderCheckLinks(){return i`<div class="check-images"> <jha-icon-camera></jha-icon-camera> <div> <div class="title"> <span>${`Check images`}</span> ${this.exceptionImagesLoading?i`<jha-progress></jha-progress>`:``} </div> <div class="images"> ${this.getImageButtons(this.exceptionImagesLoading,this.errorLoadingExceptionImages,this.images)} </div> </div> </div>`}get renderDetailsPane(){return i`<jha-slider-pane details one focus> <article> <div class="primary-details"> ${this.exception.payee?i`<span class="payee">${this.exception.payee}</span>`:``} ${this.dateIsValid(this.exception.issuedDate)?i`<span class="date">${o.getSimpleDate(this.exception.issuedDate)}</span>`:``} <span class="amount"><bannoweb-currency amount="${this.exception.amount}"></bannoweb-currency></span> </div> ${this.renderCheckLinks} <table> <tr> <th>${`Account name`}</th> <td>${this.accountName}</td> </tr> ${this.exception.checkId,i`<tr> <th>${`Check number`}</th> <td>${this.exception.checkId}</td> </tr>`} ${this.exception.issuedAmount?i`<tr> <th>${`Issued amount`}</th> <td>${this.exception.issuedAmount}</td> </tr>`:``} ${this.exception.capturedPayeeName?i`<tr> <th>${`Captured payee name`}</th> <td>${this.exception.capturedPayeeName}</td> </tr>`:``} ${this.exception.sourceOfEntry?i`<tr> <th>${`Source of entry`}</th> <td>${this.exception.sourceOfEntry}</td> </tr>`:``} ${this.exception.exceptionReason?i`<tr> <th>${`Exception reason`}</th> <td>${this.exception.exceptionReason}</td> </tr>`:``} ${this.exception.decisionAuthorization?i`<tr> <th>${`Updated by`}</th> <td>${this.exception.decisionAuthorization}</td> </tr>`:``} ${this.exception.decisionTime&&this.exception.decisionTime!==`00:00:00`?i`<tr> <th>${`Time updated`}</th> <td>${o.getShortTime(this.formatTimeAsDate(this.exception.decisionTime))}</td> </tr>`:``} ${this.exception.decisionWorkstation?i`<tr> <th>${`Workstation`}</th> <td>${this.exception.decisionWorkstation}</td> </tr>`:``} <tr> <th>${`Protected`}</th> <td>${this.exception.readOnly?`Yes`:`No`}</td> </tr> <tr> <th>${`DDA Batch`}</th> <td>${this.exception.arpBatchNumber}</td> </tr> <tr> <th>${`DDA Sequence`}</th> <td>${this.exception.arpSequenceNumber}</td> </tr> </table> </article> <footer> <button type="button" class="reset" @click="${this.printExceptionDetail

59s}"> <jha-icon-print></jha-icon-print> ${`Print`} </button> ${this.institution.abilities.pospayExceptionCorrection?i`<button type="button" class="reset" @click="${this.submitExceptionCorrection}"> <jha-icon-help></jha-icon-help> ${`Submit a correction`} </button>`:``} </footer> </jha-slider-pane>`}get renderCheckImagesPane(){return this.images?i`<jha-slider-pane check-images> <article> <section id="active-check-image"> <jha-cached-image src="${this.activeImage}"></jha-cached-image> <div> <button type="button" id="rotate-button" @click="${this.rotateActiveImage}"> <jha-icon-refresh></jha-icon-refresh> <span>${`Rotate`}</span> </button> </div> </section> <section id="image-selection"> <button aria-label="${`View check front`}" type="button" class="image-button ${this.activeImageSide===m.BACK?`selectable`:``} ${this.activeImageSide===m.FRONT?`active-image`:``}" @click="${()=>this.viewCheckImage(m.FRONT)}"> <jha-cached-image src="${this.images.frontImage}"></jha-cached-image> <jha-icon-show></jha-icon-show> </button> <button aria-label="${`View check back`}" type="button" class="image-button ${this.activeImageSide===m.FRONT?`selectable`:``} ${this.activeImageSide===m.BACK?`active-image`:``}" @click="${()=>this.viewCheckImage(m.BACK)}"> <jha-cached-image src="${this.images.backImage}"></jha-cached-image> <jha-icon-show></jha-icon-show> </button> </section> </article> </jha-slider-pane>`:``}get renderExceptionCorrectionMethodPane(){return i`<jha-slider-pane exception-correction-method> <p>${`Submit your correction request by adding it to a conversation.`}</p> <jha-list> <jha-list-item no-padding=""> <button type="button" class="reset" @click="${this.addToExistingConversation}"> <jha-icon-support></jha-icon-support> ${`Add to existing conversation`} </button> </jha-list-item> <jha-list-item no-padding=""> <button type="button" class="reset" @click="${this.startNewConversation}"> <jha-icon-start-conversation></jha-icon-start-conversation> ${`Start a new conversation`} </button> </jha-list-item> <jha-list-item no-padding=""> <button type="button" class="reset"> <jha-icon-phone></jha-icon-phone> Call us at ${this.institution.phoneNumber} </button> </jha-list-item> </jha-list> </jha-slider-pane>`}get renderConversationPickerPane(){return i`<jha-slider-pane conversation-picker> <bannoweb-attachment-conversation-picker .entityId="${this.exception.id}" .nounType="${d.checkException}" description="${`You can add your correction request to a conversation you choose from your list. You can add text or more attachments before sending.`}"></bannoweb-attachment-conversation-picker> </jha-slider-pane>`}render(){return i`<bannoweb-dialog> ${this.focusedPane===p.DETAILS?``:i`<button type="button" id="back-button" slot="header-left" @click="${this.handleBackClick}"> <jha-icon-chevron-back></jha-icon-chevron-back> </button>`} <h1 slot="header-center">${this.getHeaderText(this.focusedPane)}</h1> <jha-slider> <jha-slider-content .focusedPane="${this.focusedPane}"> ${this.renderDetailsPane} ${this.renderCheckImagesPane} ${this.renderExceptionCorrectionMethodPane} ${this.renderConversationPickerPane} </jha-slider-content> </jha-slider> </bannoweb-dialog>`}},customElements.define(window.BannowebPositivePayExceptionDetailsDialogElement.is,window.BannowebPositivePayExceptionDetailsDialogElement);var h=window.BannowebPositivePayExceptionDetailsDialogElement;export{h as default};