https://accounts.thepeoples.com/en/js/bannoweb-settings-institution-BY5Gdu89.js

1import{a as e,n as t}from"./standalone-app-Bj-IdwrG.js";import{n,r}from"./polymer-C_GypsRJ.js";import"./institution-DyFDvNu6.js";import{t as i}from"./display-strings-MZHh2uw2.js";import{t as a}from"./page-B8YwBOEr.js";import{Sr as o,_r as s,i as c,o as l,yr as u}from"./main-5Sl8yySz.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 d}from"./observable-models-D0t-na9H.js";import{t as f}from"./language-utils-DMDnwVwz.js";import"./bannoweb-flex-wrapper-DLiUDxGK.js";import{t as p}from"./bannoweb-confirmation-dialog-6ZiCES-9.js";import"./jha-form-switch-CLwMa4i1.js";import"./jha-list-UCQUTbOQ.js";import"./jha-slider-pane-CG5LkspN.js";import{t as m}from"./account-utils-C6VeaSSW.js";import"./jha-flex-wrapper-DmIt29Hs.js";import{t as h}from"./filtered-collection-C1ad7CSp.js";import"./jha-pill-box-BeJVGhix.js";import"./jha-search-box-Bwc8DkvB.js";import"./jha-pagination-controls-BTRFhTFM.js";import"./bannoweb-accounts-filter-menu-z03qnmKk.js";import{t as g}from"./account-filters-mixin-DvCCUOgb.js";import"./bannoweb-toggle-account-visibility-BIBVfqZY.js";var _=f(n);window.BannowebSettingsAggregatedAccountTableElement=class extends _{static get is(){return`bannoweb-settings-aggregated-account-table`}static get properties(){return{accounts:{type:Array,value:()=>[]}}}constructor(){super(),e(()=>import(`./icon-circle-info-CI9QftZe.js`).then(e=>e.t),[])}sortAlpha(e,t){return e.name.localeCompare(t.name)}getTooltipText(){return`When toggle is on:&#10;&#10;- This account will be visible on the&#10;dashboard and account pages&#10;&#10;- You may set up and receive alerts&#10;for this account`}static get template(){return r`<style> :host() {
2        display: block;
3      }
4      .list-item.heading {
5        font-size: 12px;
6        color: var(--body-text-secondary-color);
7        font-weight: 400;
8        text-align: left;
9        padding-right: 44px;
10        box-sizing: border-box;
11      }
12      .list-item {
13        box-sizing: border-box;
14        display: flex;
15        margin-left: var(--jha-list-item-horizontal-spacing);
16        border-bottom: 1px solid var(--divider-default-color);
17        padding-top: var(--jha-list-item-vertical-spacing);
18        padding-bottom: var(--jha-list-item-vertical-spacing);
19        padding-right: 32px;
20      }
21      .switch-column {
22        width: 180px;
23      }
24      .account-column {
25        flex-grow: 1;
26      }
27      .account-name {
28        font-size: 16px;
29        font-weight: 500;
30      }
31      .sub-title {
32        color: var(--body-text-secondary-color);
33      }
34      .mobile-label {
35        display: none;
36      }
37      jha-tooltip {
38        --jha-tooltip-text-align: left;
39      }
40      jh-icon-circle-info {
41        fill: var(--body-text-secondary-color);
42        width: 18px;
43        height: 18px;
44      }
45      .tooltip-column {
46        display: flex;
47        align-items: center;
48      }
49      .tooltip-column > div {
50        width: 130px;
51      }
52      @media (max-width: 768px) {
53        .list-item {
54          flex-direction: column;
55        }
56        .list-item.heading {
57          display: none;
58        }
59        .mobile-label {
60          display: flex;
61          align-items: center;
62          color: var(--body-text-secondary-color);
63          font-size: 12px;
64        }
65        .switch-column {
66          display: flex;
67          align-items: center;
68          justify-content: space-between;
69          width: 100%;
70        }
71      } </style> <jha-list> <div class="list-item heading"> <div class="account-column">Account</div> <div class="switch-column">Display in online and mobile banking</div> <div class="switch-column tooltip-column"> <div> Display activity and transactions </div> <jha-tooltip bottom-left text="When toggle is on:&#10;&#10;- This account will be visible on the&#10;dashboard and account pages&#10;&#10;- You may set up and receive alerts&#10;for this account"><jh-icon-circle-info></jh-icon-circle-info></jha-tooltip> </div> </div> <template is="dom-repeat" items="[[accounts]]" as="account" initial-count="15" delay="50" sort="sortAlpha"> <div class="list-item"> <div class="account-column"> <div class="account-name"> [[account.name]] </div> <div class="sub-title"> [[account.numbers]] </div> </div> <div class="switch-column"> <span class="mobile-label">Display in online and mobile banking</span> <bannoweb-toggle-account-visibility show-in-app-switch account-id="[[account.id]]" account-hidden="[[account.hidden]]" contributes-to-aggregate-totals="[[account.contributesToAggregateTotals]]"></bannoweb-toggle-account-visibility> </div> <div class="switch-column"> <span class="mobile-label"> Display activity and transactions <jha-tooltip bottom text="When toggle is on:&#10;&#10;- This account will be visible on the&#10;dashboard and account pages&#10;&#10;- You may set up and receive alerts&#10;for this account"><jh-icon-circle-info></jh-icon-circle-info></jha-tooltip> </span> <bannoweb-toggle-account-visibility show-balance-switch account-id="[[account.id]]" account-hidden="[[account.hidden]]" contributes-to-aggregate-totals="[[account.contributesToAggregateTotals]]"></bannoweb-toggle-account-visibility> </div> </div> </template>

