https://my.ff-cu.org/en/js/bannoweb-transaction-dialog-d_DHhlkC.js

1import{a as e,n as t}from"./standalone-app-Bj-IdwrG.js";import{n,r}from"./polymer-C_GypsRJ.js";import{E as i,_ as a,x as o}from"./institution-DyFDvNu6.js";import{t as s}from"./display-strings-MZHh2uw2.js";import{t as c}from"./paths-BjKNBopk.js";import{t as l}from"./date-URgChy6n.js";import{t as u}from"./phone-CyPjF9av.js";import{t as d}from"./third-party-account-CBPbZEMc.js";import{Ct as f,H as p,Rn as m,Sr as h,Vn as g,_r as _,at as v,kt as y,o as b,r as x,sn as S}from"./main-5Sl8yySz.js";import{t as C}from"./if-defined-aheZ8lzV.js";import"./jha-progress-CjUOO3no.js";import"./jha-card-DC-UH8vN.js";import"./jha-card-header-D2XWRnD9.js";import"./jha-button-Dyau4S4K.js";import{t as w}from"./observable-models-D0t-na9H.js";import{t as T}from"./language-utils-DMDnwVwz.js";import"./jha-link-button-k4YCp-l3.js";import"./bannoweb-confirmation-DnbjNe7C.js";import{a as E,d as D}from"./banno-styles-B3iGgKv1.js";import"./jha-list-UCQUTbOQ.js";import"./jha-slider-pane-CG5LkspN.js";import"./bannoweb-currency-B8mbcVJL.js";import"./jha-cached-image-pkYHC8-1.js";import"./bannoweb-attachment-conversation-picker-BLDNt0gS.js";import"./bannoweb-enrichments-edit-form-mlIS42HR.js";import{t as O}from"./print-image-B9BZs4-p.js";import"./jha-toast-container-BNt0Z5nD.js";window.BannowebTagOutlineIconElement=class extends a{static get is(){return`bannoweb-tag-outline-icon`}static get properties(){return{color:{type:String}}}static get styles(){return i`:host{width:17px;height:18px;display:inline-block}svg{width:100%;height:100%;display:block}`}render(){return o`<svg width="17px" height="18px" viewBox="0 0 17 18" version="1.1" xmlns="http://www.w3.org/2000/svg"> <g id="Transaction-details" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path stroke="${C(this.color)}" d="M14.2565743,7.40527226 C13.507086,6.61081988 12.3360106,5.36948805 11.5865223,4.57503568 L8.77594114,1.59583928 C8.02645284,0.801386907 6.85537736,0.801386907 6.10588906,1.59583928 L5.16902868,2.58890475 C4.41954038,3.38335712 3.24846491,4.62468895 2.4989766,5.41914133 L1.56211623,6.41220679 C0.812627924,7.20665916 0.812627924,8.447991 1.56211623,9.24244337 L4.37269736,12.2216398 C5.12218566,13.0160921 6.29326114,14.257424 7.04274944,15.0518763 L7.6985517,15.7470222 C8.44804001,16.5414745 9.85333057,17.0876606 10.883877,16.988354 L13.7881442,16.7897409 C14.8186906,16.6904344 15.7087079,15.7470222 15.802394,14.6546502 L15.989766,11.5761472 C16.0834521,10.4837752 15.5213359,8.94452373 14.8186906,8.19972463 L14.2565743,7.40527226 L14.2565743,7.40527226 Z M12.1954815,14.2077707 C11.4459932,14.2077707 10.837034,13.5622781 10.837034,12.7678258 C10.837034,11.9733734 11.4459932,11.3278808 12.1954815,11.3278808 C12.9449698,11.3278808 13.5539291,11.9733734 13.5539291,12.7678258 C13.5539291,13.5622781 12.9449698,14.2077707 12.1954815,14.2077707 L12.1954815,14.2077707 Z"></path> </g> </svg>`}},customElements.define(window.BannowebTagOutlineIconElement.is,window.BannowebTagOutlineIconElement),window.BannowebTagOutlineIconElement;var k=b.transactionsController,A=`transaction`,j=w(T(n));window.BannowebTransactionDialogTagsPaneElement=class extends j{static get is(){return`bannoweb-transaction-dialog-tags-pane`}static get properties(){return{errorMessage:{type:String},newTag:{type:String,value:``},removeTag:{type:String,value:``},tags:{type:Array,value:[]},transaction:Object,updatingTag:{type:String,value:null},updatingTags:{type:Boolean,value:!1,observer:window.BannowebTransactionDialogTagsPaneElement.prototype.updatingTagsChange_}}}constructor(){super(),e(()=>import(`./icon-checkmark-Apyd0pTN.js`).then(e=>e.t),[]),e(()=>import(`./icon-circle-exclamation-CPV1Eg_u.js`).then(e=>e.t),[])}cancelAddTag(e){e.stopPropagation(),this.newTag=``,this.errorMessage=null,this.updatingTags=!1}cancelTagUpdate(e){this.newTag=this.removeTag=``,this.errorMessage=null}isActiveTag_(e,t){return t.indexOf(e||``)>=0}sortTags_(e,t){let n=this.isActiveTag_(e,this.transaction.tags),r=this.isActiveTag_(t,this.transaction.tags);return n&&!r?-1:r&&!n?1:(e||``).localeCompare(t)}showNewTagInput(e){this.updatingTags=!0}inputDisabled(e){return!e.trim().length}toggleTag_(e){let t=this.getDataset(e,`BUTTON`).tag;this.isActiveTag_(t,this.transaction.tags)?this.removeTag=t:this.newTag=t,this.submitTagUpdate_(e)}addTag_(e){if(e.stopPropagation(),this.isActiveTag_(this.newTag,this.transaction.tags)){this.updatingTags=!1;return}this.submitTagUpdate_(e)}submitTagUpdate_(e){e.stopPropagation(),this.errorMessage=null;let t={},n=this.transaction.tags.slice(0);if(this.removeTag){this.updatingTag=this.removeTag;let e=n.indexOf(this.removeTag);n.splice(e,1)}t.tags=n.map(e=>({tag:e,global:!1})),this.newTag&&(this.updatingTag=this.newTag,t.tags.push({tag:this.newTag,global:!1})),k.updateTransaction(t,this.transaction.accountId,this.transaction.id).then(this.handleSuccess.bind(this)).catch(this.handleError.bind(this)).finally(()=>{this.updatingTag=null})}handleSuccess(e){this.stopButtonLoading(),this.cancelTagUpdate(),this.updatingTags=!1,this.notifyPath(`${A}.tags`),this.dispatchEvent(new CustomEvent(`tags-updated`,{bubbles:!0,composed:!0}))}handleError(){this.errorMessage=s.OOPS_OUR_BAD_TRY_AGAIN,this.stopButtonLoading()}stopButtonLoading(){let e=this.root.querySelector(`jha-button[is-loading]`);e&&(e.removeAttribute(`is-loading`),e.isLoading=!1)}getDataset(e,t){return e&&(e.composedPath().find(e=>e.tagName===t)||{}).dataset||{}}updatingTagsChange_(e){e&&setTimeout(()=>{let e=this.root.querySelector(`input[autofocus]`);e&&e.focus()})}isEqual(e,t){return e===t}

1static get template(){return r`<style>.tag{padding-right:8px}jha-progress{margin:2px 10px 2px 2px}bannoweb-tag-outline-icon{margin:3px 11px 3px 4px}jh-icon-checkmark{fill:var(--jha-color-success);margin-right:8px}.errorMessage{color:var(--jha-color-danger);margin-top:10px;margin-left:36px;font-size:13px}jha-list-item{align-items:center;display:flex;overflow-x:hidden}jha-list-item button{align-items:center;display:flex}div.tag{display:block}.tag .errorMessage{margin-left:0}jha-list-item.tag{justify-content:space-between}dom-if{display:none}jha-list-item:hover jha-button{opacity:1;transform:none}jha-list-item:last-of-type{border-bottom:1px solid var(--jha-border-color)}jha-button{margin-left:var(--jha-content-inset);justify-content:flex-start;display:flex}jha-button[icon]{--jha-button-line-height:0}input[type=text]{color:var(--body-text-primary-color);border:1px solid var(--divider-alternative-color);background:var(--primary-content-background-color);border-radius:4px;margin-top:4px;padding:8px;font-family:Roboto;font-size:14px}input:focus{background:var(--secondary-content-background-color);border-color:var(--secondary-content-background-color);outline:none}input:focus-visible{outline:2px solid -webkit-focus-ring-color}.buttons{margin-top:8px;padding-bottom:24px;padding-left:20px;display:flex}#tag-input{border-bottom:none;padding-bottom:0;display:block}.delete-button-wrapper jha-button{--jha-progress-color-button:var(--body-text-secondary-color);opacity:0;width:40px;transition:all .1s ease-out;display:inline-block;transform:translate(20px)}.delete-button-wrapper jha-button[is-loading],.delete-button-wrapper jha-button[focused],jha-list-item:hover jha-button{opacity:1;transform:none}button{@apply --button-reset;}.cancel-button{--jha-button-background:transparent;--jha-button-background-hover:transparent;--jha-button-background-active:transparent;--jha-button-padding-horizontal:8px;--jha-button-text:var(--body-text-secondary-color)}bannoweb-confirmation{padding-top:16px}.button-container{width:200px}.button-container jha-button{margin-bottom:8px;padding:0}h1{margin:16px 0 24px}jh-icon-circle-exclamation{width:125px;height:125px;fill:var(--jha-color-danger)}.confirmation-error-message{color:var(--jha-color-warning);font-size:14px}.sr-only{width:0;height:0;display:inline-block;overflow:hidden}</style> <template is="dom-if" if="[[errorMessage]]"> <jha-error-message>[[errorMessage]]</jha-error-message> </template> <jha-list> <template is="dom-repeat" items="[[tags]]" as="tag" sort="sortTags_"> <jha-list-item class="tag" is-active$="[[isActiveTag_(tag, transaction.tags)]]"> <button on-click="toggleTag_" data-tag$="[[tag]]" type="button" disabled$="[[updatingTag]]"> <template is="dom-if" if="[[!isEqual(updatingTag, tag)]]"> <template is="dom-if" if="[[isActiveTag_(tag, transaction.tags)]]"> <jh-icon-checkmark></jh-icon-checkmark> <span role="alert" aria-live="polite" class="sr-only"> Tag added successfully </span> </template> <template is="dom-if" if="[[!isActiveTag_(tag, transaction.tags)]]"> <bannoweb-tag-outline-icon color="var(--body-text-secondary-color)"></bannoweb-tag-outline-icon> </template> </template> <template is="dom-if" if="[[isEqual(updatingTag, tag)]]"> <jha-progress></jha-progress> </template> <div class="tag">[[tag]]</div> </button> </jha-list-item> </template> <template is="dom-if" if="[[updatingTags]]"> <jha-list-item id="tag-input"> <form on-submit="addTag_"> <bannoweb-tag-outline-icon color="var(--body-text-secondary-color)"></bannoweb-tag-outline-icon> <label class="sr-only" for="new-tag"> New tag </label> <input id="new-tag" autofocus="" type="text" value="{{newTag::input}}"> <div class="buttons"> <jha-button type="submit" primary disabled="[[inputDisabled(newTag)]]" is-loading="[[isEqual(updatingTag, newTag)]]"> Done </jha-button> <jha-button on-click="cancelAddTag" sync="" class="cancel-button" type="button"> Cancel </jha-button> </div> </form> </jha-list-item> </template> <template is="dom-if" if="[[!updatingTags]]"> <jha-button link="" sync="" on-click="showNewTagInput" type="button"> <span aria-hidden="true">+</span> Add tag </jha-button>

1 </template> </jha-list>`}},customElements.define(window.BannowebTransactionDialogTagsPaneElement.is,window.BannowebTransactionDialogTagsPaneElement),window.BannowebTransactionDialogTagsPaneElement;var{store:{messages:M}}=b,N=T(n);window.BannowebTransactionDialogAskUsSectionElement=class extends N{static get is(){return`bannoweb-transaction-dialog-ask-us-section`}static get properties(){return{messages:{type:Object,value:M},institution:Object,showAskUsOptions:{type:Boolean,value:!1},transaction:Object}}constructor(){super(),e(()=>import(`./icon-message-lines-D9enG8vE.js`),[])}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,this._expandAskUsOptions)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`click`,this._expandAskUsOptions)}_closeDialog(e){this.dispatchEvent(new Event(`closeModal`,{composed:!0,bubbles:!0}))}_expandAskUsOptions(e){this.showAskUsOptions=!0}_formatPhone(e){return u.formatPhone(e)}_newConversationRoute(){return`${_.url(c.BANNOWEB_MESSAGES_DETAIL,{openMessageId:`new`})}${`?Transaction=${encodeURIComponent(this.transaction.id)}`}`}_toggleAskUsOptions(e){e.stopPropagation(),this.showAskUsOptions=!this.showAskUsOptions}_showConversationPicker(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`show-conversation-picker`,{composed:!0,bubbles:!0}))}_hasConversations(e){return!!e.find(e=>e instanceof g)}static get template(){return r`<style>:host{color:var(--jha-text-base);font-style:normal;display:block}jh-icon-message-lines{width:24px;height:24px;fill:var(--body-text-theme-color);border-radius:50%;flex-shrink:0;margin-right:10px;padding:6px}a,button{@apply --button-reset;@apply --list-item-padding;text-align:left;box-sizing:border-box;text-decoration:none}jha-list{box-sizing:border-box;margin-bottom:0;padding-left:44px;position:relative}jha-list:before{content:"";top:0;left:var(--jha-list-item-horizontal-spacing);border-top:1px solid var(--jha-border-color);position:absolute;right:0}.item-header{align-items:center;font-size:14px;display:flex}</style> <button class="item-header" on-click="_toggleAskUsOptions" type="button"> <jh-icon-message-lines></jh-icon-message-lines> Attach to a conversation </button> <template is="dom-if" if="[[showAskUsOptions]]"> <jha-list> <template is="dom-if" if="[[_hasConversations(messages.items)]]"> <jha-list-item no-padding=""> <button on-click="_showConversationPicker" type="button"> Add to a conversation </button> </jha-list-item> </template> <jha-list-item no-padding=""> <a href$="[[_newConversationRoute()]]" on-click="_closeDialog"> Start a new conversation </a> </jha-list-item> <jha-list-item>Call us at [[_formatPhone(institution.phoneNumber)]]</jha-list-item> </jha-list> </template>`}},customElements.define(window.BannowebTransactionDialogAskUsSectionElement.is,window.BannowebTransactionDialogAskUsSectionElement),window.BannowebTransactionDialogAskUsSectionElement;var P=y.IMAGE_TYPE;y.ImageMeta;var F=T(n);window.BannowebTransactionDialogImagesListElement=class extends F{static get is(){return`bannoweb-transaction-dialog-images-list`}static get properties(){return{images:{type:Array,value:()=>[]},searchInput:{type:String},selectedImage:{type:Object}}}constructor(){super(),e(()=>import(`./icon-money-check-DsjI7YZi.js`),[]),e(()=>import(`./icon-image-B-SPw5GA.js`),[]),e(()=>import(`./icon-magnifying-glass-WPl4LQI3.js`).then(e=>e.t),[]),e(()=>import(`./icon-circle-xmark-CYluEXDt.js`).then(e=>e.t),[]),e(()=>import(`./icon-receipt-BGZ8KUTP.js`),[]),e(()=>import(`./icon-checkmark-Apyd0pTN.js`).then(e=>e.t),[])}filterDisplayImages(e,t=``){if(!t)return e;let n=t.trim().toLowerCase().replace(/\$|,|#/g,``);return e.filter(e=>!!(e.checkNumber&&e.checkNumber.toLowerCase().includes(n)||e.type===P.CHECK&&e.amount&&Math.abs(e.amount).toFixed(2).includes(n)||e.type.toLowerCase().includes(n)||`uploaded image`.includes(n)&&e.type===P.USER))}isEmptyList(e,t){return this.filterDisplayImages(e,t).length===0}isCheckImage(e){return e.type===P.CHECK}isDepositSlip(e){return e.type===P.DEPOSIT}isUserImage(e){return e.type===P.USER}selectImage(e){e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent(`select-image`,{composed:!0,detail:{image:e.model.item}}))}getImageLabel(e,t){let n=``;return this.isCheckImage(e)?(n=`Check`,e.checkNumber&&(n=`${n} #${e.checkNumber}

1`)):n=this.isDepositSlip(e)?`Deposit slip`:`Uploaded image`,`${t+1}. ${n}`}onSubmit(e){e.preventDefault()}clearSearchInput(e){e.stopPropagation(),this.searchInput=``}isSelectedImage(e,t){return e===t}isCheckAndHasAmount(e){return!!(this.isCheckImage(e)&&e.amount)}static get template(){return r`<style>:host{display:block}button{@apply --button-reset;@apply --list-item-padding;text-align:left;align-items:center;display:flex}.icon{fill:var(--images-list-icon-color);margin-right:8px}input{@apply --base-font-styles;height:52px;width:calc(100% - var(--jha-content-inset) * 2);margin:var(--jha-content-inset);color:var(--jha-text-base);box-sizing:border-box;border:1px solid var(--divider-default-color,#b3bfc9);background-color:var(--jha-component-background-color,#fff);border-radius:4px;padding:16px 44px;font-size:16px}jh-icon-magnifying-glass{top:calc(var(--jha-content-inset) + 14px);left:calc(var(--jha-content-inset) + 12px);width:24px;height:24px;fill:var(--jha-text-light);position:absolute}jh-icon-circle-xmark{width:24px;height:24px;fill:var(--jha-text-light)}#clear{top:calc(var(--jha-content-inset) + 14px);right:calc(var(--jha-content-inset) + 12px);position:absolute}.empty-list{color:var(--jha-text-light);fill:var(--jha-text-light);flex-direction:column;justify-content:center;align-items:center;padding:54px 0;display:flex}.empty-list p{margin:2px}.image-label{flex-grow:1}.checkmark-gutter{text-align:right;width:26px}jh-icon-checkmark{width:18px;height:18px;fill:var(--images-list-checkmark-color)}</style> <form on-submit="onSubmit"> <input type="text" name="search" value="{{searchInput::input}}" autocomplete="off" placeholder="Search images" aria-label="Search images"> <template is="dom-if" if="[[searchInput.length]]"> <jha-button type="button" icon="" sync="" on-click="clearSearchInput" id="clear" aria-label="Clear search input"> <jh-icon-circle-xmark title="Cancel" aria-hidden="false"></jh-icon-circle-xmark> </jha-button> </template> <jh-icon-magnifying-glass aria-hidden="true"></jh-icon-magnifying-glass> </form> <jha-list> <template is="dom-repeat" items="[[filterDisplayImages(images, searchInput)]]"> <jha-list-item no-padding=""> <button on-click="selectImage" type="button"> <template is="dom-if" if="[[isCheckImage(item)]]"> <jh-icon-money-check class="icon" title="check image" aria-hidden="true"></jh-icon-money-check> </template> <template is="dom-if" if="[[isDepositSlip(item)]]"> <jh-icon-receipt class="icon" title="deposit slip" aria-hidden="true"></jh-icon-receipt> </template> <template is="dom-if" if="[[isUserImage(item)]]"> <jh-icon-image class="icon" title="uploaded image" aria-hidden="true"></jh-icon-image> </template> <div class="image-label">[[getImageLabel(item, index)]]</div> <template is="dom-if" if="[[isCheckAndHasAmount(item)]]"> <bannoweb-currency hide-negative-sign="" amount="[[item.amount]]"></bannoweb-currency> </template> <div class="checkmark-gutter"> <template is="dom-if" if="[[isSelectedImage(item, selectedImage)]]"> <jh-icon-checkmark></jh-icon-checkmark> </template> </div> </button> </jha-list-item> </template> </jha-list> <template is="dom-if" if="[[isEmptyList(images, searchInput)]]"> <div class="empty-list"> <jh-icon-image aria-hidden="true"></jh-icon-image> <p>No images found</p> </div> </template>`}},customElements.define(window.BannowebTransactionDialogImagesListElement.is,window.BannowebTransactionDialogImagesListElement),window.BannowebTransactionDialogImagesListElement;var I=y.IMAGE_TYPE;y.ImageMeta;var L=T(n);window.BannowebTransactionDialogImageViewerElement=class extends L{static get is(){return`bannoweb-transaction-dialog-image-viewer`}static get properties(){return{images:{type:Array,value:()=>[]},displayedImageUrl:{type:String},selectedImage:{type:Object,observer:window.BannowebTransactionDialogImageViewerElement.prototype.observeSelectedImage},imageLoading:{type:Boolean,notify:!0},errorLoading:{type:Boolean,value:!1}}}constructor(){super(),e(()=>import(`./icon-image-B-SPw5GA.js`),[]),e(()=>import(`./icon-chevron-left-f3OZxuwt.js`).then(e=>e.t),[])}observeSelectedImage(e){this.errorLoading=!1,e.type===I.USER?this.displayedImageUrl=e.url:this.displayedImageUrl=e.front}hasFrontAndBack(e){return e.type===I.CHECK||e.type===I.DEPOSIT}frontOrBackLabel(e){return e===this.selectedImage.front?`View back`:`View front`}toggleFrontBack(e){this.errorLoading=!1,this.displayedImageUrl===this.selectedImage.front?this.displayedImageUrl=this.selectedImage.back:this.displayedImageUrl=this.selectedImage.front}hasMultipleImages(e=[]){return e.length>1}getImageName(e){return e.type===I.USER?`Uploaded image`:e.type===I.CHECK&&e.checkNumber?`

1Check #${e.checkNumber}`:e.type===I.DEPOSIT?`Deposit slip`:``}getImageIndex(e,t=[]){return t.indexOf(e)+1}clickBack(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`show-list`))}isCheckAndHasAmount(e){return!!(e&&e.type===I.CHECK&&e.amount)}onErrorLoadingImage(e){this.errorLoading=!0}retryLoadImage(e){this.displayedImageUrl=null,this.observeSelectedImage(this.selectedImage)}static get template(){return r`<style>:host{flex-direction:column;height:100%;min-height:450px;display:flex}jha-cached-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex}jha-cached-image[loading]{height:0}#image-container{background:var(--secondary-content-background-color);flex-direction:column;flex:1;justify-content:center;align-items:center;width:auto;height:400px;display:flex;overflow:hidden}#button-container{background:var(--secondary-content-background-color);justify-content:center;align-items:center;width:auto;height:80px;display:flex}#footer{box-sizing:border-box;height:66px;padding:12px 0;display:flex;box-shadow:0 0 4px #0000001f}.image-count{padding:0 var(--jha-content-inset);border-right:1px solid var(--jha-border-color);color:var(--jha-text-theme);justify-content:flex-end;align-items:center;font-size:16px;font-weight:500;display:flex}jh-icon-image{fill:var(--jha-text-theme);margin-right:8px}jh-icon-chevron-left{fill:var(--jha-text-light);width:18px;height:18px;margin-right:2px}.image-name{padding:0 var(--jha-content-inset);flex-direction:column;flex:1 0 auto;justify-content:center;font-size:16px;line-height:24px;display:flex}#footer-btn{@apply --button-reset;width:auto}@media (width<=480px){:host{flex-direction:column;height:calc(100vh - 65px);display:flex}#image-container{flex:1}}</style> <div id="image-container"> <template is="dom-if" if="[[imageLoading]]"> <jha-progress></jha-progress> </template> <template is="dom-if" if="[[!errorLoading]]"> <jha-cached-image loading="{{imageLoading}}" src="[[displayedImageUrl]]" on-error-loading="onErrorLoadingImage"></jha-cached-image> </template> <template is="dom-if" if="[[errorLoading]]"> <jha-button sync="" on-click="retryLoadImage" type="button"> Retry </jha-button> </template> </div> <template is="dom-if" if="[[hasFrontAndBack(selectedImage)]]"> <div id="button-container"> <jha-button sync="" on-click="toggleFrontBack" type="button"> [[frontOrBackLabel(displayedImageUrl)]] </jha-button> </div> </template> <template is="dom-if" if="[[hasMultipleImages(images)]]"> <div id="footer"> <button id="footer-btn" on-click="clickBack" type="button"> <div class="image-count"> <jh-icon-chevron-left></jh-icon-chevron-left> <jh-icon-image></jh-icon-image> [[getImageIndex(selectedImage, images)]] of [[images.length]] </div> </button> <div class="image-name"> [[getImageName(selectedImage)]] <div> <template is="dom-if" if="[[isCheckAndHasAmount(selectedImage)]]"> <bannoweb-currency amount="[[selectedImage.amount]]" hide-negative-sign=""></bannoweb-currency> </template> </div> </div> </div> </template>`}},customElements.define(window.BannowebTransactionDialogImageViewerElement.is,window.BannowebTransactionDialogImageViewerElement),window.BannowebTransactionDialogImageViewerElement,window.BannowebTransactionDialogEDI=class extends a{static get is(){return`bannoweb-transaction-dialog-edi`}static get properties(){return{showDownloadOptions:{type:Boolean},downloadOptions:{type:Array},exportTransactionsController:{type:f},transaction:{type:Object}}}constructor(){super(),e(()=>import(`./icon-arrow-down-to-bracket-BHWoiS3z.js`),[]),this.showDownloadOptions=!1,this.downloadOptions=[],this.exportTransactionsController=b.exportTransactionsController,this.transaction=null}connectedCallback(){super.connectedCallback()}hasDownloadOptions(){return this.downloadOptions.length!==0}toggleDownloadOptions(){this.showDownloadOptions=!this.showDownloadOptions}async downloadFile({fileType:e,uri:n}){try{let t=await this.exportTransactionsController.downloadEDIFile(n);if(e.toLowerCase()===`nacha`){let e=new Blob([t.nachaFile],{type:`application/octet-stream`});v.promptDownload(e,t.fileName)}else v.promptDownload(t,`EDI - ${this.transaction.displayName}`)}catch(e){t.console.log(e),this.dispatchEvent(new h(`Could not download file.`))}}static get styles(){return[E,D,i`button.item-header{align-items:center;display:flex}button.item-header[disabled]{opacity:.4}jh-icon-arrow-down-to-bracket{width:24px;height:24px;

1fill:var(--body-text-theme-color);flex-shrink:0;margin-right:10px;padding:6px}jha-list{box-sizing:border-box;margin-bottom:0;padding-left:46px;position:relative}jha-list:before{content:"";top:0;left:var(--jha-list-item-horizontal-spacing);border-top:1px solid var(--jha-border-color);position:absolute;right:0}`]}getLabel(e){switch(e.toLowerCase()){case`details`:return`Download details (txt)`;case`summary`:return`Download summary (txt)`;case`nacha`:return`Download NACHA`;default:return`download`}}renderDownloadOptions(e){if(e)return o`<jha-list> ${this.downloadOptions.map(e=>o`<button class="reset item-header list-item-padding" type="button" @click="${()=>this.downloadFile(e)}" title="${this.getLabel(e.fileType)}"> ${this.getLabel(e.fileType)} </button>`)} </jha-list>`}render(){return o`<button class="reset item-header list-item-padding" type="button" @click="${this.toggleDownloadOptions}" ?disabled="${!this.hasDownloadOptions()}" title="${this.hasDownloadOptions()?`Download EDI information`:`EDI download unavailable`}"> <jh-icon-arrow-down-to-bracket></jh-icon-arrow-down-to-bracket> ${this.hasDownloadOptions()?`Download EDI information`:`EDI download unavailable`} </button> ${this.renderDownloadOptions(this.showDownloadOptions)}`}},customElements.define(window.BannowebTransactionDialogEDI.is,window.BannowebTransactionDialogEDI),window.BannowebTransactionDialogEDI;var R={DETAILS:`details`,IMAGES_LIST:`images-list`,IMAGE_VIEWER:`image-viewer`,TAGS:`tags`,CONFIRM_IMAGE_REMOVAL:`confirm`,CONVERSATION_PICKER:`conversation`},z=b.store.user,{transactionsController:B}=b,V=b.store.transactions,H=b.store.messages,{store:{conversationSettings:U}}=b,W=b.store.institution,G=y.IMAGE_TYPE;y.ImageMeta;var K=w(T(x(n)));window.BannowebTransactionDialogElement=class extends K{static get is(){return`bannoweb-transaction-dialog`}static get properties(){return{account:Object,accountsCollection:{type:Object,value:()=>b.store.accounts},accountName:String,amountConfig:Object,currentImage:{type:Object},messages:{type:Object,value:()=>H},imageLoaded:{type:Boolean,value:!1,notify:!0},readOnly:{type:Boolean,value:!1,reflectToAttribute:!0},isInPeople:{type:Boolean,value:!1,reflectToAttribute:!0},tags:{type:Array,value:[]},transaction:Object,transactionsController:Object,focusedPane:{type:String,value:R.DETAILS},failedToUpdateNotes:{type:Boolean,value:!1},failedToAddImages:{type:Boolean,value:!1},failedToRemoveImage:{type:Boolean,value:!1},failedToLoadImages:{type:Boolean,value:!1},checkImages:{type:Array,value:()=>[]},userImages:{type:Array,value:()=>[]},institution:{type:Object,value:()=>W},institutionName:String,pending:{type:Boolean,reflectToAttribute:!0,value:!0},similarTransactions:Array,updatedNote:String,updatingNotes:{type:Boolean,value:!1},viewAllSimilarTransactionsHref:String,uploadingImage:{type:Boolean,value:!1},userId:{type:String,value:()=>z.id,observer:window.BannowebTransactionDialogElement.prototype.imagesUpdated},hideHeader:{type:Boolean,value:!1,reflectToAttribute:!0},isLoadingFileUploader:{type:Boolean,value:!1},isRemovingImage:Boolean,fetchingImages:{type:Boolean,value:!1},hideAskUsSection:{type:Boolean,value:!1},conversationSettings:{type:Object,value:()=>U},showEnrichments:{type:Boolean,value:!1},isEditing:{type:Boolean,value:!1},editingSource:{type:String,value:`transaction-dialog`},showEditDetails:{type:Boolean,value:!1},showEDITransactionFlag:{type:Boolean,value:!1},exportTransactionsController:{type:Object,value:()=>b.exportTransactionsController},ediDownloadOptions:{type:Array}}}constructor(){super(),e(()=>import(`./icon-trash-can-BdGHS1VD.js`).then(e=>e.t),[]),e(()=>import(`./icon-printer-DLxH-LLq.js`),[]),e(()=>import(`./icon-circle-exclamation-CPV1Eg_u.js`).then(e=>e.t),[]),e(()=>import(`./icon-plus-CGq-1aop.js`).then(e=>e.t),[]),e(()=>import(`./icon-camera-fDGenHlE.js`),[]),e(()=>import(`./icon-xmark-DBOKkGIi.js`).then(e=>e.t),[]),e(()=>import(`./icon-chevron-left-f3OZxuwt.js`).then(e=>e.t),[]),e(()=>import(`./icon-document-wIRJ9smp.js`).then(e=>e.t),[]),e(()=>import(`./icon-tag-iws9heoX.js`),[]),e(()=>import(`./polymer-file-uploader-Bk_voM-L.js`),[]),e(()=>import(`./icon-money-checks-d_f0Iy7b.js`).then(e=>e.t),[]),this.boundOnTagsUpdate=this.onTagsUpdate.bind(this),this.boundOnFileError=this.onFileError.bind(this),S.evaluate(`transactions-edi`).then(e=>{this.showEDITransactionFlag=e,this.getEDIDownloadOptions()})}connectedCallback(){super.connectedCallback(),this.transaction instanceof p||(this.similarTransactions=this.filterSimilarTransactions(V.items,this.transaction),this.tags=this.getCurrentTags_(V.items),this.viewAllSimilarTransactionsHref=`/all-activity?q=${encodeURIComponent(this.transaction.filteredMemo||``)}`,this.showEditDetails=!!this.transaction.enrichments),this.addEventListener(`tags-updated`,this.boundOnTagsUpdate),this.addEventListener(`file-error`,this.boundOnFileError),this.addEventListener(`show-conversation-picker`,this.selectConversationPickerPane)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`tags-updated`,this.boundOnTagsUpdate),this.removeEventListener(`file-error`,this.boundOnFileError),this.removeEventListener(`show-conversation-picker`,this.selectConversationPickerPane),super.disconnectedCallback()}onTagsUpdate(){this.tags=this.getCurrentTags_(V.items)}hasData(...e){return e.some(e=>e&&e.length>0)}closeModal(e){this.dispatchEvent(new CustomEvent(`closeModal`,{composed:!0,bubbles:!0}))}showDialogHeader(e){return e!==R.CONFIRM_IMAGE_REMOVAL}onClickBack(e){e.stopPropagation();let t=this.root.querySelector(`bannoweb-transaction-dialog-tags-pane`);t&&t.showConfirmation?t.cancelTagUpdate():this.focusedPane=R.DETAILS}showCardNumber(e){return!!e.cardNumber}getCardNumber(e){return`Card x${e.replace(/\D/g,``)}`}selectImageListPane(e){e.stopPropagation(),this.focusedPane=R.IMAGES_LIST}selectUserImage(e){e.stopPropagation(),this.currentImage=e.model.item,this.focusedPane=R.IMAGE_VIEWER}selectCheckImages(e){e.stopPropagation(),this.currentImage=this.checkImages[0],this.focusedPane=R.IMAGE_VIEWER}selectConversationPickerPane(e){e.stopPropagation(),this.focusedPane=R.CONVERSATION_PICKER}_getTagsLabel(e,t){return e||t?`Tags`:`Add tags`}_getNotesLabel(e,t){return e||t?`Notes`:`Add notes`}_getImagesLabel(e,...t){return e||t.some(e=>e>0)?`Images`:`Add images`}getCurrentTags_(e){return e.reduce((e,t)=>

1(t.tags.length&&t.tags.forEach(t=>{e.indexOf(t)<0&&e.push(t)}),e),[])}getEDIDownloadOptions(){this.showEDIState()&&this.exportTransactionsController.getEDIDownloadOptions(this.account.id,this.transaction).then(e=>{this.ediDownloadOptions=e})}showEDIState(...e){return!this.showEDITransactionFlag||!this.institution.abilities.ediTransactionDetails?!1:this.transaction.EDIAvailable}getDownloadOptions(e){return e}selectTagPane(e){e.stopPropagation(),this.readOnly||(this.focusedPane=R.TAGS)}showBackButton(e){return e!==R.DETAILS}showPrintImageButton(e,t){return!t&&e===R.IMAGE_VIEWER}isImagePane(e){return e===R.IMAGES_LIST||e===R.IMAGE_VIEWER}getHeaderText(e,t){return e===R.TAGS?`Add tags`:e===R.IMAGES_LIST?`Images`:e===R.IMAGE_VIEWER?`Image ${this.getImages(this.checkImages,this.userImages).indexOf(t)+1}`:`Transaction details`}formatThisTransactionDate(e){return e?e instanceof p?l.getSimpleDate(e.datePosted):l.getSimpleDate(e.date):``}showViewAllSimilarTransactionsButton(e,...t){return e.length>4&&this.accountsCollection.items.filter(e=>e.showBalanceAndActivity).length<=50}formatSimilarTransactionDate(e){return l.getMonthDate(e)}filterSimilarTransactions(e,t){return e.filter(e=>e.filteredMemo===t.filteredMemo&&e.id!==t.id)}trimSimilarTransactions(e){return e.slice(0,4)}showSection(e,...t){return!e||t.some(e=>e>0)}updateTransaction(e,t,n){B.updateTransaction(e,this.transaction.accountId,this.transaction.id).then(t).catch(n)}toggleUpdatingNotes(e){if(e.stopPropagation(),!this.readOnly){let t=e.target,n=t.dataset.button;if(n===`done`){let e={notes:this.updatedNote},n=()=>{this.isLoadingFileUploader=!1,this.updatingNotes=!1,t.isLoading=!1},r=()=>{this.failedToUpdateNotes=!0,this.isLoadingFileUploader=!1,t.isLoading=!1};this.failedToUpdateNotes=!1,this.updateTransaction(e,n,r);return}if(n===`cancel`){this.updatedNote=this.transaction.notes,this.updatingNotes=!1;return}this.updatedNote=this.transaction.notes,this.updatingNotes=!0}}onClickFileOpener(e){e.stopPropagation(),this.isLoadingFileUploader=!1}imagesUpdated(){if(this.account instanceof d)return;let e=[],t=this.transaction.accountId;this.getCheckImages(this.transaction.id),t&&(e=e.concat(this.transaction.userImageIds.map(e=>({type:G.USER,id:e,url:B.generateTransactionImageUrl(e,this.transaction.id,t,this.userId)})))),this.userImages=e}async getCheckImages(e){this.fetchingImages=!0;let t;try{t=await B.getCheckImages(e,this.transaction.accountId,this.userId)}catch{this.failedToLoadImages=!0}t&&t.checkImages&&(this.transaction.hasProviderImages=!!(t.checkImages||[]).length,this.checkImages=t.checkImages.map((e,t,n)=>{let r=parseFloat(e.amount)>0&&!e.checkNumber?G.DEPOSIT:G.CHECK;return Object.assign({type:r},B.generateCheckImageUrls(e.id,this.transaction.accountId,this.userId),e)})),this.fetchingImages=!1}canDeleteImage(e,t,n){return!t.includes(e)&&n}showDeleteImageButton(e,t,n){return e===R.IMAGE_VIEWER&&this.canDeleteImage(t,n,!0)}removeImage(e){e.preventDefault(),this.isRemovingImage=!0;let t={userImageIdsToKeep:this.transaction.receiptImageIds.filter(e=>e!==this.currentImage.id)};this.failedToRemoveImage=!1,B.updateTransaction(t,this.transaction.accountId,this.transaction.id).then(()=>{this.imagesUpdated()}).catch(()=>{this.failedToRemoveImage=!0}).finally(()=>{this.isLoadingFileUploader=!1,this.focusedPane=R.DETAILS,this.isRemovingImage=!1})}onFileError(){throw Error(`File type not supported`)}_uploadQueueChanged(e){this.failedToAddImages=!1,this.uploadingImage=!0,this.isLoadingFileUploader=!0;let t=new FormData;t.append(`body`,JSON.stringify({receiptImageIds:this.transaction.receiptImageIds})),this.root.querySelector(`polymer-file-uploader`).upload(`PUT`,B.getImageUpdateUrl(this.transaction.accountId,this.transaction.id),t)}_handleFileChange(e){e.preventDefault();let t=e.detail.uploader;t&&this._uploadProgressChanged(t);let n=e.detail.queue;n&&this._uploadQueueChanged(n)}_uploadProgressChanged(e){e.status===`SUCCESS`?this.imageUploaded(e):e.status===`ERROR`&&(this.failedToAddImages=!0,this.isLoadingFileUploader=!1,this.uploadingImage=!1)}imageUploaded(e){B.startImageUploadTask(JSON.parse(e.xhr.responseText).taskId).then(()=>{this.imagesUpdated(),this.isLoadingFileUploader=!1,this.uploadingImage=!1}

1).catch(()=>{this.failedToAddImages=!0,this.isLoadingFileUploader=!1,this.uploadingImage=!1})}showTagsSection(e,t){return!!(e&&e.length)||!t}selectConfirmImageRemovalPane(e){e.stopPropagation(),this.focusedPane=R.CONFIRM_IMAGE_REMOVAL}printImage_(e){let t=[];t=this.currentImage.type===G.USER?[this.currentImage.url]:[this.currentImage.front,this.currentImage.back];let n=`Account: ${this.accountName||this.account.name}
2      <br>Date: ${l.getSimpleDate(new Date)}`;O.openPrintWindow(t,n)}setCardHeaderDisplayAttribute_(e){this.hideHeader=e.detail.value}formatTagList_(e){return e.sort((e,t)=>e.localeCompare(t)).join(`, `)}onSelectImage(e){this.currentImage=e.detail.image,this.focusedPane=R.IMAGE_VIEWER}isCheckImage(e,t=[]){return t.includes(e)}onImageLoadingChanged(e){this.imageLoaded=!e.detail.value}getImages(e=[],t=[]){return e.concat(t)}_showAskUsSection(e,t,n,r){return e||t||!r?!1:n}_filterConversations(...e){return this.messages.items.filter(e=>e instanceof g)}isThirdPartyTransaction(e){return e instanceof p}castAsTransaction(e){return e}editTransactionDetails(e){this.isEditing=!0}finishTransactionDetailsEditing(e){this.isEditing=!1}getFormattedEnrichmentsDisplayName(e,t,n,r){return n&&r?.cleanMemo?r.cleanMemo:e||t}getFormattedTransactionEnrichmentsCategory(e){let t=e?.expenseCategory,n=e?.customExpenseCategory;return!e||!t&&!n?``:t&&m.EnrichmentCategoryFormattedMap.has(t)?m.EnrichmentCategoryFormattedMap.get(t):m.EnrichmentCategoryFormatted.GENERAL}static get template(){return r`<style>:host{display:block;@apply --base-font-styles;--item-header-color:var(--jha-text-base);--item-header-has-data-color:var(--jha-color-success);--image-count-color:var(--jha-text-theme);--images-list-icon-color:var(--jha-text-theme);--images-list-checkmark-color:var(--jha-text-theme)}:host([is-people]){--jha-card-header-margin-left:0;--jha-card-header-padding-left:16px;--jha-card-header-padding-top:32px;--jha-card-header-padding-bottom:32px;--item-header-color:var(--jha-text-light);--item-header-has-data-color:var(--jha-text-light);--image-count-color:var(--jha-text-light);--secondary-content-background-color:var(--jha-color-light);--images-list-icon-color:var(--jha-text-dark);--images-list-checkmark-color:var(--jha-color-success)}:host .edit-details-button{--jha-button-default-font-size:14px;--jha-button-font-weight:400}jha-slider-pane{min-height:200px;max-height:calc(100vh - 130px);overflow-y:auto}jha-card-header{--jha-card-header-display:grid;--jha-card-header-display-ie:-ms-grid;font-size:var(--jha-card-header-font-size,20px)}jha-button{justify-content:center;display:flex}jha-button[icon],jha-link-button[icon]{--jha-button-line-height:0}jh-icon-xmark{fill:var(--jha-color-muted);width:18px;height:18px}jha-list-item#ask-us{padding-right:0}jha-list-item p,jha-list-item h3{margin:4px 0;font-size:16px;font-weight:400}jha-list-item .subtitle{overflow-wrap:break-word;color:var(--body-text-secondary-color,#8d99a0);text-align:left;font-size:14px}jha-list-item.no-border:after{border-bottom:0}h2{margin:22px 0 0;font-size:24px;font-weight:400}.footer-text{color:var(--body-text-secondary-color,#8d99a0);font-size:12px;font-style:italic}.footer-enrichments-text{margin-top:11px}.item-header{color:var(--item-header-color);align-items:center;font-size:14px;display:flex}jh-icon-camera,jh-icon-document,jh-icon-tag{width:24px;height:24px;fill:var(--body-text-theme-color);margin-right:10px;padding:6px}jh-icon-plus{fill:var(--body-text-theme-color,#8c989f)}jh-icon-circle-exclamation{width:125px;height:125px;fill:var(--jha-color-warning)}.item-header[has-data]{color:var(--item-header-has-data-color)}.item-header[has-data] jh-icon-document,.item-header[has-data] jh-icon-tag,.item-header[has-data] jh-icon-camera{fill:var(--primary-content-background-color);background:var(--item-header-has-data-color);border-radius:50%;width:18px;height:18px;margin:0 12px 0 4px;padding:6px}textarea[title=transaction\\ note]{resize:none;width:95%;color:var(--body-text-primary-color,#6b757b);border:1px solid var(--jha-color-light);background:0 0;border-radius:4px;margin-top:4px;margin-bottom:8px;padding:8px;font-family:Roboto;font-size:14px}textarea:focus[title=transaction\\ note]{background:var(--jha-color-light);outline:none}.item-contents{margin-left:45px}.images-contents{--jha-progress-color-button:var(--body-text-secondary-color,#8d99a0);flex-wrap:wrap;justify-content:flex-start;display:flex}.image-button{box-sizing:border-box;--jha-button-padding-vertical:0;--jha-button-padding-horizontal:0;background:var(--secondary-content-background-color);border:1px solid var(--jha-border-color);border-radius:2px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:10px;display:flex}.add-image{background:0 0}.with-count{flex-direction:column}.with-count jh-icon-money-checks{width:18px;height:18px;

2fill:var(--image-count-color);margin-bottom:4px}.with-count div{color:#fff;background:var(--image-count-color);border-radius:var(--card-corner-radius);justify-content:center;align-items:center;height:16px;padding:0 8px;font-size:10px;font-weight:500;display:flex}.buttons{margin-top:12px;display:flex}.list-item-header{font-size:16px;font-weight:500}.list-item-wrapper{color:var(--body-text-secondary-color,#8d99a0);text-align:right;font-size:14px}.list-item-content{text-align:left;margin-top:14px;display:flex}.list-item-content div{flex-grow:1}.list-item-content bannoweb-currency{flex-grow:0;flex-shrink:1}.list-item-wrapper jha-link-button{margin-top:14px}.detailImageThumbnail{width:auto;max-width:48px;height:auto;max-height:48px;overflow:hidden}.errorMessage{color:var(--jha-color-danger);margin-bottom:12px;font-size:13px}jha-slider-pane[details] jha-list-item.header{gap:18px;display:flex}jha-list-item#footer{flex-direction:column}.details-container{width:100%}.enrichments-details-container{column-gap:10px;display:flex}.enrichments-icon-wrapper{width:32px;height:32px}.enrichments-details-wrapper{flex-direction:column;flex-grow:1;row-gap:4px;display:flex}.enrichments-details-row{justify-content:space-between;display:flex}.enrichments-display-name,.enrichments-currency{font-size:16px;font-weight:500}.edit-details-button{margin:20px 0 0 40px;display:inline-flex}jha-slider-pane[tags] jha-list-item{align-items:center;display:flex}jha-slider-pane[tags] jha-list-item:last-of-type{border-bottom:1px solid var(--jha-border-color)}jha-slider-pane[tags] jha-button{justify-content:flex-start;padding-left:26px}jha-slider-pane[tags] bannoweb-tag-outline-icon{margin-right:16px}jha-slider-pane[tags] input{color:var(--body-text-primary-color,#6b757b);border:1px solid var(--jha-color-light);border-radius:4px;margin-top:4px;padding:8px;font-family:Roboto;font-size:14px}jha-slider-pane[tags] input:focus{background:var(--jha-color-light);outline:none}jha-slider-pane[tags] .buttons{padding-bottom:24px;padding-left:33px}#tag-input{border-bottom:none;padding-bottom:0}.tag{padding-right:8px}:host([pending]) jha-list-item{color:var(--body-text-secondary-color,#8d99a0);font-style:italic}.delete-button-wrapper{text-align:right;flex:auto;overflow:hidden}.delete-button-wrapper jha-button{--jha-progress-color-button:var(--body-text-secondary-color,#8d99a0);opacity:0;width:40px;transition:all .1s ease-out;display:inline-block;transform:translate(20px)}.delete-button-wrapper jha-button[is-loading],.delete-button-wrapper jha-button[focused]{opacity:1;transform:none}jha-button[focused] jh-icon-trash-can{fill:var(--body-text-primary-color,#6b757b);transform:scale(1.1)}jha-list-item:hover jha-button{opacity:1;transform:none}jh-icon-trash-can,jh-icon-printer{width:18px;fill:var(--jha-text-base);padding:2px 8px}button{@apply --button-reset;}button[disabled]{cursor:auto}button[disabled] jh-icon-document,button[disabled] jh-icon-tag,div[disabled] jh-icon-camera{fill:var(--jha-text-light)}:host([hide-header]) jha-card-header{--jha-border-color:none}bannoweb-confirmation jha-button{margin:0 4px}@media (width<=750px){jha-button{top:0;right:0}}@media (width<=739px){.print-button{display:none}}@media (width<=480px){:host{height:100%}jha-slider-pane{max-height:calc(100vh - 67px)}jha-slider-pane[details] jha-list-item.header{gap:8px}jha-slider-pane[image-viewer]{max-height:none;position:fixed;inset:60px 0 0}}@media (height<=480px){jha-slider-pane{max-height:calc(100vh - 67px)}}@media print{jha-card-header,.image-well{display:none}#currentImage{max-width:100%;height:auto}}</style> <template is="dom-if" if="[[showDialogHeader(focusedPane)]]"> <jha-card-header center-header=""> <template is="dom-if" if="[[showBackButton(focusedPane)]]"> <jha-button sync="" icon="" slot="header-left" on-click="onClickBack" type="button"> <jh-icon-chevron-left aria-label="Back" aria-hidden="false"></jh-icon-chevron-left> </jha-button> </template> <template is="dom-if" if="[[!hideHeader]]"> <h1>[[getHeaderText(focusedPane, currentImage)]]</h1> </template> <template is="dom-if" if="[[showPrintImageButton(focusedPane, readOnly)]]"> <jha-button icon="" sync="" on-click="printImage_" disabled="[[!imageLoaded]]" slot="header-right" class="print-button" type="button"> <jh-icon-printer aria-label="Print" aria-hidden="false"></jh-icon-printer> </jha-button>

2 <template is="dom-if" if="[[showDeleteImageButton(focusedPane, currentImage, checkImages)]]"> <jha-button id="delete" sync="" slot="header-right" aria-label="Delete image" icon="" on-click="selectConfirmImageRemovalPane" disabled="[[!canDeleteImage(currentImage, checkImages, imageLoaded)]]" type="button"> <jh-icon-trash-can></jh-icon-trash-can> </jha-button> </template> </template> <template is="dom-if" if="[[!isImagePane(focusedPane)]]"> <jha-button sync="" slot="header-right" icon="" on-click="closeModal" data-test-id="close-button" type="button"> <jh-icon-xmark aria-label="Close dialog" aria-hidden="false"></jh-icon-xmark> </jha-button> </template> </jha-card-header> </template> <jha-slider> <jha-slider-content focused-pane="[[focusedPane]]"> <jha-slider-pane details="" one="" focus=""> <article> <jha-list> <template is="dom-if" if="[[!showEnrichments]]"> <jha-list-item data-test-id="header" class="header"> <div> <h3> [[getFormattedEnrichmentsDisplayName(transaction.displayName, transaction.filteredMemo, showEnrichments, transaction.enrichments)]] </h3> <p class="subtitle"> <template is="dom-if" if="[[pending]]">Pending - </template> [[formatThisTransactionDate(transaction)]] </p> <template is="dom-if" if="[[showCardNumber(transaction)]]"> <p class="subtitle"> [[getCardNumber(transaction.cardNumber)]] </p> </template> <h2> <bannoweb-currency amount="[[amountConfig.amount]]" hide-negative-sign="[[amountConfig.sign]]" show-positive-sign="[[amountConfig.sign]]"> </bannoweb-currency> </h2> </div> </jha-list-item> </template> <template is="dom-if" if="[[showEnrichments]]"> <jha-list-item data-test-id="header" class="header no-border"> <div class="details-container"> <template is="dom-if" if="[[!isEditing]]"> <div class="enrichments-details-container"> <div class="enrichments-icon-wrapper"> <bannoweb-enrichment-icon enrichments="[[transaction.enrichments]]" data-test-id="enrichment"></bannoweb-enrichment-icon> </div> <div class="enrichments-details-wrapper"> <div class="enrichments-details-row"> <div class="enrichments-display-name"> [[getFormattedEnrichmentsDisplayName(transaction.displayName, transaction.filteredMemo, showEnrichments, transaction.enrichments)]] </div> <div class="enrichments-currency"> <bannoweb-currency amount="[[amountConfig.amount]]" hide-negative-sign="[[amountConfig.sign]]" show-positive-sign="[[amountConfig.sign]]"> </bannoweb-currency> </div> </div> <div class="enrichments-details-row"> <div>[[getFormattedTransactionEnrichmentsCategory(transaction.enrichments)]]</div> <div> <template is="dom-if" if="[[pending]]">Pending - </template> [[formatThisTransactionDate(transaction)]] </div> </div> <template is="dom-if" if="[[showCardNumber(transaction)]]"> <p class="subtitle"> [[getCardNumber(transaction.cardNumber)]] </p> </template> </div> </div> <template is="dom-if" if="[[showEditDetails]]"> <jha-button class="edit-details-button" type="button" on-click="editTransactionDetails" default="" sync=""> Edit details </jha-button> </template> </template> <template is="dom-if" if="[[isEditing]]"> <bannoweb-enrichments-edit-form editing-source="[[editingSource]]" on-finish-editing="finishTransactionDetailsEditing" transaction="[[transaction]]" transactions-controller="[[transactionsController]]"> </bannoweb-enrichments-edit-form> </template> </div> </jha-list-item> </template> <template is="dom-if" if="[[!isThirdPartyTransaction(transaction)]]"> <template is="dom-if" if="[[showTagsSection(transaction.tags, pending)]]"> <jha-list-item data-test-id="tags"> <button on-click="selectTagPane" disabled="[[readOnly]]" type="button"> <div class="item-header" has-data$="[[hasData(transaction.tags)]]"> <jh-icon-tag></jh-icon-tag> [[_getTagsLabel(transaction.tags.length, readOnly)]] </div> <div class="item-contents subtitle">[[formatTagList_(transaction.tags)]]</div> </button> </jha-list-item> </template> <template is="dom-if" if="[[showSection(pending, transaction.notes.length)]]"> <template is="dom-if" if="[[!updatingNotes]]"> <jha-list-item data-test-id="notes"> <button on-click="toggleUpdatingNotes" disabled="[[readOnly]]" type="button"> <div class="item-header" has-data$="[[hasData(transaction.notes)]]"> <jh-icon-document></jh-icon-document> [[_getNotesLabel(transaction.notes.length, readOnly)]] </div> <div class="item-contents"> <p class="subtitle">[[transaction.notes]]</p> </div> </button> </jha-list-item> </template> <template is="dom-if" if="[[updatingNotes]]"> <jha-list-item data-test-id="edit-notes"> <div class="item-header" has-data$="[[hasData(transaction.notes)]]"> <jh-icon-document></jh-icon-document> [[_getNotesLabel(transaction.notes.length, readOnly)]] </div> <div class="item-contents"> <textarea rows="3" autofocus="" title="transaction note" value="{{updatedNote::input}}"></textarea> <template is="dom-if" if="[[failedToUpdateNotes]]"> <div class="errorMessage">Failed to update note. Please try again.</div> </template> <div class="buttons"> <jha-button on-click="toggleUpdatingNotes" primary="" data-button="done" type="button">Done</jha-button>

2 <jha-button on-click="toggleUpdatingNotes" sync="" class="cancel-button" data-button="cancel" type="button">Cancel</jha-button> </div> </div> </jha-list-item> </template> </template> <template is="dom-if" if="[[showSection(pending, checkImages.length, userImages.length)]]"> <jha-list-item data-test-id="images"> <div class="item-header" has-data$="[[hasData(userImages, checkImages)]]" disabled$="[[readOnly]]"> <jh-icon-camera></jh-icon-camera> [[_getImagesLabel(readOnly, checkImages.length, userImages.length)]] </div> <template is="dom-if" if="[[failedToRemoveImage]]"> <div class="images-contents item-contents"> <div class="errorMessage">Failed to remove image. Please try again.</div> </div> </template> <template is="dom-if" if="[[failedToAddImages]]"> <div class="images-contents item-contents"> <div class="errorMessage">Failed to add image(s). Please try again.</div> </div> </template> <template is="dom-if" if="[[failedToLoadImages]]"> <div class="images-contents item-contents"> <div class="errorMessage">Failed to load all images. Please try again.</div> </div> </template> <div class="images-contents item-contents"> <template is="dom-if" if="[[fetchingImages]]"> <jha-button aria-label="Loading images" class="image-button" icon="" disabled="" is-loading="" sync="" type="button"> <jh-icon-plus></jh-icon-plus> </jha-button> </template> <template is="dom-if" if="[[checkImages.length]]"> <button aria-label="View images" class="image-button with-count" on-click="selectCheckImages" type="button"> <jh-icon-money-checks></jh-icon-money-checks> <div>[[checkImages.length]]</div> </button> </template> <template is="dom-repeat" items="[[userImages]]"> <button aria-label="View image" class="image-button" on-click="selectUserImage" t

2ype="button"> <jha-cached-image class="detailImageThumbnail" src="[[item.url]]"></jha-cached-image> </button> </template> <template is="dom-if" if="[[!readOnly]]"> <polymer-file-uploader on-click="onClickFileOpener" name="receiptImages" type="select" multiple="" accept="image/*" on-change="_handleFileChange"> <jha-button id="component-test-id" aria-label="Attach Image" class="add-image image-button" icon="" disabled="[[uploadingImage]]" is-loading="[[isLoadingFileUploader]]" sync="" type="button"> <jh-icon-plus></jh-icon-plus> </jha-button> </polymer-file-uploader> </template> </div> </jha-list-item> </template> <template is="dom-if" if="[[_showAskUsSection(isInPeople, hideAskUsSection, institution.abilities.conversations, conversationSettings.nouns.transactions)]]"> <jha-list-item id="ask-us" no-padding=""> <bannoweb-transaction-dialog-ask-us-section institution="[[institution]]" transaction="[[transaction]]"> </bannoweb-transaction-dialog-ask-us-section> </jha-list-item> </template> <template is="dom-if" if="[[showEDIState(showEDITransactionFlag)]]"> <jha-list-item id="ask-us" no-padding=""> <bannoweb-transaction-dialog-edi transaction="[[transaction]]" download-options="[[getDownloadOptions(ediDownloadOptions)]]"> </bannoweb-transaction-dialog-edi> </jha-list-item> </template> <template is="dom-if" if="[[transaction.loanPaymentBreakdown.length]]"> <jha-list-item data-test-id="loan-payment-breakdown"> <div class="list-item-header">Loan payment breakdown</div> <div class="list-item-wrapper"> <template is="dom-repeat" items="[[transaction.loanPaymentBreakdown]]" as="payment"> <div class="list-item-content"> <div>[[payment.description]]</div> <bannoweb-currency amount="[[payment.amount]]"></bannoweb-currency> </div> </template> </div> </jha-list-item> </template> <template is="dom-if" if="[[similarTransactions.length]]"> <jha-list-item data-test-id="similar-transactions"> <div class="list-item-header">Similar transactions</div> <div class="list-item-wrapper"> <template is="dom-repeat" items="[[trimSimilarTransactions(similarTransactions)]]" as="similarTransaction"> <div class="list-item-content"> <div>[[formatSimilarTransactionDate(similarTransaction.date)]]</div> <bannoweb-currency amount="[[similarTransaction.amount]]" hide-negative-sign="[[amountConfig.sign]]" show-positive-sign="[[amountConfig.sign]]"> </bannoweb-currency> </div> </template> <template is="dom-if" if="[[showViewAllSimilarTransactionsButton(similarTransactions, accountsCollection.loading)]]"> <jha-link-button default="" href="[[viewAllSimilarTransactionsHref]]" on-click="closeModal"> View all </jha-link-button> </template> </div> </jha-list-item> </template> </template> <jha-list-item data-test-id="footer" id="footer"> <div class="footer-text">[[institutionName]] - [[accountName]]</div> <div class="footer-text">[[transaction.memo]]</div> <template is="dom-if" if="[[showEnrichments]]"> <div class="footer-text footer-enrichments-text"> Transaction category information is automatically generated. </div> </template> </jha-list-item> </jha-list> </article> </jha-slider-pane> <jha-slider-pane images-list=""> <bannoweb-transaction-dialog-images-list images="[[getImages(checkImages, userImages)]]" selected-image="[[currentImage]]" on-select-image="onSelectImage"> </bannoweb-transaction-dialog-images-list> </jha-slider-pane> <jha-slider-pane image-viewer=""> <bannoweb-transaction-dialog-image-viewer images="[[getImages(checkImages, userImages)]]" selected-image="[[currentImage]]" on-image-loading-changed="onImageLoadingChanged" on-show-list="selectImageListPane"> </bannoweb-transaction-dialog-image-viewer> </jha-slider-pane> <jha-slider-pane tags=""> <bannoweb-transaction-dialog-tags-pane tags="[[tags]]" transaction="[[castAsTransaction(transaction)]]" on-show-confirmation-changed="setCardHeaderDisplayAttribute_"> </bannoweb-transaction-dialog-tags-pane> </jha-slider-pane> <jha-slider-pane confirm=""> <bannoweb-confirmation> <jh-icon-circle-exclamation slot="icon"></jh-icon-circle-exclamation> <h1 slot="header">Are you sure?</h1> <p slot="description">This image will be removed from this transaction.</p> <jha-button sync="" outline-primary="" on-click="onClickBack" type="button">Cancel</jha-button>

2 <jha-button primary type="button" is-loading="[[isRemovingImage]]" on-click="removeImage"> Remove </jha-button> </bannoweb-confirmation> </jha-slider-pane> <jha-slider-pane conversation=""> <bannoweb-attachment-conversation-picker entity-id="[[transaction.id]]" noun-type="Transaction" description="Your transaction will be attached to the conversation you choose from your list. You can add text or more transactions before sending."> </bannoweb-attachment-conversation-picker> </jha-slider-pane> </jha-slider-content> </jha-slider> <jha-toast-container></jha-toast-container>`}},customElements.define(window.BannowebTransactionDialogElement.is,window.BannowebTransactionDialogElement);var q=window.BannowebTransactionDialogElement;export{q as default};