@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/fesm5/hmcts-ccpay-web-component.js CHANGED
@@ -720,16 +720,24 @@ var ErrorHandlerService = /** @class */ (function () {
720
720
  };
721
721
  /**
722
722
  * @param {?} isErrorExist
723
+ * @param {?=} isDataNotExist
724
+ * @param {?=} error
723
725
  * @return {?}
724
726
  */
725
727
  ErrorHandlerService.prototype.getServerErrorMessage = /**
726
728
  * @param {?} isErrorExist
729
+ * @param {?=} isDataNotExist
730
+ * @param {?=} error
727
731
  * @return {?}
728
732
  */
729
- function (isErrorExist) {
733
+ function (isErrorExist, isDataNotExist, error) {
734
+ if (isDataNotExist === void 0) { isDataNotExist = false; }
735
+ if (error === void 0) { error = ''; }
736
+ /** @type {?} */
737
+ var bodyContent = isDataNotExist ? error : 'Try again later';
730
738
  return {
731
739
  title: "There is a problem with the service",
732
- body: "Try again later",
740
+ body: bodyContent,
733
741
  showError: isErrorExist
734
742
  };
735
743
  };
@@ -6186,7 +6194,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6186
6194
  amount: 0
6187
6195
  };
6188
6196
  this.siteID = null;
6189
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
6197
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
6190
6198
  this.paymentGroups = [];
6191
6199
  this.isMoreDetailsBoxHide = true;
6192
6200
  this.isConfirmButtondisabled = false;
@@ -6320,7 +6328,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6320
6328
  * @return {?}
6321
6329
  */
6322
6330
  function (paymentGroup) {
6323
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6331
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6324
6332
  _this.paymentGroup = paymentGroup;
6325
6333
  _this.saveAndContinue();
6326
6334
  }), (/**
@@ -6328,7 +6336,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6328
6336
  * @return {?}
6329
6337
  */
6330
6338
  function (error) {
6331
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6339
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6332
6340
  }));
6333
6341
  }
6334
6342
  else {
@@ -6337,7 +6345,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6337
6345
  * @return {?}
6338
6346
  */
6339
6347
  function (paymentGroups) {
6340
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6348
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6341
6349
  _this.paymentGroups = paymentGroups['payment_groups'].filter((/**
6342
6350
  * @param {?} paymentGroup
6343
6351
  * @return {?}
@@ -6363,7 +6371,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6363
6371
  * @return {?}
6364
6372
  */
6365
6373
  function (error) {
6366
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6374
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6367
6375
  }));
6368
6376
  }
6369
6377
  };
@@ -6542,7 +6550,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6542
6550
  * @return {?}
6543
6551
  */
6544
6552
  function (res) {
6545
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6553
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6546
6554
  /** @type {?} */
6547
6555
  var response = JSON.parse(res);
6548
6556
  if (response.success) {
@@ -6553,7 +6561,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6553
6561
  * @return {?}
6554
6562
  */
6555
6563
  function (error) {
6556
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6564
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6557
6565
  window.scrollTo(0, 0);
6558
6566
  _this.isConfirmButtondisabled = false;
6559
6567
  }));
@@ -6564,7 +6572,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6564
6572
  * @return {?}
6565
6573
  */
6566
6574
  function (res1) {
6567
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6575
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6568
6576
  /** @type {?} */
6569
6577
  var response1 = JSON.parse(res1);
6570
6578
  if (response1.success) {
@@ -6575,7 +6583,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6575
6583
  * @return {?}
6576
6584
  */
6577
6585
  function (res2) {
6578
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6586
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6579
6587
  /** @type {?} */
6580
6588
  var response2 = JSON.parse(res2);
6581
6589
  /** @type {?} */
@@ -6586,7 +6594,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6586
6594
  * @return {?}
6587
6595
  */
6588
6596
  function (res3) {
6589
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6597
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6590
6598
  /** @type {?} */
6591
6599
  var response3 = JSON.parse(res3);
6592
6600
  if (response3.success) {
@@ -6598,7 +6606,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6598
6606
  */
6599
6607
  function (error) {
6600
6608
  _this.bulkScaningPaymentService.patchBSChangeStatus(_this.unAllocatedPayment.dcn_reference, 'COMPLETE').subscribe();
6601
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6609
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6602
6610
  window.scrollTo(0, 0);
6603
6611
  _this.isConfirmButtondisabled = false;
6604
6612
  }));
@@ -6609,7 +6617,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6609
6617
  */
6610
6618
  function (error) {
6611
6619
  _this.bulkScaningPaymentService.patchBSChangeStatus(_this.unAllocatedPayment.dcn_reference, 'COMPLETE').subscribe();
6612
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6620
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6613
6621
  window.scrollTo(0, 0);
6614
6622
  _this.isConfirmButtondisabled = false;
6615
6623
  }));
@@ -6619,7 +6627,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6619
6627
  * @return {?}
6620
6628
  */
6621
6629
  function (error) {
6622
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6630
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6623
6631
  window.scrollTo(0, 0);
6624
6632
  _this.isConfirmButtondisabled = false;
6625
6633
  }));
@@ -6678,7 +6686,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6678
6686
  * @return {?}
6679
6687
  */