71 </jha-list>`}},customElements.define(window.BannowebSettingsAggregatedAccountTableElement.is,window.BannowebSettingsAggregatedAccountTableElement),window.BannowebSettingsAggregatedAccountTableElement;var v=l.accountsController,y=class extends h{},b=u(d(g(m(f(n)))));window.BannowebSettingsInstitutionElement=class extends b{static get is(){return`bannoweb-settings-institution`}static get properties(){return{accountId:{type:String},accounts:{type:Object,value:()=>l.store.accounts},currentInstitution:{type:Object,value:()=>l.store.institution},institutionId:{type:String,observer:window.BannowebSettingsInstitutionElement.prototype.onInstitutionIdChange_},institutionAccounts:Object,isPrimaryInstitution:{type:Boolean,value:!1},userPreferences:{type:Object,value:()=>l.store.userPreferences},pageIndex:{type:Number},pages:{type:Array},showSearch:{type:Boolean,value:!1},isChangingRunningBalancePreference:Boolean}}constructor(){super(),e(()=>import(`./icon-chevron-right-small-BraCudZ4.js`).then(e=>e.t),[]),e(()=>import(`./icon-magnifying-glass-WPl4LQI3.js`).then(e=>e.t),[]),e(()=>import(`./icon-wallet-Hlxb2zSP.js`).then(e=>e.t),[]),e(()=>import(`./icon-circle-xmark-CYluEXDt.js`).then(e=>e.t),[]),e(()=>import(`./icon-trash-can-BdGHS1VD.js`).then(e=>e.t),[]),e(()=>import(`./bannoweb-settings-account-8FNZFfUv.js`),[])}onBackClicked(e){history.back()}showAllAccountsSettings_(e,t){let n=(t||``).toLowerCase();return e&&(n===`posted`||n===`all`)}toggleRunningBalancePreference_(e){if(this.isChangingRunningBalancePreference)return;let t=e.currentTarget;(async()=>{this.isChangingRunningBalancePreference=!0;try{await l.userPreferencesController.saveRunningBalancePreference(t.checked)}catch{t.checked=this.userPreferences.runningBalanceEnabled,this.dispatchEvent(new o(i.OOPS_OUR_BAD_TRY_AGAIN))}finally{this.isChangingRunningBalancePreference=!1}})()}onInstitutionIdChange_(){this.isPrimaryInstitution=this.institutionId===t.config.id,this.updateInstitutionAccounts_()}onAccountsChange_(){this.updateInstitutionAccounts_()}updateInstitutionAccounts_(){this.institutionAccounts=new y(this.accounts,e=>e.institution.id===this.institutionId)}hasAccounts(e,t,n,...r){return!!this.displayAccounts(e,t,n).length}getPages(e){return e}getInstitutionName(e){let t=(this.accounts.items.find(t=>t.institution.id===e)||{}).institution;return t?t.name:!1}institutionSettingsPath(e,t){return`/settings/institution/${t}/account/${e}`}async routeEnter(e,t,n,r){let i=this.getInstitutionName(this.institutionId)||`Institution`;return a.setTitleAndTrack(`${i} settings`,s.getRouteUrlWithoutParams(r),n),super.routeEnter(e,t,n,r)}toggleSearch(e){if(this.showSearch=!this.showSearch,this.showSearch){let e=this.root.querySelector(`#account-search`),t=e=>{this.removeEventListener(`transitionend`,t);let n=this.root.querySelector(`#searchInput`);n&&n.focus&&n.focus()};e&&(e.addEventListener(`transitionend`,t),setTimeout(()=>{e.removeEventListener(`transitionend`,t)},400))}else this.accountQuery=``,this.selectedAccountTypeFilters=[],this.selectedInstitutions=[]}showCancel(e){return!!e}clear(e){e&&e.preventDefault(),this.accountQuery=``}getPaneId(e){return`pane-${e}`}isFirstPage(e){return e===0}onClickDelete(t){let n=new p,r=this.getInstitutionName(this.institutionId);n.showWarningIcon=!0,n.header=`Remove all accounts from ${r}?`,n.description=`You will no longer be able to view activity and transactions for any of your accounts at this institution.`,n.secondDescription=`You may add this institution again from Settings.`,n.confirmButtonText=`Remove`,n.cancelButtonText=`Cancel`,n.hideCloseButton=!0;let i=()=>{this.dispatchEvent(new CustomEvent(`closeModal`,{bubbles:!0,composed:!0}))};n.addEventListener(window.BannowebConfirmationDialogElement.Event.CONFIRM,t=>{v.removeAggAccount(this.institutionId).then(()=>{this.dispatchEvent(new o(`You have removed all ${r} accounts.`)),i(),s.go(`/settings`)}).catch(()=>{i(),e(async()=>{let{default:e}=await import(`./bannoweb-ok-confirmation-dialog-CB2b-2ah.js`);return{default:e}},[]).then(({default:e})=>{let t=new e;t.header=`Oops, something went wrong.`,t.description=`Please try again.`,t.showWarningIcon=!0,this.dispatchEvent(new c(t))})})}),this.dispatchEvent(new c(n))}

