{"version":3,"file":"271.7b5cc7c9e9d72b8a.js","mappings":"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","names":["i0","TransactionHistoryComponent","constructor","this","Subscription","EventEmitter","ngOnInit","sub","add","transactionsHistory","subscribe","resp","processing","pageId","index","page","transactionId","transaction","loadMore","loadMoreClicked","emit","ngOnDestroy","unsubscribe","_TransactionHistoryComponent","selectors","trigger","transition","style","opacity","maxHeight","overflow","animate","SharedAccountModule","_SharedAccountModule","TranslatePipe","imports","BrightsideUiModule","BrightsideUiServicesModule","CommonModule","FormsModule","MicroUiMoleculeModule","MicroUiTemplatePageModule","NgxCurrencyModule","ReactiveFormsModule","SelectDropDownModule","SharedDesktopModule","TranslateModule","spinner_component","TransactionCellComponent","ngx_translate_core","modalSvc","bsHubService","openDetails","createModal","title","displayCloseButton","eventName","isError","size","ctaKey","ctaAction","showDisputeModal","templateRef","transactionDetails","contentKey","dispatch","event","closeAction","_TransactionCellComponent","_angular_core__WEBPACK_IMPORTED_MODULE_2__","ctx","TxCellComponent","_isClickable","clickAction","observers","length","handleClick","_TxCellComponent"],"sourceRoot":"webpack:///","sources":["./libs/shared/account/src/lib/transaction-history/transaction-history.component.html","./libs/shared/account/src/lib/transaction-history/transaction-history.component.ts","./libs/shared/account/src/lib/shared-account.module.ts","./libs/shared/account/src/lib/transaction-cell/transaction-cell.component.html","./libs/shared/account/src/lib/transaction-cell/transaction-cell.component.ts","./libs/brightside-ui/src/lib/cell/tx-cell/tx-cell.component.ts","./libs/brightside-ui/src/lib/cell/tx-cell/tx-cell.component.html"],"sourcesContent":["<bw-action-article\n  [brightsideWebFb]=\"{ event_name: 'transaction_history' }\"\n  [centeredFooter]=\"true\">\n  <div header-actions>\n    <ui-nav-exit-back\n      [trackingDetail]=\"{ event_name: 'transaction_history' }\"\n    ></ui-nav-exit-back>\n  </div>\n  <div content-section *ngIf=\"transactionsHistory\">\n    <ng-content></ng-content>\n\n    <ng-container *ngIf=\"(transactionsHistory|async) as transactions;else spinner\">\n      <ng-container *ngIf=\"transactions.pages\">\n        <ng-container *ngFor=\"let page of transactions.pages;trackBy:pageId\">\n          <brightside-web-transaction-cell\n            @enterAnimation\n            *ngFor=\"let transaction of page.transactions;trackBy:transactionId\"\n            [transaction]=\"transaction\">\n          </brightside-web-transaction-cell>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div footer-actions>\n    <ng-container *ngIf=\"(hasMoreTransactions|async) && (transactionsHistory|async)\">\n      <div class=\"pt-sm pb-sm\">\n        <button\n          bw-button\n          (click)=\"loadMore()\"\n          [processing]=\"processing\"\n        >\n          {{ 'TRANSACTIONS_HISTORY_LOAD_MORE_WEB' | translate}}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</bw-action-article>\n\n<ng-template #spinner>\n  <bw-spinner></bw-spinner>\n</ng-template>\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\nimport {\n  FinancialAccountTransaction, TransactionPagination,\n  TransactionPaginationItem\n} from \"@brightside-web/desktop/feature/financial-accounts-core\";\nimport {Observable, Subscription} from \"rxjs\";\nimport {animate, style, transition, trigger} from \"@angular/animations\";\n\n@Component({\n  selector: 'brightside-web-transaction-history',\n  templateUrl: './transaction-history.component.html',\n  styleUrls: ['./transaction-history.component.css'],\n  animations: [\n    trigger('enterAnimation', [\n      transition(':enter', [\n        style({ opacity: 0, maxHeight: '0px', overflow:'hidden' }),\n        animate('750ms ease-in',\n          style({ opacity: 1, maxHeight: '500px' }))\n      ]),\n    ]),\n  ],\n})\nexport class TransactionHistoryComponent implements OnInit {\n  sub = new Subscription();\n  @Input() transactionsHistory: Observable<TransactionPagination|undefined>;\n  @Input() hasMoreTransactions: Observable<boolean>;\n  @Output() loadMoreClicked: EventEmitter<boolean> = new EventEmitter<boolean>();\n  processing = false;\n\n  constructor() {\n  }\n\n  ngOnInit(): void {\n    this.sub.add(this.transactionsHistory.subscribe(\n      resp => {\n        this.processing = false;\n      }\n    ))\n  }\n\n  pageId(index: number, page: TransactionPaginationItem) {\n    return page.page;\n  }\n\n  transactionId(index: number, transaction: FinancialAccountTransaction) {\n    return transaction.transactionId;\n  }\n\n  loadMore() {\n    this.processing = true;\n    this.loadMoreClicked.emit(true);\n  }\n\n  ngOnDestroy() {\n    this.sub.unsubscribe();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport { BrightsideUiModule } from '@brightside/brightside-ui';\nimport { BrightsideUiServicesModule } from '@brightside/brightside-ui-services';\nimport { MicroUiTemplatePageModule } from '@micro-ui/template/page';\nimport { SharedDesktopModule } from '@brightside-web/shared/desktop';\nimport { MicroUiMoleculeModule } from '@micro-ui/molecule';\n\nimport { NgxCurrencyModule } from 'ngx-currency';\n\nimport { AccountAddComponent } from './add/add.component';\nimport { AccountVerifyComponent } from './verify/verify.component';\nimport { SelectDropDownModule } from 'ngx-select-dropdown';\nimport { TranslateModule, TranslatePipe } from '@ngx-translate/core';\nimport { AccountHeaderComponent } from './account-header/account-header.component';\nimport { TransactionCellComponent } from './transaction-cell/transaction-cell.component';\nimport { TransactionHistoryComponent } from './transaction-history/transaction-history.component';\nimport { AccountStatementsComponent } from './account-statements/account-statements.component';\n\n@NgModule({\n  imports: [\n    BrightsideUiModule,\n    BrightsideUiServicesModule,\n    CommonModule,\n    FormsModule,\n    MicroUiMoleculeModule,\n    MicroUiTemplatePageModule,\n    NgxCurrencyModule,\n    ReactiveFormsModule,\n    SelectDropDownModule,\n    SharedDesktopModule,\n    TranslateModule,\n  ],\n  providers: [TranslatePipe],\n  declarations: [AccountAddComponent, AccountVerifyComponent, AccountHeaderComponent, TransactionCellComponent, TransactionHistoryComponent, AccountStatementsComponent],\n  exports: [AccountAddComponent, AccountVerifyComponent, AccountHeaderComponent, TransactionCellComponent,TransactionHistoryComponent, AccountStatementsComponent],\n})\nexport class SharedAccountModule {}\n","<bw-tx-cell\n  [txCellLabel]=\"transaction.createdDate | date : 'mediumDate'\"\n  [txCellValue]=\"transaction.amount | currency\"\n  [txCellDetails]=\"transaction.description\"\n  (clickAction)=\"openDetails()\">\n</bw-tx-cell>\n\n<ng-template #transactionDetails>\n  <ng-container class=\"body\">\n    <typography text-medium-semibold>\n      {{ transaction.merchant }}\n    </typography>\n    <bw-cell\n      [leftLabelColor]=\"'--secondary-text'\"\n      [labelLeft]=\"'AMOUNT'|translate\"\n      [labelRight]=\"transaction.amount | currency\" >\n    </bw-cell>\n    <bw-cell\n      [leftLabelColor]=\"'--secondary-text'\"\n      [labelLeft]=\"'DATE'|translate\"\n      [labelRight]=\"transaction.createdDate | date: 'longDate'\" >\n    </bw-cell>\n    <bw-cell\n      [leftLabelColor]=\"'--secondary-text'\"\n      [labelLeft]=\"'TRANSACTIONS_DETAILS_STATUS'|translate\"\n      [labelRight]=\"transaction.statusCopyKey | translate\" >\n    </bw-cell>\n    <typography text-small-regular color=\"var(--secondary-text)\">\n      <div class=\"mt-xs mb-xs\">\n        {{'TRANSACTIONS_DETAILS_BANK_PROVIDER'|translate}}\n      </div>\n      <hr class=\"button-bar\">\n    </typography>\n  </ng-container>\n</ng-template>\n","import {Component, Input, OnInit, TemplateRef, ViewChild} from '@angular/core';\nimport {FinancialAccountTransaction} from \"@brightside-web/desktop/feature/financial-accounts-core\";\nimport {SimpleGlobalModalService} from \"@brightside-web/desktop/data-access/core-services\";\nimport { BsHubService } from \"@brightside-web/desktop/data-access/core-services\";\n\n@Component({\n  selector: 'brightside-web-transaction-cell',\n  templateUrl: './transaction-cell.component.html',\n  styleUrls: ['./transaction-cell.component.scss']\n})\nexport class TransactionCellComponent {\n  @ViewChild('transactionDetails') transactionDetails!: TemplateRef<any>;\n  @Input() transaction: FinancialAccountTransaction;\n  showDetails: boolean;\n\n  constructor(\n    private modalSvc: SimpleGlobalModalService,\n    private bsHubService: BsHubService\n  ) { }\n\n  openDetails() {\n    this.modalSvc.createModal({\n      title: 'TRANSACTIONS_DETAILS_TITLE',\n      displayCloseButton: true,\n      eventName: 'transaction_details',\n      isError: false,\n      size: \"medium\",\n      ctaKey: 'TRANSACTIONS_DETAILS_DISPUTE_CTA',\n      ctaAction: () => {\n        this.showDisputeModal();\n      },\n      templateRef: this.transactionDetails\n    });\n  }\n\n  showDisputeModal() {\n    this.modalSvc.createModal({\n      title: 'TRANSACTIONS_DETAILS_DISPUTE_TITLE',\n      contentKey: 'TRANSACTIONS_DETAILS_DISPUTE_DESC',\n      displayCloseButton: true,\n      eventName: 'dispute_transaction',\n      isError: false,\n      size: \"medium\",\n      ctaKey: 'MESSAGE_FA',\n      ctaAction: () => {\n        this.bsHubService.dispatch('IntercomChannel', {event: 'open'});\n        this.openDetails();\n      },\n      closeAction: () => {\n        this.openDetails();\n      }\n    })\n  };\n}\n","import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';\n\n@Component({\n  selector: 'bw-tx-cell',\n  templateUrl: './tx-cell.component.html',\n  styleUrls: ['./tx-cell.component.scss']\n})\nexport class TxCellComponent implements OnInit {\n\n  @Input() txCellLabel: string;\n  @Input() txCellValue: string;\n  @Input() txCellDetails: string;\n\n  @Output() clickAction = new EventEmitter();\n  _isClickable = false;\n\n  ngOnInit(): void {\n    this._isClickable = this.clickAction.observers.length > 0;\n  }\n\n  handleClick(event: Event) {\n    this.clickAction.emit(event);\n  }\n\n}\n","<div class=\"tx-cell\" (click)=\"handleClick($event)\" [ngClass]=\"{clickable: _isClickable}\">\n  <div class=\"tx-cell-head\">\n    <div class=\"tx-cell-label secondary-text type-sm\">{{txCellLabel}}</div>\n    <div class=\"tx-cell-value type-md\">{{txCellValue}}</div>\n  </div>\n  <div class=\"tx-cell-details\">\n    <p class=\"type-sm\">\n    {{txCellDetails}}\n    </p>\n  </div>\n</div>\n"],"x_google_ignoreList":[]}