6680
6688
  function (unassignedPayments) {
6681
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
6689
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
6682
6690
  _this.unAllocatedPayment = unassignedPayments['data'].payments.filter((/**
6683
6691
  * @param {?} payment
6684
6692
  * @return {?}
@@ -6701,7 +6709,7 @@ var AllocatePaymentsComponent = /** @class */ (function () {
6701
6709
  * @return {?}
6702
6710
  */
6703
6711
  function (error) {
6704
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
6712
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
6705
6713
  }));
6706
6714
  };
6707
6715
  /**
@@ -8187,8 +8195,9 @@ var ReportsComponent = /** @class */ (function () {
8187
8195
  this.loc = 'en-US';
8188
8196
  this.isDownLoadButtondisabled = false;
8189
8197
  this.isStartDateLesthanEndDate = false;
8198
+ this.isDateBetwnMonth = false;
8190
8199
  this.isDateRangeBetnWeek = false;
8191
- this.errorMessage = this.errorHandlerService.getServerErrorMessage(false);
8200
+ this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
8192
8201
  this.paymentGroups = [];
8193
8202
  }
8194
8203
  /**
@@ -8233,16 +8242,26 @@ var ReportsComponent = /** @class */ (function () {
8233
8242
  var selectedEndDate = this.tranformDate(this.reportsForm.get('endDate').value);
8234
8243
  /** @type {?} */
8235
8244
  var isDateRangeMoreThanWeek = ((/** @type {?} */ (new Date(selectedStartDate))) - (/** @type {?} */ (new Date(selectedEndDate)))) / (1000 * 3600 * -24) > 7;
8245
+ /** @type {?} */
8246
+ var isDateRangeMoreThanMonth = ((/** @type {?} */ (new Date(selectedStartDate))) - (/** @type {?} */ (new Date(selectedEndDate)))) / (1000 * 3600 * -24) > 30;
8236
8247
  if (new Date(selectedStartDate) > new Date(selectedEndDate) && selectedEndDate !== '') {
8237
8248
  this.reportsForm.get('startDate').setValue('');
8238
8249
  this.isDateRangeBetnWeek = false;
8250
+ this.isDateBetwnMonth = false;
8239
8251
  this.isStartDateLesthanEndDate = true;
8240
8252
  }
8241
8253
  else if (reportName && reportName === 'SURPLUS_AND_SHORTFALL' && isDateRangeMoreThanWeek) {
8242
8254
  this.isDateRangeBetnWeek = true;
8255
+ this.isDateBetwnMonth = false;
8256
+ this.isStartDateLesthanEndDate = false;
8257
+ }
8258
+ else if (reportName && reportName === 'PAYMENT_FAILURE_EVENT' && isDateRangeMoreThanMonth) {
8259
+ this.isDateRangeBetnWeek = false;
8260
+ this.isDateBetwnMonth = true;
8243
8261
  this.isStartDateLesthanEndDate = false;
8244
8262
  }
8245
8263
  else {
8264
+ this.isDateBetwnMonth = false;
8246
8265
  this.isDateRangeBetnWeek = false;
8247
8266
  this.isStartDateLesthanEndDate = false;
8248
8267
  }
@@ -8289,7 +8308,7 @@ var ReportsComponent = /** @class */ (function () {
8289
8308
  * @return {?}
8290
8309
  */
8291
8310
  function (response) {
8292
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
8311
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
8293
8312
  /** @type {?} */
8294
8313
  var result = JSON.parse(response);
8295
8314
  /** @type {?} */
@@ -8330,7 +8349,7 @@ var ReportsComponent = /** @class */ (function () {
8330
8349
  */
8331
8350
  function (error) {
8332
8351
  _this.isDownLoadButtondisabled = false;
8333
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
8352
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
8334
8353
  }));
8335
8354
  }
8336
8355
  else if (selectedReportName === 'PAYMENT_FAILURE_EVENT') {
@@ -8339,7 +8358,7 @@ var ReportsComponent = /** @class */ (function () {
8339
8358
  * @return {?}
8340
8359
  */
8341
8360
  function (response) {
8342
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
8361
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
8343
8362
  /** @type {?} */
8344
8363
  var result = { data: JSON.parse(response)['payment_failure_report_list'] };
8345
8364
  /** @type {?} */
@@ -8362,7 +8381,16 @@ var ReportsComponent = /** @class */ (function () {
8362
8381
  */
8363
8382
  function (error) {
8364
8383
  _this.isDownLoadButtondisabled = false;
8365
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
8384
+ /** @type {?} */
8385
+ var errorContent = error.replace(/[^a-zA-Z ]/g, '').trim();
8386
+ /** @type {?} */
8387
+ var statusCode = error.replace(/[^a-zA-Z0-9 ]/g, '').trim().split(' ')[0];
8388
+ if (statusCode === '404') {
8389
+ _this.errorHandlerService.getServerErrorMessage(true, true, errorContent);
8390
+ }
8391
+ else {
8392
+ _this.errorHandlerService.getServerErrorMessage(true, false, '');
8393
+ }
8366
8394
  }));
8367
8395
  }
8368
8396
  else {
@@ -8371,7 +8399,7 @@ var ReportsComponent = /** @class */ (function () {
8371
8399
  * @return {?}
8372
8400
  */
8373
8401
  function (response) {
8374
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false);
8402
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(false, false, '');
8375
8403
  /** @type {?} */
8376
8404
  var result = JSON.parse(response);
8377
8405
  /** @type {?} */
@@ -8401,7 +8429,7 @@ var ReportsComponent = /** @class */ (function () {
8401
8429
  */
8402
8430
  function (error) {
8403
8431
  _this.isDownLoadButtondisabled = false;
8404
- _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true);
8432
+ _this.errorMessage = _this.errorHandlerService.getServerErrorMessage(true, false, '');
8405
8433
  }));
8406
8434
  }
8407
8435
  };
@@ -8571,7 +8599,7 @@ var ReportsComponent = /** @class */ (function () {
8571
8599
  ReportsComponent.decorators = [
8572
8600
  { type: Component, args: [{
8573
8601
  selector: 'ccpay-reports',
8574
- 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",
8602
+ 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",
8575
8603
  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}"]
8576
8604
  }] }
8577
8605
  ];