71static get template(){return r`<style>:host{display:block}header{@apply --flex-space-between;}h1{@apply --card-header-title;}a{@apply --base-anchor-styles;color:var(--body-text-secondary-color);vertical-align:middle;display:inline}article{border-bottom:1px solid var(--jha-border-color);margin-top:16px}article:last-of-type{border-bottom:none}article[empty]{text-align:center}section{width:400px}.account-name{margin-bottom:6px;font-size:16px;font-weight:500}.title{font-size:16px}.sub-title{color:var(--body-text-secondary-color);font-size:14px}jh-icon-chevron-right-small{fill:var(--body-text-secondary-color);width:22px;height:22px}article>.sub-title{text-transform:uppercase;margin-top:20px}a{@apply --button-reset;justify-content:space-between;align-items:center;display:flex}#account-search{padding:0 var(--jha-content-inset);opacity:0;visibility:hidden;max-height:0;transition-property:max-height,opacity,padding,visibility;transition-duration:.2s;position:relative}#account-search[show]{opacity:1;visibility:visible;height:auto;max-height:150px}#account-search jha-search-box{flex:1}#account-search bannoweb-accounts-filter-menu{margin-left:8px}jh-icon-magnifying-glass[is-active]{fill:var(--primary-button-color)}jha-button#clear{padding:0;position:absolute;top:17px;right:13px}jh-icon-circle-xmark{fill:var(--jha-color-neutral);width:14px;height:14px}.accounts-card-header{--jha-card-header-border-bottom-color:transparent}.running-balance-container{margin:0;@apply --list-item-padding;}jha-pagination-controls{padding-bottom:24px}.no-search-results{color:var(--body-text-secondary-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.no-search-results jh-icon-magnifying-glass,.no-search-results jh-icon-wallet{fill:var(--body-text-secondary-color)}.progress{text-align:center;padding:50px 0}@media (width<=768px){section{width:100%}jha-pill-box{display:none}#account-search jha-search-box{--jha-search-box-size:48px}#account-search bannoweb-accounts-filter-menu{width:48px;height:48px}}jha-card-header{--jha-card-header-border-bottom-color:transparent}</style> <template is="dom-if" if="[[showAllAccountsSettings_(isPrimaryInstitution, currentInstitution.abilities.runningBalance)]]"> <jha-card> <jha-card-header slot="header"> <h1>[[getInstitutionName(institutionId)]]</h1> <div slot="header-right"> <template is="dom-if" if="[[!isPrimaryInstitution]]"> <button type="button">delete icon</button> </template> </div> </jha-card-header> <article class="running-balance-container"> <section> <bannoweb-flex-wrapper> <div> <span class="title">Show running balance</span><br> <span class="sub-title">Display a balance after each transaction</span> </div> <div> <jha-form-switch label="Show running balance" checked="[[userPreferences.runningBalanceEnabled]]" is-loading="[[isChangingRunningBalancePreference]]" on-checked-changed="toggleRunningBalancePreference_"> </jha-form-switch> </div> </bannoweb-flex-wrapper> </section> </article> </jha-card> </template> <template is="dom-if" if="[[isPrimaryInstitution]]"> <jha-card> <jha-card-header slot="header" class="accounts-card-header"> <h1>Accounts</h1> <jha-button slot="header-right" icon sync aria-expanded$="[[showSearch]]" on-click="toggleSearch" type="button"> <jh-icon-magnifying-glass aria-label="Search" is-active$="[[showSearch]]" aria-hidden="false"> </jh-icon-magnifying-glass> </jha-button> </jha-card-header> <div id="account-search" show$="[[showSearch]]"> <bannoweb-flex-wrapper> <jha-search-box large debounce-interval="200" id="searchInput" placeholder="Search accounts" search-value="{{accountQuery::jha-search}}" title="Account query"> </jha-search-box> <bannoweb-accounts-filter-menu accounts="[[institutionAccounts.items]]" filter-function="{{filterFunction}}" icon-toggle include-hidden institution-id="[[currentInstitution.id]]" selected-account-type-filters="{{selectedAccountTypeFilters}}" selected-institutions="{{selectedInstitutions}}"> </bannoweb-accounts-filter-menu> </bannoweb-flex-wrapper> <bannoweb-flex-wrapper> <jha-pill-box clear-button-label="Clear all" pills="[[getSelectedFilters(selectedAccountTypeFilters, selectedInstitutions)]]" on-pills-ch

71anged="onPillsChanged"> </jha-pill-box> </bannoweb-flex-wrapper> </div> <template is="dom-if" if="[[!hasAccounts(institutionAccounts.items, accountQuery, filterFunction, institutionId, institutionAccounts.items.length)]]"> <template is="dom-if" if="[[accounts.loading]]"> <div class="progress"> <jha-progress></jha-progress> </div> </template> <template is="dom-if" if="[[!accounts.loading]]"> <p class="no-search-results"> <template is="dom-if" if="[[isSearchingOrFiltering(accountQuery, selectedAccountTypeFilters, selectedInstitutions)]]"> <jh-icon-magnifying-glass></jh-icon-magnifying-glass> <div> No accounts found </div> </template> <template is="dom-if" if="[[!isSearchingOrFiltering(accountQuery, selectedAccountTypeFilters, selectedInstitutions)]]"> <jh-icon-wallet></jh-icon-wallet> <div> No accounts to show </div> </template> </p> </template> </template> <jha-slider> <jha-slider-content focused-pane="[[getPaneId(pageIndex)]]"> <template is="dom-repeat" items="[[getPages(pages)]]" as="page"> <jha-slider-pane pane-id$="pane-[[index]]" one$="[[isFirstPage(index)]]" focus$="[[isFirstPage(index)]]"> <jha-list> <template is="dom-repeat" items="[[page]]" as="account"> <jha-list-item> <a href="[[institutionSettingsPath(account.id, currentInstitution.id)]]"> <div> <div class="account-name"> [[account.name]] </div> <div class="sub-title"> [[account.numbers]] [[ account.accountHolderName ]] </div> </div> <jh-icon-chevron-right-small></jh-icon-chevron-right-small> </a> </jha-list-item> </template> </jha-list> </jha-slider-pane> </template> </jha-slider-content> </jha-slider> <template is="dom-if" if="[[institutionAccounts.items.length]]"> <jha-pagination-controls items="[[displayAccounts(institutionAccounts.items, accountQuery, filterFunction, institutionAccounts.items.length)]]" pages="{{pages}}" items-per-page="20" page-index="{{pageIndex}}"> </jha-pagination-controls> </template> </jha-card> </template> <template is="dom-if" if="[[!isPrimaryInstitution]]"> <jha-card> <jha-card-header slot="header"> <h1>[[getInstitutionName(institutionId)]]</h1> <jha-button type="button" sync icon slot="header-right" on-click="onClickDelete"> <jh-icon-trash-can></jh-icon-trash-can> </jha-button> </jha-card-header> <bannoweb-settings-aggregated-account-table accounts="[[institutionAccounts.items]]"></bannoweb-settings-aggregated-account-table> </jha-card> </template>`}},customElements.define(window.BannowebSettingsInstitutionElement.is,window.BannowebSettingsInstitutionElement);var x=window.BannowebSettingsInstitutionElement;export{x as default};