@hmcts/ccpay-web-component 5.0.7-beta04 → 5.0.7-beta07

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 (18) hide show
  1. package/bundles/hmcts-ccpay-web-component.umd.js +57 -25
  2. package/bundles/hmcts-ccpay-web-component.umd.js.map +1 -1
  3. package/bundles/hmcts-ccpay-web-component.umd.min.js +1 -1
  4. package/bundles/hmcts-ccpay-web-component.umd.min.js.map +1 -1
  5. package/esm2015/lib/components/allocate-payments/allocate-payments.component.js +16 -16
  6. package/esm2015/lib/components/reports/reports.component.js +33 -9
  7. package/esm2015/lib/services/shared/error-handler.service.js +7 -3
  8. package/esm5/lib/components/allocate-payments/allocate-payments.component.js +16 -16
  9. package/esm5/lib/components/reports/reports.component.js +33 -9
  10. package/esm5/lib/services/shared/error-handler.service.js +11 -3
  11. package/fesm2015/hmcts-ccpay-web-component.js +49 -25
  12. package/fesm2015/hmcts-ccpay-web-component.js.map +1 -1
  13. package/fesm5/hmcts-ccpay-web-component.js +53 -25
  14. package/fesm5/hmcts-ccpay-web-component.js.map +1 -1
  15. package/hmcts-ccpay-web-component.metadata.json +1 -1
  16. package/lib/components/reports/reports.component.d.ts +2 -0
  17. package/lib/services/shared/error-handler.service.d.ts +1 -1
  18. package/package.json +1 -1
package/fesm2015/hmcts-ccpay-web-component.js CHANGED
@@ -593,12 +593,16 @@ class ErrorHandlerService {
593
593
  }
594
594
  /**
595
595
  * @param {?} isErrorExist
596
+ * @param {?=} isDataNotExist
597
+ * @param {?=} error
596
598
  * @return {?}
597
599
  */
598
- getServerErrorMessage(isErrorExist) {
600
+ getServerErrorMessage(isErrorExist, isDataNotExist = false, error = '') {
601
+ /** @type {?} */
602
+ const bodyContent = isDataNotExist ? error : 'Try again later';
599
603
  return {
600
604
  title: "There is a problem with the service",
601
- body: "Try again later",
605
+ body: bodyContent,
602
606
  showError: isErrorExist
603
607
  };
604
608
  }
@@ -5327,7 +5331,7 @@ class AllocatePaymentsComponent {
5327
5331
  amount: 0
5328
5332
  };
5329
5333
  this.siteID = null;
5330
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5334
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5331
5335
  this.paymentGroups = [];
5332
5336
  this.isMoreDetailsBoxHide = true;
5333
5337
  this.isConfirmButtondisabled = false;
@@ -5447,7 +5451,7 @@ class AllocatePaymentsComponent {
5447
5451
  * @return {?}
5448
5452
  */
5449
5453
  paymentGroup => {
5450
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5454
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5451
5455
  this.paymentGroup = paymentGroup;
5452
5456
  this.saveAndContinue();
5453
5457
  }), (/**
@@ -5455,7 +5459,7 @@ class AllocatePaymentsComponent {
5455
5459
  * @return {?}
5456
5460
  */
5457
5461
  (error) => {
5458
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5462
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5459
5463
  }));
5460
5464
  }
