@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/bundles/hmcts-ccpay-web-component.umd.js CHANGED
@@ -710,16 +710,28 @@
710
710
  };
711
711
  /**
712
712
  * @param {?} isErrorExist
713
+ * @param {?=} isDataNotExist
714
+ * @param {?=} error
713
715
  * @return {?}
714
716
  */
715
717
  ErrorHandlerService.prototype.getServerErrorMessage = /**
716
718
  * @param {?} isErrorExist
719
+ * @param {?=} isDataNotExist
720
+ * @param {?=} error
717
721
  * @return {?}
718
722
  */
719
- function (isErrorExist) {
723
+ function (isErrorExist, isDataNotExist, error) {
724
+ if (isDataNotExist === void 0) {
725
+ isDataNotExist = false;
726
+ }
727
+ if (error === void 0) {
728
+ error = '';
729
+ }
730
+ /** @type {?} */
731
+ var bodyContent = isDataNotExist ? error : 'Try again later';
720
732
  return {
721
733
  title: "There is a problem with the service",
722
- body: "Try again later",
734
+ body: bodyContent,
723
735
  showError: isErrorExist
724
736
  };
725
737
  };
@@ -6101,7 +6113,7 @@
6101
6113
  amount: 0
6102
6114
  };
6103
6115
  this.siteID = null;
6104
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
6116
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
6105
6117
  this.paymentGroups = [];
6106
6118
  this.isMoreDetailsBoxHide = true;
6107
6119
  this.isConfirmButtondisabled = false;
@@ -6231,14 +6243,14 @@
6231
6243
  * @param {?} paymentGroup
6232
6244
  * @return {?}
6233
6245
  */function (paymentGroup) {
6234
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6246
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6235
6247
  _this.paymentGroup = paymentGroup;
6236
6248
  _this.saveAndContinue();
6237
6249
  }), ( /**
6238
6250
  * @param {?} error
6239
6251
  * @return {?}
6240
6252
  */function (error) {
6241
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6253
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6242
6254
  }));
6243
6255
  }
6244
6256
  else {
@@ -6246,7 +6258,7 @@
6246
6258
  * @param {?} paymentGroups
6247
6259
  * @return {?}
6248
6260
  */function (paymentGroups) {
6249
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6261
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6250
6262
  _this.paymentGroups = paymentGroups['payment_groups'].filter(( /**
6251
6263
  * @param {?} paymentGroup
6252
6264
  * @return {?}
@@ -6269,7 +6281,7 @@
6269
6281
  * @param {?} error
6270
6282
  * @return {?}
6271
6283
  */function (error) {
6272
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6284
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6273
6285
  }));
6274
6286
  }
6275
6287
  };
@@ -6446,7 +6458,7 @@
6446
6458
  * @param {?} res
6447
6459
  * @return {?}
6448
6460
  */function (res) {
6449
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6461
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6450
6462
  /** @type {?} */
6451
6463
  var response = JSON.parse(res);
6452
6464
  if (response.success) {
@@ -6456,7 +6468,7 @@
6456
6468
  * @param {?} error
6457
6469
  * @return {?}
6458
6470
  */function (error) {
6459
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6471
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6460
6472
  window.scrollTo(0, 0);
6461
6473
  _this.isConfirmButtondisabled = false;
6462
6474
  }));
@@ -6466,7 +6478,7 @@
6466
6478
  * @param {?} res1
6467
6479
  * @return {?}
6468
6480
  */function (res1) {
6469
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6481
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6470
6482
  /** @type {?} */
6471
6483
  var response1 = JSON.parse(res1);
6472
6484
  if (response1.success) {
@@ -6476,7 +6488,7 @@
6476
6488
  * @param {?} res2
6477
6489
  * @return {?}
6478
6490
  */function (res2) {
6479
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6491
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6480
6492
  /** @type {?} */
6481
6493
  var response2 = JSON.parse(res2);
6482
6494
  /** @type {?} */
@@ -6486,7 +6498,7 @@
6486
6498
  * @param {?} res3
6487
6499
  * @return {?}
6488
6500
  */function (res3) {
6489
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6501
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6490
6502
  /** @type {?} */
6491
6503
  var response3 = JSON.parse(res3);
6492
6504
  if (response3.success) {
@@ -6497,7 +6509,7 @@
6497
6509
  * @return {?}
6498
6510
  */function (error) {
6499
6511
  _this.bulkScaningPaymentService.patchBSChangeStatus(_this.unAllocatedPayment.dcn_reference, 'COMPLETE').subscribe();
6500
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6512
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6501
6513
  window.scrollTo(0, 0);
6502
6514
  _this.isConfirmButtondisabled = false;
6503
6515
  }));
@@ -6507,7 +6519,7 @@
6507
6519
  * @return {?}
6508
6520
  */function (error) {
6509
6521
  _this.bulkScaningPaymentService.patchBSChangeStatus(_this.unAllocatedPayment.dcn_reference, 'COMPLETE').subscribe();
6510
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6522
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6511
6523
  window.scrollTo(0, 0);
6512
6524
  _this.isConfirmButtondisabled = false;
6513
6525
  }));
@@ -6516,7 +6528,7 @@
6516
6528
  * @param {?} error
6517
6529
  * @return {?}
6518
6530
  */function (error) {
6519
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6531
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6520
6532
  window.scrollTo(0, 0);
6521
6533
  _this.isConfirmButtondisabled = false;
6522
6534
  }));
@@ -6574,7 +6586,7 @@
6574
6586
  * @param {?} unassignedPayments
6575
6587
  * @return {?}
