cloud-ide-fees 0.0.10 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/cloud-ide-fees.mjs +58 -126
  2. package/fesm2022/cloud-ide-fees.mjs.map +1 -1
  3. package/index.d.ts +0 -1
  4. package/package.json +1 -1
package/fesm2022/cloud-ide-fees.mjs CHANGED
@@ -9,7 +9,7 @@ import * as i1$1 from '@angular/forms';
9
9
  import { FormsModule, FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
10
10
  import { Router, ActivatedRoute } from '@angular/router';
11
11
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
12
- import { ConfirmationService, NotificationService, CideIconComponent, CideEleButtonComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideInputComponent, CideTextareaComponent, CideEleTabComponent, CideSelectComponent } from 'cloud-ide-element';
12
+ import { ConfirmationService, NotificationService, CideIconComponent, CideEleButtonComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideInputComponent, CideTextareaComponent, CideEleTabComponent, CideSelectComponent, CurrencyPipe } from 'cloud-ide-element';
13
13
  import { AppStateHelperService, CideLytSharedWrapperComponent, AppStateService } from 'cloud-ide-layout';
14
14
  import { ENTITY_SERVICE_TOKEN, ACADEMIC_YEAR_SERVICE_TOKEN, CLASS_PROGRAM_MASTER_SERVICE_TOKEN, PROGRAM_TERM_SECTION_SERVICE_TOKEN, ProgramSectionSelectorWrapperComponent } from 'cloud-ide-shared';
15
15
  import { CideCoreGeneralMasterService } from 'cloud-ide-core';
@@ -7385,49 +7385,25 @@ class FeeDetailsViewerComponent {
7385
7385
  displayOrder: itemData.feesi_display_order || 0
7386
7386
  });
7387
7387
  }
7388
- formatCurrency(amount) {
7389
- return new Intl.NumberFormat('en-US', {
7390
- style: 'currency',
7391
- currency: 'USD',
7392
- minimumFractionDigits: 2
7393
- }).format(amount);
7394
- }
7395
7388
  onClose() {
7396
7389
  this.closed.emit();
7397
7390
  }