5461
5465
  else {
@@ -5464,7 +5468,7 @@ class AllocatePaymentsComponent {
5464
5468
  * @return {?}
5465
5469
  */
5466
5470
  paymentGroups => {
5467
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5471
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5468
5472
  this.paymentGroups = paymentGroups['payment_groups'].filter((/**
5469
5473
  * @param {?} paymentGroup
5470
5474
  * @return {?}
@@ -5490,7 +5494,7 @@ class AllocatePaymentsComponent {
5490
5494
  * @return {?}
5491
5495
  */
5492
5496
  (error) => {
5493
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5497
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5494
5498
  }));
5495
5499
  }
5496
5500
  }
@@ -5642,7 +5646,7 @@ class AllocatePaymentsComponent {
5642
5646
  * @return {?}
5643
5647
  */
5644
5648
  res => {
5645
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5649
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5646
5650
  /** @type {?} */
5647
5651
  let response = JSON.parse(res);
5648
5652
  if (response.success) {
@@ -5653,7 +5657,7 @@ class AllocatePaymentsComponent {
5653
5657
  * @return {?}
5654
5658
  */
5655
5659
  (error) => {
5656
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5660
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5657
5661
  window.scrollTo(0, 0);
5658
5662
  this.isConfirmButtondisabled = false;
5659
5663
  }));
@@ -5664,7 +5668,7 @@ class AllocatePaymentsComponent {
5664
5668
  * @return {?}
5665
5669
  */
5666
5670
  res1 => {
5667
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5671
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5668
5672
  /** @type {?} */
5669
5673
  let response1 = JSON.parse(res1);
5670
5674
  if (response1.success) {
@@ -5675,7 +5679,7 @@ class AllocatePaymentsComponent {
5675
5679
  * @return {?}
5676
5680
  */
5677
5681
  res2 => {
5678
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5682
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5679
5683
  /** @type {?} */
5680
5684
  let response2 = JSON.parse(res2);
5681
5685
  /** @type {?} */
@@ -5686,7 +5690,7 @@ class AllocatePaymentsComponent {
5686
5690
  * @return {?}
5687
5691
  */
5688
5692
  res3 => {
5689
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5693
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5690
5694
  /** @type {?} */
5691
5695
  let response3 = JSON.parse(res3);
5692
5696
  if (response3.success) {
@@ -5698,7 +5702,7 @@ class AllocatePaymentsComponent {
5698
5702
  */
5699
5703
  (error) => {
5700
5704
  this.bulkScaningPaymentService.patchBSChangeStatus(this.unAllocatedPayment.dcn_reference, 'COMPLETE').subscribe();
5701
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5705
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5702
5706
  window.scrollTo(0, 0);
5703
5707
  this.isConfirmButtondisabled = false;
5704
5708
  }));
@@ -5709,7 +5713,7 @@ class AllocatePaymentsComponent {
5709
5713
  */
5710
5714
  (error) => {
5711
5715
  this.bulkScaningPaymentService.patchBSChangeStatus(this.unAllocatedPayment.dcn_reference, 'COMPLETE').subscribe();
5712
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5716
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5713
5717
  window.scrollTo(0, 0);
5714
5718
  this.isConfirmButtondisabled = false;
5715
5719
  }));
@@ -5719,7 +5723,7 @@ class AllocatePaymentsComponent {
5719
5723
  * @return {?}
5720
5724
  */
5721
5725
  (error) => {
5722
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5726
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5723
5727
  window.scrollTo(0, 0);
5724
5728
  this.isConfirmButtondisabled = false;
5725
5729
  }));
@@ -5771,7 +5775,7 @@ class AllocatePaymentsComponent {
5771
5775
  * @return {?}
5772
5776
  */
5773
5777
  unassignedPayments => {
5774
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
5778
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
5775
5779
  this.unAllocatedPayment = unassignedPayments['data'].payments.filter((/**
5776
5780
  * @param {?} payment
5777
5781
  * @return {?}
@@ -5794,7 +5798,7 @@ class AllocatePaymentsComponent {
5794
5798
  * @return {?}
5795
5799
  */
5796
5800
  (error) => {
5797
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
5801
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
5798
5802
  }));
5799
5803
  }
5800
5804
  /**
@@ -7138,8 +7142,9 @@ class ReportsComponent {
7138
7142
  this.loc = 'en-US';
7139
7143
  this.isDownLoadButtondisabled = false;
7140
7144
  this.isStartDateLesthanEndDate = false;
7145
+ this.isDateBetwnMonth = false;
7141
7146
  this.isDateRangeBetnWeek = false;
7142
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
7147
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
7143
7148
  this.paymentGroups = [];
7144
7149
  }
7145
7150
  /**
@@ -7171,16 +7176,26 @@ class ReportsComponent {
7171
7176
  const selectedEndDate = this.tranformDate(this.reportsForm.get('endDate').value);
7172
7177
  /** @type {?} */
7173
7178
  const isDateRangeMoreThanWeek = ((/** @type {?} */ (new Date(selectedStartDate))) - (/** @type {?} */ (new Date(selectedEndDate)))) / (1000 * 3600 * -24) > 7;
7179
+ /** @type {?} */
7180
+ const isDateRangeMoreThanMonth = ((/** @type {?} */ (new Date(selectedStartDate))) - (/** @type {?} */ (new Date(selectedEndDate)))) / (1000 * 3600 * -24) > 30;
7174
7181
  if (new Date(selectedStartDate) > new Date(selectedEndDate) && selectedEndDate !== '') {
7175
7182
  this.reportsForm.get('startDate').setValue('');
7176
7183
  this.isDateRangeBetnWeek = false;
7184
+ this.isDateBetwnMonth = false;
7177
7185
  this.isStartDateLesthanEndDate = true;
7178
7186
  }
7179
7187
  else if (reportName && reportName === 'SURPLUS_AND_SHORTFALL' && isDateRangeMoreThanWeek) {
7180
7188
  this.isDateRangeBetnWeek = true;
7189
+ this.isDateBetwnMonth = false;
7190
+ this.isStartDateLesthanEndDate = false;
7191
+ }
7192
+ else if (reportName && reportName === 'PAYMENT_FAILURE_EVENT' && isDateRangeMoreThanMonth) {
7193
+ this.isDateRangeBetnWeek = false;
7194
+ this.isDateBetwnMonth = true;
7181
7195
  this.isStartDateLesthanEndDate = false;
7182
7196
  }
7183
7197
  else {
7198
+ this.isDateBetwnMonth = false;
7184
7199
  this.isDateRangeBetnWeek = false;
7185
7200
  this.isStartDateLesthanEndDate = false;
7186
7201
  }
@@ -7220,7 +7235,7 @@ class ReportsComponent {
7220
7235
  * @return {?}
7221
7236
  */
7222
7237
  response => {
7223
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
7238
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
7224
7239
  /** @type {?} */
7225
7240
  const result = JSON.parse(response);
7226
7241
  /** @type {?} */
@@ -7261,7 +7276,7 @@ class ReportsComponent {
7261
7276
  */
7262
7277
  (error) => {
7263
7278
  this.isDownLoadButtondisabled = false;
7264
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
7279
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
7265
7280
  }));
7266
7281
  }
7267
7282
  else if (selectedReportName === 'PAYMENT_FAILURE_EVENT') {
@@ -7270,7 +7285,7 @@ class ReportsComponent {
7270
7285
  * @return {?}
7271
7286
  */
7272
7287
  response => {
7273
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
7288
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
7274
7289
  /** @type {?} */
7275
7290
  const result = { data: JSON.parse(response)['payment_failure_report_list'] };
7276
7291
  /** @type {?} */
@@ -7293,7 +7308,16 @@ class ReportsComponent {
7293
7308
  */
7294
7309
  (error) => {
7295
7310
  this.isDownLoadButtondisabled = false;
7296
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
7311
+ /** @type {?} */
7312
+ const errorContent = error.replace(/[^a-zA-Z ]/g, '').trim();
7313
+ /** @type {?} */
7314
+ const statusCode = error.replace(/[^a-zA-Z0-9 ]/g, '').trim().split(' ')[0];
7315
+ if (statusCode === '404') {
7316
+ this.errorHandlerService.getServerErrorMessage(true, true, errorContent);
7317
+ }
7318
+ else {
7319
+ this.errorHandlerService.getServerErrorMessage(true, false, '');
7320
+ }
7297
7321
  }));
7298
7322
  }
7299
7323
  else {
@@ -7302,7 +7326,7 @@ class ReportsComponent {
7302
7326
  * @return {?}
7303
7327
  */
7304
7328
  response => {
7305
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
7329
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
7306
7330
  /** @type {?} */
7307
7331
  const result = JSON.parse(response);
7308
7332
  /** @type {?} */
@@ -7332,7 +7356,7 @@ class ReportsComponent {
7332
7356
  */
7333
7357
  (error) => {
7334
7358
  this.isDownLoadButtondisabled = false;
7335
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(true);
7359
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
7336
7360
  }));
7337
7361
  }
7338
7362
  }
@@ -7471,7 +7495,7 @@ class ReportsComponent {
7471
7495
  ReportsComponent.decorators = [
7472
7496
  { type: Component, args: [{
7473
7497
  selector: 'ccpay-reports',
7474
- template: "<div class=\"header\">\n <input #myInput type='hidden' id='iFrameDrivenImageValue' value='REPORTS'>\n <ccpay-error-banner *ngIf=\"errorMessage.showError\" [errorMessage]=\"errorMessage\"></ccpay-error-banner>\n <legend class=\"govuk-fieldset__legend--xl\">\n <h1 class=\"govuk-fieldset__heading\"> Choose the report type and date range</h1>\n </legend>\n</div>\n<form [formGroup]=\"reportsForm\">\n <div class=\"govuk-form-group\">\n <div class=\"govuk-radios govuk-radios--conditional\" data-module=\"govuk-radios\">\n <div class=\"govuk-radios__item\">\n <input \n required\n id=\"DataLoss\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n (click)=\"validateDates('DATA_LOSS')\"\n name=\"selectedreport\"\n type=\"radio\"\n value=\"DATA_LOSS\" \n data-aria-controls=\"DataLoss\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"DataLoss\">Data loss</label>\n <span class=\"form-hint\">Missing transactions where data has been received from only either of Exela or Bulk scan</span>\n </div>\n\n <div class=\"govuk-radios__item\">\n <input \n id=\"UnprocessedTransactions\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n (click)=\"validateDates('UNPROCESSED')\"\n name=\"selectedreport\"\n type=\"radio\"\n value=\"UNPROCESSED\" \n data-aria-controls=\"UnprocessedTransactions\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"UnprocessedTransactions\">Unprocessed transactions</label>\n <span class=\"form-hint\">Transaction records that are still unprocessed by staff.</span>\n </div>\n\n <div class=\"govuk-radios__item\">\n <input \n id=\"ProcessedUnallocated\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n name=\"selectedreport\"\n (click)=\"validateDates('PROCESSED_UNALLOCATED')\"\n type=\"radio\"\n value=\"PROCESSED_UNALLOCATED\" \n data-aria-controls=\"ProcessedUnallocated\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"ProcessedUnallocated\">Processed unallocated</label>\n <span class=\"form-hint\">Payments that are marked as \u2018Unidentified\u2019 or \u2018Transferred\u2019 (Unsolicited requests)</span>\n </div>\n\n <div class=\"govuk-radios__item\">\n <input \n id=\"ShortfallsandSurplus\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n name=\"selectedreport\"\n (click)=\"validateDates('SURPLUS_AND_SHORTFALL')\"\n type=\"radio\"\n value=\"SURPLUS_AND_SHORTFALL\" \n data-aria-controls=\"ShortfallsandSurplus\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"ShortfallsandSurplus\">Under payment and Over payment</label>\n <span class=\"form-hint\">Requests where balances are marked as Under payment/Over payment further case management.\n E.g: Refund approval, Customer contact</span>\n </div>\n <div class=\"govuk-radios__item\">\n <input \n id=\"PaymentFailureEvent\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n name=\"selectedreport\"\n (click)=\"validateDates('PAYMENT_FAILURE_EVENT')\"\n type=\"radio\"\n value=\"PAYMENT_FAILURE_EVENT\" \n data-aria-controls=\"PaymentFailureEvent\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"PaymentFailureEvent\">Payment failure event</label>\n <span class=\"form-hint\">Failed payment transaction details</span>\n </div>\n </div>\n </div>\n <div class=\"govuk-form-group\">\n <div class=\"datefrom\">\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"date-from\">Date from</label>\n <input (change)=\"getSelectedFromDate()\" [max]=\"getToday()\" class=\"form-control\" id=\"date-from\" name=\"date-from\" type=\"date\" formControlName=\"startDate\" required/>\n </div>\n\n <div class=\"dateto\">\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"date-to\">Date to</label>\n <input (change)=\"getSelectedFromDate()\" [max]=\"getToday()\" class=\"form-control\" id=\"date-to\" name=\"search\" type=\"date\" formControlName=\"endDate\" required/>\n </div>\n </div>\n <p class=\"inline-error-message\" *ngIf=\"isStartDateLesthanEndDate || isDateRangeBetnWeek\">\n <span *ngIf=\"isStartDateLesthanEndDate\">Please select 'Date From' less than or equal to 'Date To'</span>\n <span *ngIf=\"isDateRangeBetnWeek\"> Please select the date range between 7 days</span>\n </p>\n <div class=\"btnsubmit\">\n <button type=\"submit\" (click)=\"downloadReport()\" class=\"button\" [disabled]=\"!reportsForm.valid || isDownLoadButtondisabled || isStartDateLesthanEndDate || isDateRangeBetnWeek\">Download report</button>\n </div>\n </form>\n \n",
7498
+ template: "<div class=\"header\">\n <input #myInput type='hidden' id='iFrameDrivenImageValue' value='REPORTS'>\n <ccpay-error-banner *ngIf=\"errorMessage.showError\" [errorMessage]=\"errorMessage\"></ccpay-error-banner>\n <legend class=\"govuk-fieldset__legend--xl\">\n <h1 class=\"govuk-fieldset__heading\"> Choose the report type and date range</h1>\n </legend>\n</div>\n<form [formGroup]=\"reportsForm\">\n <div class=\"govuk-form-group\">\n <div class=\"govuk-radios govuk-radios--conditional\" data-module=\"govuk-radios\">\n <div class=\"govuk-radios__item\">\n <input \n required\n id=\"DataLoss\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n (click)=\"validateDates('DATA_LOSS')\"\n name=\"selectedreport\"\n type=\"radio\"\n value=\"DATA_LOSS\" \n data-aria-controls=\"DataLoss\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"DataLoss\">Data loss</label>\n <span class=\"form-hint\">Missing transactions where data has been received from only either of Exela or Bulk scan</span>\n </div>\n\n <div class=\"govuk-radios__item\">\n <input \n id=\"UnprocessedTransactions\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n (click)=\"validateDates('UNPROCESSED')\"\n name=\"selectedreport\"\n type=\"radio\"\n value=\"UNPROCESSED\" \n data-aria-controls=\"UnprocessedTransactions\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"UnprocessedTransactions\">Unprocessed transactions</label>\n <span class=\"form-hint\">Transaction records that are still unprocessed by staff.</span>\n </div>\n\n <div class=\"govuk-radios__item\">\n <input \n id=\"ProcessedUnallocated\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n name=\"selectedreport\"\n (click)=\"validateDates('PROCESSED_UNALLOCATED')\"\n type=\"radio\"\n value=\"PROCESSED_UNALLOCATED\" \n data-aria-controls=\"ProcessedUnallocated\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"ProcessedUnallocated\">Processed unallocated</label>\n <span class=\"form-hint\">Payments that are marked as \u2018Unidentified\u2019 or \u2018Transferred\u2019 (Unsolicited requests)</span>\n </div>\n\n <div class=\"govuk-radios__item\">\n <input \n id=\"ShortfallsandSurplus\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n name=\"selectedreport\"\n (click)=\"validateDates('SURPLUS_AND_SHORTFALL')\"\n type=\"radio\"\n value=\"SURPLUS_AND_SHORTFALL\" \n data-aria-controls=\"ShortfallsandSurplus\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"ShortfallsandSurplus\">Under payment and Over payment</label>\n <span class=\"form-hint\">Requests where balances are marked as Under payment/Over payment further case management.\n E.g: Refund approval, Customer contact</span>\n </div>\n <div class=\"govuk-radios__item\">\n <input \n id=\"PaymentFailureEvent\"\n class=\"govuk-radios__input\"\n formControlName=\"selectedreport\"\n name=\"selectedreport\"\n (click)=\"validateDates('PAYMENT_FAILURE_EVENT')\"\n type=\"radio\"\n value=\"PAYMENT_FAILURE_EVENT\" \n data-aria-controls=\"PaymentFailureEvent\"/>\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"PaymentFailureEvent\">Payment failure event</label>\n <span class=\"form-hint\">Failed payment transaction details</span>\n </div>\n </div>\n </div>\n <div class=\"govuk-form-group\">\n <div class=\"datefrom\">\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"date-from\">Date from</label>\n <input (change)=\"getSelectedFromDate()\" [max]=\"getToday()\" class=\"form-control\" id=\"date-from\" name=\"date-from\" type=\"date\" formControlName=\"startDate\" required/>\n </div>\n\n <div class=\"dateto\">\n <label class=\"govuk-label govuk-radios__label govuk-label--m\" for=\"date-to\">Date to</label>\n <input (change)=\"getSelectedFromDate()\" [max]=\"getToday()\" class=\"form-control\" id=\"date-to\" name=\"search\" type=\"date\" formControlName=\"endDate\" required/>\n </div>\n </div>\n <p class=\"inline-error-message\" *ngIf=\"isStartDateLesthanEndDate || isDateRangeBetnWeek || isDateBetwnMonth\">\n <span *ngIf=\"isStartDateLesthanEndDate\">Please select 'Date From' less than or equal to 'Date To'</span>\n <span *ngIf=\"isDateRangeBetnWeek\"> Please select the date range between 7 days</span>\n <span *ngIf=\"isDateBetwnMonth\"> Please select the date range between 30 days</span>\n </p>\n <div class=\"btnsubmit\">\n <button type=\"submit\" (click)=\"downloadReport()\" class=\"button\" [disabled]=\"!reportsForm.valid || isDownLoadButtondisabled || isStartDateLesthanEndDate || isDateRangeBetnWeek\">Download report</button>\n </div>\n </form>\n \n",
7475
7499
  styles: [".govuk-radios__input:focus+.govuk-radios__label::before{border-width:4px;box-shadow:0 0 0 4px #ffaf00}.datefrom{width:50%;float:left}.dateto{width:50%;float:right}.govuk-label--m{font-size:large}.form-hint{padding-left:.7em}.header{margin-top:10px;margin-bottom:15px}.btnsubmit{margin-bottom:30px}.inline-error-message{color:#a71414;font-weight:700;margin-top:10px}"]
7476
7500
  }] }
7477
7501
  ];