https://my.obee.com/en/js/bannoweb-settings-account-BAyVCp2n.js

1import{r as e,t}from"./standalone-app-Bj-IdwrG.js";import{n,r}from"./polymer-C_GypsRJ.js";import{l as i,p as a}from"./institution-DyFDvNu6.js";import{t as o}from"./user-BMje1Le7.js";import{t as s}from"./display-strings-MZHh2uw2.js";import{t as c}from"./paths-BjKNBopk.js";import{t as l}from"./page-B8YwBOEr.js";import{Bn as u,Sr as d,_r as f,i as p,o as m,qt as h,vr as g}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 _}from"./observable-models-D0t-na9H.js";import{t as v}from"./language-utils-DMDnwVwz.js";import"./bannoweb-flex-wrapper-DLiUDxGK.js";import"./jha-list-UCQUTbOQ.js";import"./bannoweb-settings-account-alerts-CGUtgzKA.js";import{t as y}from"./account-utils-C6VeaSSW.js";import"./bannoweb-page-container-G_uPsQAr.js";import"./jha-form-text-input-CLlBTC4N.js";import"./bannoweb-toggle-account-visibility-BIBVfqZY.js";var b=m.accountsController,x=h.EventType,S=`Can consist only of letters, numbers, and spaces`,C=v(n);window.BannowebChangeAccountNameForm=class extends C{static get is(){return`bannoweb-change-account-name-form`}static get properties(){return{accountId:String,accountName:{type:String,value:``,observer:window.BannowebChangeAccountNameForm.prototype.debouncedOnAccountNameChange_},characterLimit:String,error:String,isLoading:{type:Boolean,value:!1},isSubmitting:{type:Boolean,value:!1}}}constructor(){super(),this.validationTimeout_=null}closeForm_(e){this.accountName=``,this.dispatchEvent(new CustomEvent(`close-account-name-form`,{bubbles:!0,composed:!0}))}changeAccountNameSubmit_(e){if(this.isInputDisabled_(this.accountName))return;this.isLoading=!0,this.isSubmitting=!0;let t=a.from(b).subscribe(e=>{switch(this.isLoading=!1,this.isSubmitting=!1,e.type){case x.ACCOUNT_NAME_CHANGED:this.handleSuccess_();break;case x.MEMO_MODE_FAILURE:this.dispatchError_(s.MEMO_MODE);break;case x.UPDATE_FAILED:this.dispatchError_(s.OUR_BAD_TRY_AGAIN);break;default:break}t.unsubscribe()});b.changeAccountName(this.accountId,this.accountName)}handleSuccess_(){this.accountName=``,this.dispatchEvent(new CustomEvent(`accountnamechanged`,{bubbles:!0,composed:!0}))}dispatchError_(e){t(async()=>{let{default:e}=await import(`./bannoweb-ok-confirmation-dialog-CB2b-2ah.js`);return{default:e}},[]).then(({default:t})=>{let n=new t;n.header=s.OOPS_HEADER,n.description=e,n.showWarningIcon=!0,this.dispatchEvent(new p(n))})}isInputDisabled_(e){return!e.trim().length||this.hasInvalidCharacters(e)}parseCharacterLimit_(e){return parseInt(e,10)}debouncedOnAccountNameChange_(e){clearTimeout(this.validationTimeout_),this.validationTimeout_=setTimeout(()=>{this.onAccountNameChange_(e)},100)}onAccountNameChange_(e){this.error=null,e&&this.hasInvalidCharacters(e)&&(this.error=S)}hasInvalidCharacters(e){return!/^[A-Za-z0-9 ]+$/.test(e)}static get template(){return r`<style>:host{text-align:left;max-width:250px;font-family:roboto;display:block}jha-form-floating-group{margin:-28px 0 0}jha-button{margin:16px 0}</style> <form on-submit="changeAccountNameSubmit_"> <input type="image" alt="" tabindex="-1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" disabled="[[isInputDisabled_(accountName)]]"> <jha-form-text-input id="input-2" label="Account name" character-limit="[[parseCharacterLimit_(characterLimit)]]" disabled="[[isLoading]]" aria-label="Account name" value="{{accountName::input}}" filled="" error="[[error]]"></jha-form-text-input> <jha-button sync="" outline="" on-click="closeForm_" disabled="[[isSubmitting]]" type="button"> Cancel </jha-button> <jha-button type="submit" is-loading="[[isLoading]]" aria-label="Change account name" disabled="[[isInputDisabled_(accountName)]]"> Save </jha-button> </form>`}},customElements.define(window.BannowebChangeAccountNameForm.is,window.BannowebChangeAccountNameForm),window.BannowebChangeAccountNameForm;var w=m.alertSettingsController,T=_(v(n));window.BannowebSettingsAccountAlertLink=class extends T{static get is(){return`bannoweb-settings-account-alert-link`}static get properties(){return{accountId:{type:String,observer:window.BannowebSettingsAccountAlertLink.prototype.gatherAlertSettings_},alertsLength:{type:Number,value:0},canConfigureAlerts:{type:Boolean,value:!0},loading:{type:Boolean,value:!0}}}constructor(){super(),t(()=>import(`./jha-icon-chevron-right-CycLQfHr.js`).then(e=>e.t),[])}gatherAlertSettings_(e){e&&w.getAlertSettings(e).then(e=>this.updateAlerts(e)).catch(e=>{this.loading=!1})}updateAlerts(e){this.loading=!1,this.notifyPath(`canConfigureAlerts`,!!e.availableAlerts.length),this.notifyPath(`alertsLength`,e.configuredAlerts.length)}alertSettingsLink(e){return`/account/${e}/alert-preferences?alertsonly=true`}getMsgActiveAlerts(e){return`${e} active`}

1static get template(){return r`<style>p{font-size:14px}a{font-size:14px;@apply --base-anchor-styles;vertical-align:middle;margin-right:6px;display:inline}jha-icon-chevron-right{fill:var(--jha-color-neutral);vertical-align:middle;width:18px;height:18px;margin-right:-6px}jha-progress{margin:0 20px}span{color:var(--body-text-secondary-color)}</style> <bannoweb-flex-wrapper> <p>Alert preferences</p> <template is="dom-if" if="[[loading]]"> <jha-progress></jha-progress> </template> <template is="dom-if" if="[[!loading]]"> <template is="dom-if" if="[[canConfigureAlerts]]"> <a href="[[alertSettingsLink(accountId)]]" aria-label="Alert preferences"> <template is="dom-if" if="[[alertsLength]]"> [[getMsgActiveAlerts(alertsLength)]] </template> <template is="dom-if" if="[[!alertsLength]]"> Edit </template> <jha-icon-chevron-right></jha-icon-chevron-right> </a> </template> <template is="dom-if" if="[[!canConfigureAlerts]]"> <span>(not available)</span> </template> </template> </bannoweb-flex-wrapper>`}},customElements.define(window.BannowebSettingsAccountAlertLink.is,window.BannowebSettingsAccountAlertLink),window.BannowebSettingsAccountAlertLink;var E=m.store.institution,D=g(_(y(v(n))),`fadeinup`);window.BannowebSettingsAccountElement=class extends D{static get is(){return`bannoweb-settings-account`}static get properties(){return{account:{type:Object},accountId:{type:String,observer:window.BannowebSettingsAccountElement.prototype.accountIdChanged},accounts:{type:Object,value:()=>m.store.accounts,observer:window.BannowebSettingsAccountElement.prototype.accountsChanged},cards:{type:Object,value:()=>m.store.cards.items},institution:{type:Object,value:()=>E},institutionId:{type:String},isPrimaryInstitution:{type:Boolean},institutionDocumentSettings:{type:Object,value:()=>m.store.documentSettings},userDocumentSettings:{type:Object,value:()=>m.store.userDocumentSettings},documentsSsoLink:{type:Object,value:()=>m.store.institution.getLink(i.DOCUMENTS_SETTINGS)},editingAccountName:{type:Boolean,value:!1},advancedCardConfigurationsFailed:{type:Boolean,value:!1},currentNodeId:{type:String,value:``},prevNodeId:{type:String,value:``},user:{type:Object,value:()=>m.store.user}}}constructor(){super(),t(()=>import(`./jha-icon-chevron-right-CycLQfHr.js`).then(e=>e.t),[]),t(()=>import(`./jha-icon-chevron-back-qAPV11jO.js`),[]),t(()=>import(`./bannoweb-sso-redirect-link-C1r9q3Io.js`),[])}connectedCallback(){super.connectedCallback(),this.isPrimaryInstitution=this.institution.id===e.config.id}async routeEnter(e,t,n,r){if(!this.account)return!1;f.prevNodeId&&(this.prevNodeId=f.prevNodeId),f.currentNodeId&&(this.currentNodeId=f.currentNodeId);let i=this.account.name;return l.setTitleAndTrack(`${i} settings`,f.getRouteUrlWithoutParams(r),n),super.routeEnter(e,t,n,r)}canChangeAccountName_(e,t,n,r,i,a,o,...s){return!i||this.isOrgMember(e)&&!this.isRetailUser(e)&&!this.isAdminUser(e)?!1:!!(t&&n&&r&&!a&&!o&&(this.isDepositAccount(i)||this.isDebtAccount(i)||this.isInvestmentAccount(i)))}isOrgMember(e){return e&&e.profile&&e.profile.organization&&e.profile.organization.summary}isAdminUser(e){return e&&e.profile&&e.profile.adminLevel===o.AdminLevel.ADMIN}isRetailUser(e){return e&&e.profile&&e.profile.userType===o.UserType.INDIVIDUAL}canConfigureAlerts_(e,t){return e&&t}canEnroll(e,t,n,r,i){if(!e||!(n||[]).includes(u.DELIVERY_METHOD.ELECTRONIC))return!1;if(i===u.ENROLLMENT_MODE.PER_ACCOUNT){if(!r)return!1;let e=r.perAccountSettings.find(e=>e.accountId===t.id);return!!(e&&e.deliveryMethod===u.DELIVERY_METHOD.PAPER)}else if(i===u.ENROLLMENT_MODE.ALL_OR_NONE)return!r.enrolled;return!0}canManageDocuments(e,t,n=[]){return e&&(!!t||n.includes(u.DELIVERY_METHOD.ELECTRONIC))}isEnrolled(e,t,n,r,i){if(!e||!(n||[]).includes(u.DELIVERY_METHOD.ELECTRONIC))return!1;if(i===u.ENROLLMENT_MODE.PER_ACCOUNT){if(!r)return!1;let e=r.perAccountSettings.find(e=>e.accountId===t.id);return!!(e&&(e.deliveryMethod===u.DELIVERY_METHOD.ELECTRONIC||e.deliveryMethod===u.DELIVERY_METHOD.BOTH))}else if(i===u.ENROLLMENT_MODE.ALL_OR_NONE)return r&&r.enrolled;return!0}onChangeAccountNameOpen_(e){this.editingAccountName=!0}closeAccountNameForm_(e){this.editingAccountName=!1}onAccountNameChanged_(e){this.editingAccountName=!1,this.dispatchEvent(new d(`Account successfully renamed!`))}getDocumentsTitle(e){return e||`Documents`}computeDocumentsHref(e){return f.url(c.BANNOWEB_DOCUMENTS,{accountId:e,mode:`edit`})}onBackClicked(e){history.back()}setAccount_(e){if(!this.accounts||!e)return;let t=this.accounts.items.find(t=>

1t.id===e);t&&(this.account=t)}accountIdChanged(){this.setAccount_(this.accountId)}accountsChanged(){this.accounts!==null&&this.accounts!==void 0&&this.setAccount_(this.accountId)}getBackButtonText(e,t){return e&&e===`SETTINGS_INSTITUTION`?this.institution.name:e&&e===`ACCOUNT_DETAIL`?`Account details`:`Back`}static get template(){return r`<style>:host{flex:1 0 auto;width:100%;max-width:752px;margin:0 auto;display:block}h1{@apply --card-header-title;height:22px}h1 jha-button{vertical-align:middle}a{@apply --base-anchor-styles;color:var(--body-text-secondary-color);vertical-align:middle;display:inline}a.theme-color{color:var(--body-text-theme-color)}jha-icon-chevron-right{fill:var(--body-text-secondary-color);vertical-align:middle;width:18px;height:18px;margin-right:-6px}article{border-bottom:1px solid var(--jha-border-color);margin-top:16px}article:last-of-type{border-bottom:none}article.account-name-edit{margin-top:-10px}article.cards-list{padding-right:0}article[empty]{text-align:center}article[empty] p{color:var(--color-neutral);margin:50px 0}.documents-link{@apply --base-anchor-styles;justify-content:space-between;align-items:center;width:100%;display:flex}.documents-link:hover{@apply --base-anchor-hover-styles;text-decoration:none}.documents-link:active{@apply --base-anchor-active-styles;}.sub-title{color:var(--body-text-secondary-color);font-size:12px;line-height:1.2}article>.sub-title{text-transform:uppercase;margin-top:20px}.manage-alerts{margin-top:6px}jha-card-header[editing-name]{--jha-border-color:none}.alerts-header{--jha-card-header-border-bottom-color:transparent}h2{@apply --card-header-title;font-size:16px}.error{color:var(--body-text-alert-color);align-items:center;margin-top:8px;font-size:12px;font-weight:400;display:flex}.error jha-icon-circle-warning{fill:var(--body-text-alert-color);width:16px;height:16px;margin-right:4px}header h1{color:var(--hero-text-color);height:auto;font-size:34px;font-weight:700}header{margin-top:48px;margin-bottom:24px;position:relative}header .account-numbers{color:var(--hero-text-color);margin-top:12px;font-size:16px}jha-icon-chevron-back{vertical-align:middle;fill:var(--hero-text-color);margin-left:-8px;position:relative;top:-2px}.rename-button{--link-button-text-color:var(--hero-text-color);--link-button-text-focused-color:var(--hero-text-color);--jha-button-link-text-size:16px}.back-button{@apply --button-reset;color:var(--hero-text-color);font-size:16px}.no-account{flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.no-account jha-button{margin-top:24px}@media (width<=1024px){header{margin-top:64px}}@media (width<=767px){header{max-width:512px;margin:64px auto 12px}section{width:100%}:host{max-width:calc(100vw - 32px)}}@media (width>=740px){section.card{width:320px}}@media (width<=470px){.back-button{white-space:nowrap;text-overflow:ellipsis;width:178px;overflow:hidden}}</style> <bannoweb-page-container> <header slot="header"> <button class="back-button" link="" sync="" on-click="onBackClicked" type="button"> <jha-icon-chevron-back></jha-icon-chevron-back> [[getBackButtonText(prevNodeId, currentNodeId)]] </button> <bannoweb-flex-wrapper> <h1>[[account.name]]</h1> <template is="dom-if" if="[[canChangeAccountName_(user, isPrimaryInstitution, institution.abilities.changeAccountName, institution.accountNameCharLimit, account, editingAccountName, account.accountHolderName, account.accountType)]]"> <jha-button class="rename-button" on-click="onChangeAccountNameOpen_" sync="" link="" type="button"> Rename </jha-button> </template> </bannoweb-flex-wrapper> <div class="account-numbers">[[account.numbers]]</div> </header> <template is="dom-if" if="[[editingAccountName]]"> <jha-card> <jha-card-header> <h1>Rename account</h1> </jha-card-header> <article class="account-name-edit"> <bannoweb-change-account-name-form account-id="[[account.id]]" character-limit="[[institution.accountNameCharLimit]]" on-close-account-name-form="closeAccountNameForm_" on-accountnamechanged="onAccountNameChanged_"></bannoweb-change-account-name-form> </article> </jha-card> </template> <jha-card> <jha-card-header slot="header" editing-name$="[[editingAccountName]]"> <div> <h1>Display options</h1> </div> </jha-card-header> <article> <section class="account-visibility"> <bannoweb-toggle-account-visibility account-id="[[account.id]]" account-hidden="[[account.hidden]]" contributes-to-aggregate-totals="[[account.contributesToAggregateTotals]]"></bannoweb-toggle-account-visibility> </section> </article> </jha-card> <template is="dom-if" if="[[canConfigureAlerts_(isPrimaryInstitution, institution.abilities.alertsEnabled)]]"> <jha-card> <jha-card-header class="alerts-header"> <h1>Alerts and cards</h1> </jha-card-header>

1 <bannoweb-settings-account-alerts institution-id="[[institution.id]]" institution="[[institution]]" account-id="[[accountId]]" cards="[[cards]]"></bannoweb-settings-account-alerts> </jha-card> </template> <template is="dom-if" if="[[canManageDocuments(isPrimaryInstitution, documentsSsoLink, institutionDocumentSettings.supportedDeliveryMethods)]]"> <jha-card> <jha-card-header> <h1>[[getDocumentsTitle(institutionDocumentSettings.documentsTitle)]]</h1> </jha-card-header> <jha-list> <template is="dom-if" if="[[isEnrolled(isPrimaryInstitution, account, institutionDocumentSettings.supportedDeliveryMethods, userDocumentSettings, institutionDocumentSettings.enrollmentFlow)]]"> <jha-list-item> <a class="documents-link" href="[[computeDocumentsHref(account.id)]]"> Enrolled <jha-icon-chevron-right></jha-icon-chevron-right> </a> </jha-list-item> </template> <template is="dom-if" if="[[canEnroll(isPrimaryInstitution, account, institutionDocumentSettings.supportedDeliveryMethods, userDocumentSettings, institutionDocumentSettings.enrollmentFlow)]]"> <jha-list-item> <a class="documents-link" href="[[computeDocumentsHref(account.id)]]"> Enroll <jha-icon-chevron-right></jha-icon-chevron-right> </a> </jha-list-item> </template> <template is="dom-if" if="[[documentsSsoLink]]"> <jha-list-item> <bannoweb-sso-redirect-link hide-title="" link="[[documentsSsoLink]]" account="[[account]]"> <span> Advanced settings <jha-icon-chevron-right></jha-icon-chevron-right> </span> </bannoweb-sso-redirect-link> </jha-list-item> </template> </jha-list> </jha-card> </template> </bannoweb-page-container>`}},customElements.define(window.BannowebSettingsAccountElement.is,window.BannowebSettingsAccountElement);var O=window.BannowebSettingsAccountElement;export{O as default};