7398
7391
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FeeDetailsViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7399
7392
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: FeeDetailsViewerComponent, isStandalone: true, selector: "cide-fee-details-viewer", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, studentId: { classPropertyName: "studentId", publicName: "studentId", isSignal: true, isRequired: false, transformFunction: null }, feeId: { classPropertyName: "feeId", publicName: "feeId", isSignal: true, isRequired: false, transformFunction: null }, feeData: { classPropertyName: "feeData", publicName: "feeData", isSignal: true, isRequired: false, transformFunction: null }, assignmentDate: { classPropertyName: "assignmentDate", publicName: "assignmentDate", isSignal: true, isRequired: false, transformFunction: null }, discount: { classPropertyName: "discount", publicName: "discount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: `
7400
- @if (isOpen()) {
7401
- <div class="tw-fixed tw-inset-0 tw-z-50 tw-overflow-y-auto" (click)="onClose()">
7402
- <div class="tw-flex tw-items-center tw-justify-center tw-min-h-screen tw-px-4 tw-pt-4 tw-pb-20 tw-text-center sm:tw-p-0">
7403
- <div class="tw-fixed tw-inset-0 tw-bg-gray-500 tw-bg-opacity-75 tw-transition-opacity" (click)="onClose()"></div>
7404
- <div class="tw-relative tw-inline-block tw-align-middle tw-bg-white tw-rounded-lg tw-text-left tw-overflow-hidden tw-shadow-xl tw-transform tw-transition-all tw-w-full tw-max-w-2xl tw-max-h-[90vh] tw-overflow-y-auto" (click)="$event.stopPropagation()">
7405
- <div class="tw-bg-white tw-px-4 tw-pt-5 tw-pb-4 sm:tw-p-6 sm:tw-pb-4">
7406
- <div class="tw-flex tw-items-center tw-justify-between tw-mb-4 tw-pb-3 tw-border-b tw-border-gray-200">
7407
- <h3 class="tw-text-lg tw-font-semibold tw-text-gray-900">Complete Fee Details</h3>
7408
- <button
7409
- type="button"
7410
- cideEleButton
7411
- variant="ghost"
7412
- size="sm"
7413
- (click)="onClose()">
7414
- <cide-ele-icon>close</cide-ele-icon>
7415
- </button>
7416
- </div>
7417
-
7418
- @if (loading()) {
7419
- <div class="tw-text-center tw-py-12">
7420
- <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-gray-400 tw-animate-spin tw-mx-auto tw-mb-2">refresh</cide-ele-icon>
7421
- <span class="tw-text-sm tw-text-gray-500">Loading fee details...</span>
7422
- </div>
7423
- } @else if (error()) {
7424
- <div class="tw-text-center tw-py-12">
7425
- <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-400 tw-mx-auto tw-mb-2">error</cide-ele-icon>
7426
- <p class="tw-text-sm tw-text-red-600">{{ error() }}</p>
7427
- </div>
7428
- } @else {
7429
- @if (feeDetails(); as details) {
7430
- <div class="tw-space-y-4 tw-text-sm">
7393
+ <div class="tw-p-4 tw-overflow-y-auto tw-h-full">
7394
+ @if (loading()) {
7395
+ <div class="tw-text-center tw-py-12">
7396
+ <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-gray-400 tw-animate-spin tw-mx-auto tw-mb-2">refresh</cide-ele-icon>
7397
+ <span class="tw-text-sm tw-text-gray-500">Loading fee details...</span>
7398
+ </div>
7399
+ } @else if (error()) {
7400
+ <div class="tw-text-center tw-py-12">
7401
+ <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-400 tw-mx-auto tw-mb-2">error</cide-ele-icon>
7402
+ <p class="tw-text-sm tw-text-red-600">{{ error() }}</p>
7403
+ </div>
7404
+ } @else {
7405
+ @if (feeDetails(); as details) {
7406
+ <div class="tw-space-y-4 tw-text-sm">
7431
7407
  <!-- Basic Information -->
7432
7408
  <div class="tw-bg-gray-50 tw-rounded-lg tw-p-3 tw-border tw-border-gray-200">
7433
7409
  <h4 class="tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3">Basic Information</h4>
@@ -7463,23 +7439,23 @@ class FeeDetailsViewerComponent {
7463
7439
  <div class="tw-space-y-2">
7464
7440
  <div class="tw-flex tw-justify-between tw-items-center">
7465
7441
  <span class="tw-text-gray-600">Original Amount:</span>
7466
- <span class="tw-font-medium tw-text-gray-900">{{ formatCurrency(details.amount) }}</span>
7442
+ <span class="tw-font-medium tw-text-gray-900">{{ details.amount | currency }}</span>
7467
7443
  </div>
7468
7444
  @if (details.discount > 0) {
7469
7445
  <div class="tw-flex tw-justify-between tw-items-center">
7470
7446
  <span class="tw-text-gray-600">Discount Applied:</span>
7471
- <span class="tw-font-medium tw-text-blue-600">-{{ formatCurrency(details.discount) }}</span>
7447
+ <span class="tw-font-medium tw-text-blue-600">-{{ details.discount | currency }}</span>
7472
7448
  </div>
7473
7449
  }
7474
7450
  @if (details.taxApplicable && details.taxPercentage > 0) {
7475
7451
  <div class="tw-flex tw-justify-between tw-items-center">
7476
7452
  <span class="tw-text-gray-600">Tax ({{ details.taxPercentage }}%):</span>
7477
- <span class="tw-font-medium tw-text-gray-900">{{ formatCurrency((details.finalAmount * details.taxPercentage) / 100) }}</span>
7453
+ <span class="tw-font-medium tw-text-gray-900">{{ (details.finalAmount * details.taxPercentage) / 100 | currency }}</span>
7478
7454
  </div>
7479
7455
  }
7480
7456
  <div class="tw-flex tw-justify-between tw-items-center tw-pt-2 tw-border-t tw-border-blue-200">
7481
7457
  <span class="tw-font-semibold tw-text-gray-900">Final Amount:</span>
7482
- <span class="tw-font-bold tw-text-green-600 tw-text-base">{{ formatCurrency(details.finalAmount) }}</span>
7458
+ <span class="tw-font-bold tw-text-green-600 tw-text-base">{{ details.finalAmount | currency }}</span>
7483
7459
  </div>
7484
7460
  </div>
7485
7461
  </div>
@@ -7489,7 +7465,7 @@ class FeeDetailsViewerComponent {
7489
7465
  <div class="tw-bg-purple-50 tw-rounded-lg tw-p-3 tw-border tw-border-purple-200">
7490
7466
  <h4 class="tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3">Installment Plan</h4>
7491
7467
  <div class="tw-mb-2 tw-text-xs tw-text-gray-600">
7492
- Total Amount: <span class="tw-font-semibold">{{ formatCurrency(details.finalAmount) }}</span>
7468
+ Total Amount: <span class="tw-font-semibold">{{ details.finalAmount | currency }}</span>
7493
7469
  divided into <span class="tw-font-semibold">{{ details.installmentCount }}</span> installments
7494
7470
  </div>
7495
7471
  <div class="tw-overflow-x-auto">
@@ -7507,7 +7483,7 @@ class FeeDetailsViewerComponent {
7507
7483
  @for (installment of details.installments; track installment.number) {
7508
7484
  <tr>
7509
7485
  <td class="tw-px-3 tw-py-2 tw-text-sm tw-text-gray-900 tw-font-medium">#{{ installment.number }}</td>
7510
- <td class="tw-px-3 tw-py-2 tw-text-sm tw-text-gray-900 tw-text-right tw-font-semibold">{{ formatCurrency(installment.amount) }}</td>
7486
+ <td class="tw-px-3 tw-py-2 tw-text-sm tw-text-gray-900 tw-text-right tw-font-semibold">{{ installment.amount | currency }}</td>
7511
7487
  <td class="tw-px-3 tw-py-2 tw-text-xs tw-text-gray-600">{{ installment.dueDate || 'TBD' }}</td>
7512
7488
  <td class="tw-px-3 tw-py-2 tw-text-xs tw-text-gray-600 tw-text-center">
7513
7489
  @if (installment.daysFromAssignment !== undefined) {
@@ -7529,7 +7505,7 @@ class FeeDetailsViewerComponent {
7529
7505
  <tfoot class="tw-bg-purple-100">
7530
7506
  <tr>
7531
7507
  <td class="tw-px-3 tw-py-2 tw-text-sm tw-font-bold tw-text-gray-900">Total:</td>
7532
- <td class="tw-px-3 tw-py-2 tw-text-sm tw-font-bold tw-text-green-600 tw-text-right">{{ formatCurrency(details.finalAmount) }}</td>
7508
+ <td class="tw-px-3 tw-py-2 tw-text-sm tw-font-bold tw-text-green-600 tw-text-right">{{ details.finalAmount | currency }}</td>
7533
7509
  <td colspan="3"></td>
7534
7510
  </tr>
7535
7511
  </tfoot>
@@ -7546,7 +7522,7 @@ class FeeDetailsViewerComponent {
7546
7522
  </div>
7547
7523
  <div class="tw-flex tw-justify-between">
7548
7524
  <span class="tw-text-gray-600">Amount to Pay:</span>
7549
- <span class="tw-font-bold tw-text-green-600">{{ formatCurrency(details.finalAmount) }}</span>
7525
+ <span class="tw-font-bold tw-text-green-600">{{ details.finalAmount | currency }}</span>
7550
7526
  </div>
7551
7527
  @if (details.installments && details.installments.length > 0 && details.installments[0].dueDate) {
7552
7528
  <div class="tw-flex tw-justify-between">
@@ -7594,8 +7570,8 @@ class FeeDetailsViewerComponent {
7594
7570
  <div>
7595
7571
  <span class="tw-text-gray-500 tw-block tw-text-xs tw-mb-1">Amount Range:</span>
7596
7572
  <span class="tw-text-gray-900 tw-text-sm">
7597
- {{ details.minAmount ? formatCurrency(details.minAmount) : 'No min' }} -
7598
- {{ details.maxAmount ? formatCurrency(details.maxAmount) : 'No max' }}
7573
+ {{ details.minAmount ? (details.minAmount | currency) : 'No min' }} -
7574
+ {{ details.maxAmount ? (details.maxAmount | currency) : 'No max' }}
7599
7575
  </span>
7600
7576
  </div>
7601
7577
  }
@@ -7615,25 +7591,11 @@ class FeeDetailsViewerComponent {
7615
7591
  }
7616
7592
  </div>
7617
7593
  </div>
7618
- </div>
7619
- }
7620
- }
7621
- </div>
7622
- <div class="tw-bg-gray-50 tw-px-4 tw-py-3 tw-flex tw-justify-end tw-gap-2 tw-border-t tw-border-gray-200">
7623
- <button
7624
- type="button"
7625
- cideEleButton
7626
- variant="primary"
7627
- size="sm"
7628
- (click)="onClose()">
7629
- Close
7630
- </button>
7631
- </div>
7632
- </div>
7633
7594
  </div>
7634
- </div>
7635
- }
7636
- `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }] });
7595
+ }
7596
+ }
7597
+ </div>
7598
+ `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "pipe", type: CurrencyPipe, name: "currency" }] });
7637
7599
  }
7638
7600
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FeeDetailsViewerComponent, decorators: [{
7639
7601
  type: Component,
@@ -7641,39 +7603,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7641
7603
  CommonModule,
7642
7604
  DatePipe,
7643
7605
  CideIconComponent,
7644
- CideEleButtonComponent
7606
+ CideEleButtonComponent,
7607
+ CurrencyPipe
7645
7608
  ], template: `
7646
- @if (isOpen()) {
7647
- <div class="tw-fixed tw-inset-0 tw-z-50 tw-overflow-y-auto" (click)="onClose()">
7648
- <div class="tw-flex tw-items-center tw-justify-center tw-min-h-screen tw-px-4 tw-pt-4 tw-pb-20 tw-text-center sm:tw-p-0">
7649
- <div class="tw-fixed tw-inset-0 tw-bg-gray-500 tw-bg-opacity-75 tw-transition-opacity" (click)="onClose()"></div>
7650
- <div class="tw-relative tw-inline-block tw-align-middle tw-bg-white tw-rounded-lg tw-text-left tw-overflow-hidden tw-shadow-xl tw-transform tw-transition-all tw-w-full tw-max-w-2xl tw-max-h-[90vh] tw-overflow-y-auto" (click)="$event.stopPropagation()">
7651
- <div class="tw-bg-white tw-px-4 tw-pt-5 tw-pb-4 sm:tw-p-6 sm:tw-pb-4">
7652
- <div class="tw-flex tw-items-center tw-justify-between tw-mb-4 tw-pb-3 tw-border-b tw-border-gray-200">
7653
- <h3 class="tw-text-lg tw-font-semibold tw-text-gray-900">Complete Fee Details</h3>
7654
- <button
7655
- type="button"
7656
- cideEleButton
7657
- variant="ghost"
7658
- size="sm"
7659
- (click)="onClose()">
7660
- <cide-ele-icon>close</cide-ele-icon>
7661
- </button>
7662
- </div>
7663
-
7664
- @if (loading()) {
7665
- <div class="tw-text-center tw-py-12">
7666
- <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-gray-400 tw-animate-spin tw-mx-auto tw-mb-2">refresh</cide-ele-icon>
7667
- <span class="tw-text-sm tw-text-gray-500">Loading fee details...</span>
7668
- </div>
7669
- } @else if (error()) {
7670
- <div class="tw-text-center tw-py-12">
7671
- <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-400 tw-mx-auto tw-mb-2">error</cide-ele-icon>
7672
- <p class="tw-text-sm tw-text-red-600">{{ error() }}</p>
7673
- </div>
7674
- } @else {
7675
- @if (feeDetails(); as details) {
7676
- <div class="tw-space-y-4 tw-text-sm">
7609
+ <div class="tw-p-4 tw-overflow-y-auto tw-h-full">
7610
+ @if (loading()) {
7611
+ <div class="tw-text-center tw-py-12">
7612
+ <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-gray-400 tw-animate-spin tw-mx-auto tw-mb-2">refresh</cide-ele-icon>
7613
+ <span class="tw-text-sm tw-text-gray-500">Loading fee details...</span>
7614
+ </div>
7615
+ } @else if (error()) {
7616
+ <div class="tw-text-center tw-py-12">
7617
+ <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-400 tw-mx-auto tw-mb-2">error</cide-ele-icon>
7618
+ <p class="tw-text-sm tw-text-red-600">{{ error() }}</p>
7619
+ </div>
7620
+ } @else {
7621
+ @if (feeDetails(); as details) {
7622
+ <div class="tw-space-y-4 tw-text-sm">
7677
7623
  <!-- Basic Information -->
7678
7624
  <div class="tw-bg-gray-50 tw-rounded-lg tw-p-3 tw-border tw-border-gray-200">
7679
7625
  <h4 class="tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3">Basic Information</h4>
@@ -7709,23 +7655,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7709
7655
  <div class="tw-space-y-2">
7710
7656
  <div class="tw-flex tw-justify-between tw-items-center">
7711
7657
  <span class="tw-text-gray-600">Original Amount:</span>
7712
- <span class="tw-font-medium tw-text-gray-900">{{ formatCurrency(details.amount) }}</span>
7658
+ <span class="tw-font-medium tw-text-gray-900">{{ details.amount | currency }}</span>
7713
7659
  </div>
7714
7660
  @if (details.discount > 0) {
7715
7661
  <div class="tw-flex tw-justify-between tw-items-center">
7716
7662
  <span class="tw-text-gray-600">Discount Applied:</span>
7717
- <span class="tw-font-medium tw-text-blue-600">-{{ formatCurrency(details.discount) }}</span>
7663
+ <span class="tw-font-medium tw-text-blue-600">-{{ details.discount | currency }}</span>
7718
7664
  </div>
7719
7665
  }
7720
7666
  @if (details.taxApplicable && details.taxPercentage > 0) {
7721
7667
  <div class="tw-flex tw-justify-between tw-items-center">
7722
7668
  <span class="tw-text-gray-600">Tax ({{ details.taxPercentage }}%):</span>
7723
- <span class="tw-font-medium tw-text-gray-900">{{ formatCurrency((details.finalAmount * details.taxPercentage) / 100) }}</span>
7669
+ <span class="tw-font-medium tw-text-gray-900">{{ (details.finalAmount * details.taxPercentage) / 100 | currency }}</span>
7724
7670
  </div>
7725
7671
  }
7726
7672
  <div class="tw-flex tw-justify-between tw-items-center tw-pt-2 tw-border-t tw-border-blue-200">
7727
7673
  <span class="tw-font-semibold tw-text-gray-900">Final Amount:</span>
7728
- <span class="tw-font-bold tw-text-green-600 tw-text-base">{{ formatCurrency(details.finalAmount) }}</span>
7674
+ <span class="tw-font-bold tw-text-green-600 tw-text-base">{{ details.finalAmount | currency }}</span>
7729
7675
  </div>
7730
7676
  </div>
7731
7677
  </div>
@@ -7735,7 +7681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7735
7681
  <div class="tw-bg-purple-50 tw-rounded-lg tw-p-3 tw-border tw-border-purple-200">
7736
7682
  <h4 class="tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3">Installment Plan</h4>
7737
7683
  <div class="tw-mb-2 tw-text-xs tw-text-gray-600">
7738
- Total Amount: <span class="tw-font-semibold">{{ formatCurrency(details.finalAmount) }}</span>
7684
+ Total Amount: <span class="tw-font-semibold">{{ details.finalAmount | currency }}</span>
7739
7685
  divided into <span class="tw-font-semibold">{{ details.installmentCount }}</span> installments
7740
7686
  </div>
7741
7687
  <div class="tw-overflow-x-auto">
@@ -7753,7 +7699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7753
7699
  @for (installment of details.installments; track installment.number) {
7754
7700
  <tr>
7755
7701
  <td class="tw-px-3 tw-py-2 tw-text-sm tw-text-gray-900 tw-font-medium">#{{ installment.number }}</td>
7756
- <td class="tw-px-3 tw-py-2 tw-text-sm tw-text-gray-900 tw-text-right tw-font-semibold">{{ formatCurrency(installment.amount) }}</td>
7702
+ <td class="tw-px-3 tw-py-2 tw-text-sm tw-text-gray-900 tw-text-right tw-font-semibold">{{ installment.amount | currency }}</td>
7757
7703
  <td class="tw-px-3 tw-py-2 tw-text-xs tw-text-gray-600">{{ installment.dueDate || 'TBD' }}</td>
7758
7704
  <td class="tw-px-3 tw-py-2 tw-text-xs tw-text-gray-600 tw-text-center">
7759
7705
  @if (installment.daysFromAssignment !== undefined) {
@@ -7775,7 +7721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7775
7721
  <tfoot class="tw-bg-purple-100">
7776
7722
  <tr>
7777
7723
  <td class="tw-px-3 tw-py-2 tw-text-sm tw-font-bold tw-text-gray-900">Total:</td>
7778
- <td class="tw-px-3 tw-py-2 tw-text-sm tw-font-bold tw-text-green-600 tw-text-right">{{ formatCurrency(details.finalAmount) }}</td>
7724
+ <td class="tw-px-3 tw-py-2 tw-text-sm tw-font-bold tw-text-green-600 tw-text-right">{{ details.finalAmount | currency }}</td>
7779
7725
  <td colspan="3"></td>
7780
7726
  </tr>
7781
7727
  </tfoot>
@@ -7792,7 +7738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7792
7738
  </div>
7793
7739
  <div class="tw-flex tw-justify-between">
7794
7740
  <span class="tw-text-gray-600">Amount to Pay:</span>
7795
- <span class="tw-font-bold tw-text-green-600">{{ formatCurrency(details.finalAmount) }}</span>
7741
+ <span class="tw-font-bold tw-text-green-600">{{ details.finalAmount | currency }}</span>
7796
7742
  </div>
7797
7743
  @if (details.installments && details.installments.length > 0 && details.installments[0].dueDate) {
7798
7744
  <div class="tw-flex tw-justify-between">
@@ -7840,8 +7786,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7840
7786
  <div>
7841
7787
  <span class="tw-text-gray-500 tw-block tw-text-xs tw-mb-1">Amount Range:</span>
7842
7788
  <span class="tw-text-gray-900 tw-text-sm">
7843
- {{ details.minAmount ? formatCurrency(details.minAmount) : 'No min' }} -
7844
- {{ details.maxAmount ? formatCurrency(details.maxAmount) : 'No max' }}
7789
+ {{ details.minAmount ? (details.minAmount | currency) : 'No min' }} -
7790
+ {{ details.maxAmount ? (details.maxAmount | currency) : 'No max' }}
7845
7791
  </span>
7846
7792
  </div>
7847
7793
  }
@@ -7861,24 +7807,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
7861
7807
  }
7862
7808
  </div>
7863
7809
  </div>
7864
- </div>
7865
- }
7866
- }
7867
- </div>
7868
- <div class="tw-bg-gray-50 tw-px-4 tw-py-3 tw-flex tw-justify-end tw-gap-2 tw-border-t tw-border-gray-200">
7869
- <button
7870
- type="button"
7871
- cideEleButton
7872
- variant="primary"
7873
- size="sm"
7874
- (click)="onClose()">
7875
- Close
7876
- </button>
7877
- </div>
7878
- </div>
7879
7810
  </div>
7880
- </div>
7881
- }
7811
+ }
7812
+ }
7813
+ </div>
7882
7814
  `, styles: [":host{display:block}\n"] }]
7883
7815
  }] });
7884
7816