6576
6588
  */function (unassignedPayments) {
6577
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6589
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6578
6590
  _this.unAllocatedPayment = unassignedPayments['data'].payments.filter(( /**
6579
6591
  * @param {?} payment
6580
6592
  * @return {?}
@@ -6595,7 +6607,7 @@
6595
6607
  * @param {?} error
6596
6608
  * @return {?}
6597
6609
  */function (error) {
6598
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6610
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6599
6611
  }));
6600
6612
  };
6601
6613
  /**
@@ -8065,8 +8077,9 @@
8065
8077
  this.loc = 'en-US';
8066
8078
  this.isDownLoadButtondisabled = false;
8067
8079
  this.isStartDateLesthanEndDate = false;
8080
+ this.isDateBetwnMonth = false;
8068
8081
  this.isDateRangeBetnWeek = false;
8069
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
8082
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
8070
8083
  this.paymentGroups = [];
8071
8084
  }
8072
8085
  /**
@@ -8111,16 +8124,26 @@
8111
8124
  var selectedEndDate = this.tranformDate(this.reportsForm.get('endDate').value);
8112
8125
  /** @type {?} */
8113
8126
  var isDateRangeMoreThanWeek = (( /** @type {?} */(new Date(selectedStartDate))) - ( /** @type {?} */(new Date(selectedEndDate)))) / (1000 * 3600 * -24) > 7;
8127
+ /** @type {?} */
8128
+ var isDateRangeMoreThanMonth = (( /** @type {?} */(new Date(selectedStartDate))) - ( /** @type {?} */(new Date(selectedEndDate)))) / (1000 * 3600 * -24) > 30;
8114
8129
  if (new Date(selectedStartDate) > new Date(selectedEndDate) && selectedEndDate !== '') {
8115
8130
  this.reportsForm.get('startDate').setValue('');
8116
8131
  this.isDateRangeBetnWeek = false;
8132
+ this.isDateBetwnMonth = false;
8117
8133
  this.isStartDateLesthanEndDate = true;
8118
8134
  }
8119
8135
  else if (reportName && reportName === 'SURPLUS_AND_SHORTFALL' && isDateRangeMoreThanWeek) {
8120
8136
  this.isDateRangeBetnWeek = true;
8137
+ this.isDateBetwnMonth = false;
8138
+ this.isStartDateLesthanEndDate = false;
8139
+ }
8140
+ else if (reportName && reportName === 'PAYMENT_FAILURE_EVENT' && isDateRangeMoreThanMonth) {
8141
+ this.isDateRangeBetnWeek = false;
8142
+ this.isDateBetwnMonth = true;
8121
8143
  this.isStartDateLesthanEndDate = false;
8122
8144
  }
8123
8145
  else {
8146
+ this.isDateBetwnMonth = false;
8124
8147
  this.isDateRangeBetnWeek = false;
8125
8148
  this.isStartDateLesthanEndDate = false;
8126
8149
  }
@@ -8166,7 +8189,7 @@
8166
8189
  * @param {?} response
8167
8190
  * @return {?}
8168
8191
  */function (response) {
8169
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
8192
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
8170
8193
  /** @type {?} */
8171
8194
  var result = JSON.parse(response);
8172
8195
  /** @type {?} */
@@ -8206,7 +8229,7 @@
8206
8229
  * @return {?}
8207
8230
  */function (error) {
8208
8231
  _this.isDownLoadButtondisabled = false;
8209
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
8232
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
8210
8233
  }));
8211
8234
  }
8212
8235
  else if (selectedReportName === 'PAYMENT_FAILURE_EVENT') {
@@ -8214,7 +8237,7 @@
8214
8237
  * @param {?} response
8215
8238
  * @return {?}
8216
8239
  */function (response) {
8217
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
8240
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
8218
8241
  /** @type {?} */
8219
8242
  var result = { data: JSON.parse(response)['payment_failure_report_list'] };
8220
8243
  /** @type {?} */
@@ -8236,7 +8259,16 @@
8236
8259
  * @return {?}
8237
8260
  */function (error) {
8238
8261
  _this.isDownLoadButtondisabled = false;
8239
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
8262
+ /** @type {?} */
8263
+ var errorContent = error.replace(/[^a-zA-Z ]/g, '').trim();
8264
+ /** @type {?} */
8265
+ var statusCode = error.replace(/[^a-zA-Z0-9 ]/g, '').trim().split(' ')[0];
8266
+ if (statusCode === '404') {
8267
+ _this.errorHandlerService.getServerErrorMessage(true, true, errorContent);
8268
+ }
8269
+ else {
8270
+ _this.errorHandlerService.getServerErrorMessage(true, false, '');
8271
+ }
8240
8272
  }));
8241
8273
  }
8242
8274
  else {
@@ -8244,7 +8276,7 @@
8244
8276
  * @param {?} response
8245
8277
  * @return {?}
8246
8278
  */function (response) {
8247
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
8279
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
8248
8280
  /** @type {?} */
8249
8281
  var result = JSON.parse(response);
8250
8282
  /** @type {?} */
@@ -8273,7 +8305,7 @@
8273
8305
  * @return {?}
8274
8306
  */function (error) {
8275
8307
  _this.isDownLoadButtondisabled = false;
8276
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
8308
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
8277
8309
  }));
8278
8310
  }
8279
8311
  };
@@ -8441,7 +8473,7 @@
8441
8473
  ReportsComponent.decorators = [
8442
8474
  { type: i0.Component, args: [{
8443
8475
  selector: 'ccpay-reports',
8444
- 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",
8476
+ 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",
8445
8477
  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}"]
8446
8478
  }] }
8447
8479
  ];