@hmcts/ccpay-web-component 5.0.7-beta36 → 5.0.7-beta37
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.
- package/bundles/hmcts-ccpay-web-component.umd.js +48 -35
- package/bundles/hmcts-ccpay-web-component.umd.js.map +1 -1
- package/bundles/hmcts-ccpay-web-component.umd.min.js +1 -1
- package/bundles/hmcts-ccpay-web-component.umd.min.js.map +1 -1
- package/esm2015/lib/components/add-remission/add-remission.component.js +4 -1
- package/esm2015/lib/components/notification-preview/notification-preview.component.js +38 -25
- package/esm2015/lib/components/payment-view/payment-view.component.js +2 -1
- package/esm2015/lib/components/refund-status/refund-status.component.js +5 -2
- package/esm2015/lib/components/service-request/service-request.component.js +2 -1
- package/esm2015/lib/interfaces/NotificationPreviewRequest.js +7 -11
- package/esm5/lib/components/add-remission/add-remission.component.js +4 -1
- package/esm5/lib/components/notification-preview/notification-preview.component.js +40 -27
- package/esm5/lib/components/payment-view/payment-view.component.js +2 -1
- package/esm5/lib/components/refund-status/refund-status.component.js +5 -2
- package/esm5/lib/components/service-request/service-request.component.js +2 -1
- package/esm5/lib/interfaces/NotificationPreviewRequest.js +7 -11
- package/fesm2015/hmcts-ccpay-web-component.js +48 -35
- package/fesm2015/hmcts-ccpay-web-component.js.map +1 -1
- package/fesm5/hmcts-ccpay-web-component.js +50 -37
- package/fesm5/hmcts-ccpay-web-component.js.map +1 -1
- package/hmcts-ccpay-web-component.metadata.json +1 -1
- package/lib/components/notification-preview/notification-preview.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -4,27 +4,24 @@
|
|
|
4
4
|
*/
|
|
5
5
|
var NotificationPreviewRequest = /** @class */ (function () {
|
|
6
6
|
function NotificationPreviewRequest(payment, contactDetails, refund_reason, refund_amount, refund_reference, payment_reference) {
|
|
7
|
-
if (contactDetails) {
|
|
7
|
+
if (contactDetails !== undefined && contactDetails !== null) {
|
|
8
8
|
this.notification_type = contactDetails.notification_type.toUpperCase();
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
this.payment_channel = payment.channel;
|
|
12
|
-
if (payment) {
|
|
10
|
+
if (payment !== undefined && payment !== null) {
|
|
13
11
|
this.payment_reference = payment.reference;
|
|
12
|
+
this.payment_method = payment.method;
|
|
13
|
+
this.payment_channel = payment.channel;
|
|
14
|
+
this.service_name = payment.service_name;
|
|
14
15
|
}
|
|
15
16
|
else {
|
|
16
17
|
this.payment_reference = payment_reference;
|
|
17
18
|
}
|
|
18
19
|
this.personalisation = {
|
|
19
|
-
ccd_case_number: payment.ccd_case_number,
|
|
20
|
+
ccd_case_number: (payment !== undefined && payment !== null) ? payment.ccd_case_number : '',
|
|
20
21
|
refund_reason: refund_reason,
|
|
21
22
|
refund_amount: refund_amount,
|
|
22
23
|
refund_reference: refund_reference
|
|
23
24
|
};
|
|
24
|
-
this.personalisation.ccd_case_number = payment.ccd_case_number;
|
|
25
|
-
this.personalisation.refund_reason = refund_reason;
|
|
26
|
-
this.personalisation.refund_amount = refund_amount;
|
|
27
|
-
this.personalisation.refund_reference = refund_reference;
|
|
28
25
|
if (this.notification_type === "EMAIL") {
|
|
29
26
|
this.recipient_email_address = contactDetails.email;
|
|
30
27
|
this.recipient_postal_address = null;
|
|
@@ -39,7 +36,6 @@ var NotificationPreviewRequest = /** @class */ (function () {
|
|
|
39
36
|
};
|
|
40
37
|
this.recipient_email_address = null;
|
|
41
38
|
}
|
|
42
|
-
this.service_name = payment.service_name;
|
|
43
39
|
}
|
|
44
40
|
return NotificationPreviewRequest;
|
|
45
41
|
}());
|
|
@@ -62,4 +58,4 @@ if (false) {
|
|
|
62
58
|
/** @type {?} */
|
|
63
59
|
NotificationPreviewRequest.prototype.service_name;
|
|
64
60
|
}
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTm90aWZpY2F0aW9uUHJldmlld1JlcXVlc3QuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaG1jdHMvY2NwYXktd2ViLWNvbXBvbmVudC8iLCJzb3VyY2VzIjpbImxpYi9pbnRlcmZhY2VzL05vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFHQTtJQXFCSSxvQ0FBWSxPQUFpQixFQUFFLGNBQXFDLEVBQUUsYUFBcUIsRUFBRSxhQUFxQixFQUFFLGdCQUF3QixFQUFFLGlCQUF5QjtRQUVuSyxJQUFJLGNBQWMsS0FBSyxTQUFTLElBQUksY0FBYyxLQUFLLElBQUksRUFBRTtZQUN6RCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsY0FBYyxDQUFDLGlCQUFpQixDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQzNFO1FBRUQsSUFBSSxPQUFPLEtBQUssU0FBUyxJQUFJLE9BQU8sS0FBSyxJQUFJLEVBQUU7WUFDM0MsSUFBSSxDQUFDLGlCQUFpQixHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUM7WUFDM0MsSUFBSSxDQUFDLGNBQWMsR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxlQUFlLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztZQUN2QyxJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUM7U0FDNUM7YUFBTTtZQUNILElBQUksQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztTQUM5QztRQUVELElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDbkIsZUFBZSxFQUFFLENBQUMsT0FBTyxLQUFLLFNBQVMsSUFBSSxPQUFPLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0YsYUFBYSxFQUFFLGFBQWE7WUFDNUIsYUFBYSxFQUFFLGFBQWE7WUFDNUIsZ0JBQWdCLEVBQUUsZ0JBQWdCO1NBQ3JDLENBQUM7UUFFRixJQUFJLElBQUksQ0FBQyxpQkFBaUIsS0FBSyxPQUFPLEVBQUU7WUFDcEMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFDcEQsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUksQ0FBQztTQUN4QzthQUFNLElBQUksSUFBSSxDQUFDLGlCQUFpQixLQUFLLFFBQVEsRUFBRTtZQUM1QyxJQUFJLENBQUMsd0JBQXdCLEdBQUc7Z0JBQzVCLFlBQVksRUFBRSxjQUFjLENBQUMsWUFBWTtnQkFDekMsSUFBSSxFQUFFLGNBQWMsQ0FBQyxJQUFJO2dCQUN6QixNQUFNLEVBQUUsY0FBYyxDQUFDLE1BQU07Z0JBQzdCLE9BQU8sRUFBRSxjQUFjLENBQUMsT0FBTztnQkFDL0IsV0FBVyxFQUFFLGNBQWMsQ0FBQyxXQUFXO2FBQzFDLENBQUM7WUFDRixJQUFJLENBQUMsdUJBQXVCLEdBQUcsSUFBSSxDQUFDO1NBQ3ZDO0lBRUwsQ0FBQztJQUNMLGlDQUFDO0FBQUQsQ0FBQyxBQTFERCxJQTBEQzs7OztJQXpERyx1REFBMkI7O0lBQzNCLHFEQUF5Qjs7SUFDekIsb0RBQXdCOztJQUN4Qix1REFBMkI7O0lBQzNCLHFEQUtDOztJQUNELDZEQUFpQzs7SUFDakMsOERBTUM7O0lBQ0Qsa0RBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSVBheW1lbnQgfSBmcm9tICcuL0lQYXltZW50JztcbmltcG9ydCB7IElSZWZ1bmRDb250YWN0RGV0YWlscyB9IGZyb20gJy4vSVJlZnVuZENvbnRhY3REZXRhaWxzJztcblxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0IHtcbiAgICBub3RpZmljYXRpb25fdHlwZT86IHN0cmluZztcbiAgICBwYXltZW50X2NoYW5uZWw/OiBzdHJpbmc7XG4gICAgcGF5bWVudF9tZXRob2Q/OiBzdHJpbmc7XG4gICAgcGF5bWVudF9yZWZlcmVuY2U/OiBzdHJpbmc7XG4gICAgcGVyc29uYWxpc2F0aW9uPzoge1xuICAgICAgICBjY2RfY2FzZV9udW1iZXI/OiBzdHJpbmc7XG4gICAgICAgIHJlZnVuZF9hbW91bnQ/OiBudW1iZXI7XG4gICAgICAgIHJlZnVuZF9yZWFzb24/OiBzdHJpbmc7XG4gICAgICAgIHJlZnVuZF9yZWZlcmVuY2U/OiBzdHJpbmc7XG4gICAgfVxuICAgIHJlY2lwaWVudF9lbWFpbF9hZGRyZXNzPzogc3RyaW5nO1xuICAgIHJlY2lwaWVudF9wb3N0YWxfYWRkcmVzcz86IHtcbiAgICAgICAgYWRkcmVzc19saW5lPzogc3RyaW5nO1xuICAgICAgICBjaXR5Pzogc3RyaW5nO1xuICAgICAgICBjb3VudHk/OiBzdHJpbmc7XG4gICAgICAgIGNvdW50cnk/OiBzdHJpbmc7XG4gICAgICAgIHBvc3RhbF9jb2RlPzogc3RyaW5nO1xuICAgIH1cbiAgICBzZXJ2aWNlX25hbWU/OiBzdHJpbmc7XG5cbiAgICBjb25zdHJ1Y3RvcihwYXltZW50OiBJUGF5bWVudCwgY29udGFjdERldGFpbHM6IElSZWZ1bmRDb250YWN0RGV0YWlscywgcmVmdW5kX3JlYXNvbjogc3RyaW5nLCByZWZ1bmRfYW1vdW50OiBudW1iZXIsIHJlZnVuZF9yZWZlcmVuY2U6IHN0cmluZywgcGF5bWVudF9yZWZlcmVuY2U6IHN0cmluZykge1xuICAgICAgICBcbiAgICAgICAgaWYgKGNvbnRhY3REZXRhaWxzICE9PSB1bmRlZmluZWQgJiYgY29udGFjdERldGFpbHMgIT09IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMubm90aWZpY2F0aW9uX3R5cGUgPSBjb250YWN0RGV0YWlscy5ub3RpZmljYXRpb25fdHlwZS50b1VwcGVyQ2FzZSgpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHBheW1lbnQgIT09IHVuZGVmaW5lZCAmJiBwYXltZW50ICE9PSBudWxsKSB7XG4gICAgICAgICAgICB0aGlzLnBheW1lbnRfcmVmZXJlbmNlID0gcGF5bWVudC5yZWZlcmVuY2U7XG4gICAgICAgICAgICB0aGlzLnBheW1lbnRfbWV0aG9kID0gcGF5bWVudC5tZXRob2Q7XG4gICAgICAgICAgICB0aGlzLnBheW1lbnRfY2hhbm5lbCA9IHBheW1lbnQuY2hhbm5lbDtcbiAgICAgICAgICAgIHRoaXMuc2VydmljZV9uYW1lID0gcGF5bWVudC5zZXJ2aWNlX25hbWU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnBheW1lbnRfcmVmZXJlbmNlID0gcGF5bWVudF9yZWZlcmVuY2U7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBlcnNvbmFsaXNhdGlvbiA9IHtcbiAgICAgICAgICAgIGNjZF9jYXNlX251bWJlcjogKHBheW1lbnQgIT09IHVuZGVmaW5lZCAmJiBwYXltZW50ICE9PSBudWxsKSA/IHBheW1lbnQuY2NkX2Nhc2VfbnVtYmVyIDogJycsXG4gICAgICAgICAgICByZWZ1bmRfcmVhc29uOiByZWZ1bmRfcmVhc29uLFxuICAgICAgICAgICAgcmVmdW5kX2Ftb3VudDogcmVmdW5kX2Ftb3VudCxcbiAgICAgICAgICAgIHJlZnVuZF9yZWZlcmVuY2U6IHJlZnVuZF9yZWZlcmVuY2VcbiAgICAgICAgfTtcblxuICAgICAgICBpZiAodGhpcy5ub3RpZmljYXRpb25fdHlwZSA9PT0gXCJFTUFJTFwiKSB7XG4gICAgICAgICAgICB0aGlzLnJlY2lwaWVudF9lbWFpbF9hZGRyZXNzID0gY29udGFjdERldGFpbHMuZW1haWw7XG4gICAgICAgICAgICB0aGlzLnJlY2lwaWVudF9wb3N0YWxfYWRkcmVzcyA9IG51bGw7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5ub3RpZmljYXRpb25fdHlwZSA9PT0gXCJMRVRURVJcIikge1xuICAgICAgICAgICAgdGhpcy5yZWNpcGllbnRfcG9zdGFsX2FkZHJlc3MgPSB7XG4gICAgICAgICAgICAgICAgYWRkcmVzc19saW5lOiBjb250YWN0RGV0YWlscy5hZGRyZXNzX2xpbmUsXG4gICAgICAgICAgICAgICAgY2l0eTogY29udGFjdERldGFpbHMuY2l0eSxcbiAgICAgICAgICAgICAgICBjb3VudHk6IGNvbnRhY3REZXRhaWxzLmNvdW50eSxcbiAgICAgICAgICAgICAgICBjb3VudHJ5OiBjb250YWN0RGV0YWlscy5jb3VudHJ5LFxuICAgICAgICAgICAgICAgIHBvc3RhbF9jb2RlOiBjb250YWN0RGV0YWlscy5wb3N0YWxfY29kZVxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMucmVjaXBpZW50X2VtYWlsX2FkZHJlc3MgPSBudWxsO1xuICAgICAgICB9XG5cbiAgICB9XG59Il19
|
|
@@ -1609,6 +1609,7 @@ class PaymentViewComponent {
|
|
|
1609
1609
|
getContactDetails(obj) {
|
|
1610
1610
|
this.contactDetailsObj = obj;
|
|
1611
1611
|
this.viewCompStatus = 'overpaymentcheckandanswer';
|
|
1612
|
+
this.notificationPreview = false;
|
|
1612
1613
|
}
|
|
1613
1614
|
/**
|
|
1614
1615
|
* @return {?}
|
|
@@ -7227,6 +7228,7 @@ class AddRemissionComponent {
|
|
|
7227
7228
|
this.isFromCheckAnsPage = false;
|
|
7228
7229
|
this.viewStatus = 'checkissuerefundpage';
|
|
7229
7230
|
this.viewCompStatus = '';
|
|
7231
|
+
this.notificationPreview = false;
|
|
7230
7232
|
return;
|
|
7231
7233
|
}
|
|
7232
7234
|
this.viewCompStatus = '';
|
|
@@ -7369,6 +7371,7 @@ class AddRemissionComponent {
|
|
|
7369
7371
|
value => value.selected === true));
|
|
7370
7372
|
this.viewStatus = 'checkissuerefundpage';
|
|
7371
7373
|
this.viewCompStatus = '';
|
|
7374
|
+
this.notificationPreview = false;
|
|
7372
7375
|
return;
|
|
7373
7376
|
}
|
|
7374
7377
|
else if (this.isFromRefundStatusPage) {
|
|
@@ -7630,6 +7633,7 @@ class AddRemissionComponent {
|
|
|
7630
7633
|
this.contactDetailsObj = obj;
|
|
7631
7634
|
this.viewCompStatus = '';
|
|
7632
7635
|
this.viewStatus = type;
|
|
7636
|
+
this.notificationPreview = false;
|
|
7633
7637
|
}
|
|
7634
7638
|
/**
|
|
7635
7639
|
* @return {?}
|
|
@@ -9155,6 +9159,7 @@ class RefundStatusComponent {
|
|
|
9155
9159
|
else {
|
|
9156
9160
|
this.isRefundBtnDisabled = true;
|
|
9157
9161
|
}
|
|
9162
|
+
this.notificationPreview = false;
|
|
9158
9163
|
this.viewName = 'reviewandsubmitview';
|
|
9159
9164
|
this.paymentLibComponent.CCD_CASE_NUMBER = this.ccdCaseNumber;
|
|
9160
9165
|
}
|
|
@@ -9172,6 +9177,7 @@ class RefundStatusComponent {
|
|
|
9172
9177
|
else {
|
|
9173
9178
|
this.isRefundBtnDisabled = true;
|
|
9174
9179
|
}
|
|
9180
|
+
this.notificationPreview = false;
|
|
9175
9181
|
this.viewName = 'reviewandsubmitview';
|
|
9176
9182
|
this.paymentLibComponent.CCD_CASE_NUMBER = this.ccdCaseNumber;
|
|
9177
9183
|
}
|
|
@@ -9234,6 +9240,7 @@ class RefundStatusComponent {
|
|
|
9234
9240
|
getContactDetails(obj) {
|
|
9235
9241
|
this.addressDetails = obj;
|
|
9236
9242
|
this.viewName = 'revieweditdetailsconfirmationpage';
|
|
9243
|
+
this.notificationPreview = false;
|
|
9237
9244
|
}
|
|
9238
9245
|
/**
|
|
9239
9246
|
* @param {?} obj
|
|
@@ -9354,7 +9361,7 @@ class RefundStatusComponent {
|
|
|
9354
9361
|
RefundStatusComponent.decorators = [
|
|
9355
9362
|
{ type: Component, args: [{
|
|
9356
9363
|
selector: 'ccpay-refund-status',
|
|
9357
|
-
template: "\n<div *ngIf=\"errorMessage\">\n <div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\">\n <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n Error in processing the request\n </h2>\n <div class=\"govuk-error-summary__body\">\n {{ errorMessage }}\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"viewName==='refundstatuslist' && rejectedRefundList && !isResendOperationSuccess && !isEditDetailsClicked\">\n <!-- payments -->\n\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__header col-16\" scope=\"col\">Status</td>\n <td class=\"govuk-table__header col-11\" scope=\"col\">Amount</td>\n <td class=\"govuk-table__header col-18\" scope=\"col\">Date</td>\n <td class=\"govuk-table__header col-25\" scope=\"col\">Refund reference</td>\n <td class=\"govuk-table__header col-24 \" scope=\"col\">Reason</td>\n <td class=\"govuk-table__header\" scope=\"col\"></td>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\" *ngIf=\"rejectedRefundList?.length > 0\">\n <tr class=\"govuk-table__row\" *ngFor=\"let refundList of rejectedRefundList\">\n <td class=\"govuk-table__cell whitespace-inherit\">{{ refundList?.refund_status['name'] }}</td>\n <td class=\"channel govuk-table__cell whitespace-inherit\">\u00A3{{ refundList?.amount | number:'.2' }}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{ refundList?.date_updated | date:'dd MMM yyyy'}}\n </td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{ refundList?.refund_reference }}</td>\n <td class=\"govuk-table__cell whitespace-inherit\"> {{refundList?.reason}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">\n <a href=\"javascript:void(0)\" (click)=\"goToRefundView(refundList,'casetransactions')\">Review</a>\n </td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"rejectedRefundList?.length === 0\">\n <td class=\"govuk-table__cell\" colspan=\"6\">No refunds recorded</td>\n </tbody>\n </table>\n</ng-container>\n\n<ng-container *ngIf=\"viewName==='refundview' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <div class=\"govuk-breadcrumbs\">\n <ol class=\"govuk-breadcrumbs__list\">\n <li class=\"govuk-breadcrumbs__list-item\">\n <a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-back-link govuk-label\">Back</a>\n </li>\n </ol>\n </div>\n <h2 class=\"govuk-heading-l\">Refund details</h2>\n <table>\n \n <tbody>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Refund reference</td>\n <td>{{ refundlist?.refund_reference }}</td>\n </tr>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Payment to be refunded</td>\n <td>{{refundlist?.payment_reference }}</td>\n </tr>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Reason for refund</td>\n <td>{{ refundlist?.reason }}</td>\n </tr>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Amount refunded</td>\n <td>\u00A3{{refundlist?.amount | number:'.2' }}</td>\n </tr>\n\n </tbody>\n </table>\n\n\n <!-- Notification sent details -->\n <div>\n <br />\n <h2 class=\"govuk-heading-m\">Notifications sent</h2>\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__header col-24 whitespace-inherit\" scope=\"col\">Date and time</td>\n <td class=\"govuk-table__header col-27 whitespace-inherit\" scope=\"col\">Sent to</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Sent via</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Actions</td>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\" *ngIf=\"notificationList\">\n <tr class=\"govuk-table__row\" *ngFor=\"let notification of notificationList; let i = index;\">\n <td class=\"govuk-table__cell whitespace-inherit\">{{notification.date_created | date:'dd MMMM yyyy hh:mm:ss'}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{orderParty}}</td>\n <td class=\"govuk-table__cell whitespace-inherit col-40\">\n <div *ngIf=\"notification?.notification_type === 'EMAIL'\">\n <strong>Email</strong><br>\n {{notification?.contact_details?.email}}\n </div>\n <div *ngIf=\"notification?.notification_type === 'LETTER'\">\n <strong>Post</strong><br>\n {{notification?.contact_details?.address_line}} {{notification?.contact_details?.city}} {{notification?.contact_details?.county}} {{notification?.contact_details?.country}} {{notification?.contact_details?.postal_code}}\n </div>\n </td>\n <td class=\"govuk-table__cell whitespace-inherit\" *ngIf=\"i === 0\"><a href=\"Javascript:void(0);\" (click)=\"putResend(notification)\">Resend</a> | <a href=\"Javascript:void(0);\" (click)=\"gotoEditAddressDetails(notification)\">Edit details</a></td>\n <td class=\"govuk-table__cell whitespace-inherit\" *ngIf=\"i > 0\"> </td>\n\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"!notificationList\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\" colspan=\"4\">No record found ... </td>\n </tr>\n </tbody>\n </table> \n </div>\n <!-- Status history -->\n <div>\n <br />\n <h2 class=\"govuk-heading-m\">Refund status history</h2>\n <div *ngIf=\"refundStatusHistories\">\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__header col-24 whitespace-inherit\" scope=\"col\">Status</td>\n <td class=\"govuk-table__header col-27 whitespace-inherit\" scope=\"col\">Date and time</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Users</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Notes</td>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\" *ngFor=\"let refundStatusHistory of refundStatusHistories;\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.status}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.date_created | date:'d MMMM yyyy\n hh:mm:ss'}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.created_by}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.notes}}</td>\n </tr>\n </tbody>\n </table>\n </div>\n\n </div>\n\n <ng-container *ngIf=\"viewName==='refundview' && !isFromPayBubble && !isResendOperationSuccess && !isEditDetailsClicked\">\n <div *ngIf=\"refundButtonState==='Update required'\" >\n <!-- <div *ngIf=\"refundButtonState==='sent back'\"> -->\n <br />\n <button type=\"submit\" class=\"button govuk-button--secondary btnmargin\"\n (click)=\"gotoReviewAndReSubmitPage()\">Change refund details</button>\n </div>\n <div *ngIf=\"isProcessRefund && !isLastUpdatedByCurrentUser && refundButtonState==='Sent for approval'\" >\n <!-- <div *ngIf=\"isProcessRefund && !isLastUpdatedByCurrentUser && refundButtonState==='sent for approval'\"> -->\n <br />\n <button type=\"submit\" class=\"button govuk-button--secondary\"\n (click)=\"goToRefundProcessComponent(refundlist.refund_reference,refundlist)\">Process refund</button>\n </div>\n </ng-container>\n\n\n</ng-container>\n\n<ng-container *ngIf=\"viewName==='reviewandsubmitview' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <!-- <div class=\"govuk-breadcrumbs\">\n <ol class=\"govuk-breadcrumbs__list\">\n <li class=\"govuk-breadcrumbs__list-item\">\n <a (click)=\"gotoReviewDetailsPage($event)\" class=\"govuk-back-link govuk-label\">Back</a>\n </li>\n </ol>\n </div> -->\n <div class=\"govuk-warning-text\">\n <h1 class=\"heading-large\">Check your answers</h1>\n </div>\n <table class=\"govuk-table\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Reason for return</td>\n <td class=\"govuk-table__cell\">{{refundreason}}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Refund reference</td>\n <td class=\"govuk-table__cell\">{{ refundlist?.refund_reference}} </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Reason for refund</td>\n <td class=\"govuk-table__cell\"> {{ refundlist?.reason}}\n <a (click)=\"gotoRefundReasonPage(refundlist?.reason)\" *ngIf=\"refundlist?.reason !== 'Retrospective remission' && refundlist?.reason !== 'Overpayment'\"\n class=\"govuk-link right\">Change</a>\n </td>\n\n <!-- <td class=\"govuk-table__cell\">{{ refundlist?.reason }}</td>\n <a (click)=\"gotoRefundReasonPage()\" class=\"govuk-link right\">Change</a> -->\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Payment reference</td>\n <td class=\"govuk-table__cell\">{{ refundlist?.payment_reference}} </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td *ngIf=\"refundlist?.reason === 'Retrospective remission'\" class=\"govuk-table__cell govuk-!-font-weight-bold\">Refund amount</td>\n <td *ngIf=\"refundlist?.reason !== 'Retrospective remission'\" class=\"govuk-table__cell govuk-!-font-weight-bold\">Payment amount</td>\n <td class=\"govuk-table__cell\"> \u00A3{{ changedAmount ? changedAmount : refundlist?.amount | number:'.2' }}\n <a (click)=\"gotoAmountPage()\" *ngIf=\"refundlist?.reason !== 'Overpayment'\"\n class=\"govuk-link right\">Change</a>\n </td>\n\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Send to</td>\n <td class=\"govuk-table__cell\">{{orderParty}} </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Send via</td>\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"refundlist?.contact_details?.notification_type === 'EMAIL'\" class=\"contactDetails-width font-size-19px\">\n <strong>Email</strong>\n <br/>\n {{refundlist?.contact_details?.email}}\n </div>\n <div *ngIf=\"refundlist?.contact_details?.notification_type === 'LETTER'\" class=\"contactDetails-width font-size-19px\">\n <strong>Post</strong>\n <br/>\n {{refundlist?.contact_details?.address_line}} {{refundlist?.contact_details?.city}} {{refundlist?.contact_details?.county}} {{refundlist?.contact_details?.country}} {{refundlist?.contact_details?.postal_code}}\n </div> \n <a class=\"govuk-link\" href=\"Javascript:void(0)\" *ngIf=\"refundlist?.contact_details !=null\" class=\"govuk-link right\" (click)=\"gotoEditDetailsPage(refundlist?.contact_details)\">\n Change\n </a>\n </td>\n </tr> \n\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Notification</td>\n <td class=\"govuk-table__cell\">Template ABC\n <a *ngIf=\"!notificationPreview\" href=\"Javascript:void(0)\" class=\"govuk-link right\" (click)=\"showNotificationPreview()\">\n Preview\n </a>\n <a *ngIf=\"notificationPreview\" href=\"Javascript:void(0)\" class=\"govuk-link right\" (click)=\"hideNotificationPreview()\">\n Hide Preview\n </a>\n </td>\n </tr>\n </table>\n <app-notification-preview *ngIf=\"notificationPreview\" \n [paymentReference]=\"refundlist?.payment_reference\" \n [contactDetails]=\"refundlist?.contact_details\"\n [refundReason]=\"refundlist?.reason\"\n [refundAmount]=\"changedAmount ? changedAmount : refundlist?.amount\"\n [refundReference]=\"refundlist?.refund_reference\"></app-notification-preview>\n\n <div class=\"govuk-button-group\">\n <button (click)=\"gotoReviewDetailsPage($event)\" class=\"govuk-button govuk-button--secondary\"> Previous</button>\n <button [disabled]=\"isRefundBtnDisabled\" (click)=\"gotoReviewRefundConfirmationPage()\" class=\"govuk-button button\"\n data-module=\"govuk-button\">\n Submit refund\n </button>\n</div>\n<p><a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-link\" data-module=\"govuk-button\">Cancel</a></p>\n <!-- <div class=\"govuk-button-group\">\n <button [disabled]=\"isRefundBtnDisabled\" (click)=\"gotoReviewRefundConfirmationPage()\" class=\"govuk-button button\"\n data-module=\"govuk-button\">\n Submit refund\n </button>\n </div> -->\n <!-- <p>\n <a (click)=\"loadRefundListPage()\" href=\"\" class=\"cancelbtn\">Cancel</a>\n </p> -->\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'issuerefundpage1' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <ccpay-add-remission [isFromRefundListPage]=\"true\" [viewCompStatus]=\"viewName\" [isRefundRemission]=\"true\" [isFromRefundStatusPage] = \"true\"\n [changeRefundReason]= \"changeRefundReason\" [ccdCaseNumber]=\"ccdCaseNumber\" (refundListReason)=\"getRefundListReason($event)\" [refundPaymentReference]= \"refundlist?.payment_reference\" ></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'processretroremissonpage' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <ccpay-add-remission [isFromRefundListPage]=\"true\" [viewCompStatus]=\"viewName\" [isRefundRemission]=\"true\"\n [ccdCaseNumber]=\"ccdCaseNumber\" [refundPaymentReference]= \"refundlist?.payment_reference\" (refundListAmount)=\"getRefundAmount($event)\"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'issuerefund' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <ccpay-add-remission [isFromRefundListPage]=\"true\" [viewCompStatus]=\"viewName\" [isRefundRemission]=\"true\" [isFromServiceRequestPage] = \"true\"\n [ccdCaseNumber]=\"ccdCaseNumber\" [refundPaymentReference]= \"refundlist?.payment_reference\" [isFromRefundStatusPage]=\"true\" (refundListAmount)=\"getRefundAmount($event)\" (refundFees)=\"getRefundFees($event)\"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'reviewrefundconfirmationpage' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <div class=\"govuk-grid-row\">\n <div>\n <div class=\"govuk-panel govuk-panel--confirmation\">\n <h1 class=\"govuk-panel__title\">\n Refund submitted\n </h1>\n\n <div class=\"govuk-panel__body\">\n <p class=\"govuk-body white\"><strong>Refund reference:{{refundReference}} </strong></p>\n </div>\n\n </div>\n\n <h2 class=\"govuk-heading-l\">What happens next</h2>\n <p class=\"govuk-body\">\n A refund request for {{refundAmount| currency:'GBP':'symbol-narrow':'1.2-2'}} has been created and will be passed to a team leader to approve.\n </p>\n\n <p class=\"govuk-body\">\n <a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-link\">Return to case</a>\n </p>\n </div>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isResendOperationSuccess\">\n <div class=\"govuk-grid-row\">\n <div>\n <div class=\"govuk-panel govuk-panel--confirmation\">\n <h1 class=\"govuk-panel__title\">\n Notification sent\n </h1>\n\n <div class=\"govuk-panel__body\">\n <p class=\"govuk-body white\"><strong>Refund reference: {{ refundlist?.refund_reference}} </strong></p>\n </div>\n\n </div>\n <p class=\"govuk-body\">\n <a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-link\">Return to case</a>\n </p>\n </div>\n </div>\n</ng-container>\n<ng-container *ngIf=\"viewName === 'refundEditView' && isEditDetailsClicked\">\n <input #myInput type='hidden' id='iFrameDrivenImageValue' value='EDITDETAILSPAGE'> \n <h1 class=\"govuk-heading-l\">Edit contact details</h1>\n <h2 class=\"govuk-heading-m govuk-font19px\">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n <span class=\"govuk-hint font-size-19px\">\n Refund reference: {{ refundlist?.refund_reference}}\n </span>\n <ccpay-contact-details\n [isEditOperationInRefundList] = isEditDetailsClicked\n [addressObj] = notification\n (assignContactDetailsInFefundsList)=\"getContactDetails($event)\"\n (redirectToIssueRefund)=\"gotoCasetransationPageCancelBtnClicked($event)\" ></ccpay-contact-details>\n <p>\n <a (click)=\"loadRefundListPage()\" class=\"govuk-link\" data-module=\"govuk-button\">\n Cancel\n </a>\n </p>\n\n</ng-container>\n<ng-container *ngIf=\"viewName === 'revieweditdetailsconfirmationpage' && !isResendOperationSuccess && isEditDetailsClicked\">\n <input #myInput type='hidden' id='iFrameDrivenImageValue' value='EDITDETAILSCHECKANDANSWERPAGE'> \n <h1 class=\"govuk-heading-l\">Check your answers</h1>\n <dl class=\"govuk-summary-list\">\n <div class=\"govuk-summary-list__row font-size-19px\">\n <dt class=\"govuk-summary-list__key\">\n Refund reference\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ refundlist?.refund_reference}}\n </dd>\n <span class=\"govuk-summary-list__actions\"></span> \n </div>\n <div class=\"govuk-summary-list__row font-size-19px\">\n <dt class=\"govuk-summary-list__key\">\n Send via\n <br/>\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <div *ngIf=\"addressDetails?.notification_type === 'EMAIL'\" class=\"contactDetails-width font-size-19px\">\n <strong>Email</strong>\n <br/>\n {{addressDetails?.email}}\n </div>\n <div *ngIf=\"addressDetails?.notification_type === 'LETTER'\" class=\"contactDetails-width font-size-19px\">\n <strong>Post</strong>\n <br/>\n {{addressDetails?.address_line}} {{addressDetails?.city}} {{addressDetails?.county}} {{addressDetails?.country}} {{addressDetails?.postal_code}}\n </div> \n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"Javascript:void(0)\" (click)=\"gotoEditDetailsPage(addressDetails)\">\n Change\n </a>\n </dd>\n </div>\n </dl>\n <div class=\"govuk-button-group\">\n <button (click)=\"gotoEditDetailsPage(addressDetails)\" class=\"govuk-button govuk-button--secondary\"> Previous</button>\n <button (click)=\"submitEditDetail()\" class=\"govuk-button button\"\n data-module=\"govuk-button\">\n Send notification\n </button>\n </div>\n <p>\n <a (click)=\"loadRefundListPage()\" class=\"govuk-link\" data-module=\"govuk-button\">\n Cancel\n </a>\n </p>\n\n</ng-container>\n",
|
|
9364
|
+
template: "\n<div *ngIf=\"errorMessage\">\n <div class=\"error-summary\" role=\"group\" aria-labelledby=\"failure-error-summary-heading\" tabindex=\"-1\">\n <h2 class=\"heading-medium error-summary-heading\" id=\"failure-error-summary-heading\">\n Error in processing the request\n </h2>\n <div class=\"govuk-error-summary__body\">\n {{ errorMessage }}\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"viewName==='refundstatuslist' && rejectedRefundList && !isResendOperationSuccess && !isEditDetailsClicked\">\n <!-- payments -->\n\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__header col-16\" scope=\"col\">Status</td>\n <td class=\"govuk-table__header col-11\" scope=\"col\">Amount</td>\n <td class=\"govuk-table__header col-18\" scope=\"col\">Date</td>\n <td class=\"govuk-table__header col-25\" scope=\"col\">Refund reference</td>\n <td class=\"govuk-table__header col-24 \" scope=\"col\">Reason</td>\n <td class=\"govuk-table__header\" scope=\"col\"></td>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\" *ngIf=\"rejectedRefundList?.length > 0\">\n <tr class=\"govuk-table__row\" *ngFor=\"let refundList of rejectedRefundList\">\n <td class=\"govuk-table__cell whitespace-inherit\">{{ refundList?.refund_status['name'] }}</td>\n <td class=\"channel govuk-table__cell whitespace-inherit\">\u00A3{{ refundList?.amount | number:'.2' }}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{ refundList?.date_updated | date:'dd MMM yyyy'}}\n </td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{ refundList?.refund_reference }}</td>\n <td class=\"govuk-table__cell whitespace-inherit\"> {{refundList?.reason}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">\n <a href=\"javascript:void(0)\" (click)=\"goToRefundView(refundList,'casetransactions')\">Review</a>\n </td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"rejectedRefundList?.length === 0\">\n <td class=\"govuk-table__cell\" colspan=\"6\">No refunds recorded</td>\n </tbody>\n </table>\n</ng-container>\n\n<ng-container *ngIf=\"viewName==='refundview' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <div class=\"govuk-breadcrumbs\">\n <ol class=\"govuk-breadcrumbs__list\">\n <li class=\"govuk-breadcrumbs__list-item\">\n <a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-back-link govuk-label\">Back</a>\n </li>\n </ol>\n </div>\n <h2 class=\"govuk-heading-l\">Refund details</h2>\n <table>\n \n <tbody>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Refund reference</td>\n <td>{{ refundlist?.refund_reference }}</td>\n </tr>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Payment to be refunded</td>\n <td>{{refundlist?.payment_reference }}</td>\n </tr>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Reason for refund</td>\n <td>{{ refundlist?.reason }}</td>\n </tr>\n <tr class=\"section\">\n <td class=\"bold tb-col-w\">Amount refunded</td>\n <td>\u00A3{{refundlist?.amount | number:'.2' }}</td>\n </tr>\n\n </tbody>\n </table>\n\n\n <!-- Notification sent details -->\n <div>\n <br />\n <h2 class=\"govuk-heading-m\">Notifications sent</h2>\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__header col-24 whitespace-inherit\" scope=\"col\">Date and time</td>\n <td class=\"govuk-table__header col-27 whitespace-inherit\" scope=\"col\">Sent to</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Sent via</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Actions</td>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\" *ngIf=\"notificationList\">\n <tr class=\"govuk-table__row\" *ngFor=\"let notification of notificationList; let i = index;\">\n <td class=\"govuk-table__cell whitespace-inherit\">{{notification.date_created | date:'dd MMMM yyyy hh:mm:ss'}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{orderParty}}</td>\n <td class=\"govuk-table__cell whitespace-inherit col-40\">\n <div *ngIf=\"notification?.notification_type === 'EMAIL'\">\n <strong>Email</strong><br>\n {{notification?.contact_details?.email}}\n </div>\n <div *ngIf=\"notification?.notification_type === 'LETTER'\">\n <strong>Post</strong><br>\n {{notification?.contact_details?.address_line}} {{notification?.contact_details?.city}} {{notification?.contact_details?.county}} {{notification?.contact_details?.country}} {{notification?.contact_details?.postal_code}}\n </div>\n </td>\n <td class=\"govuk-table__cell whitespace-inherit\" *ngIf=\"i === 0\"><a href=\"Javascript:void(0);\" (click)=\"putResend(notification)\">Resend</a> | <a href=\"Javascript:void(0);\" (click)=\"gotoEditAddressDetails(notification)\">Edit details</a> | <a *ngIf=\"!notificationPreview\" href=\"Javascript:void(0);\" (click)=\"showNotificationPreview()\">View</a><a *ngIf=\"notificationPreview\" href=\"Javascript:void(0);\" (click)=\"hideNotificationPreview()\">Hide</a></td>\n <td class=\"govuk-table__cell whitespace-inherit\" *ngIf=\"i > 0\"> </td>\n\n <app-notification-preview *ngIf=\"notificationPreview\" [previewJourney]=\"'Notifications sent'\"\n [notificationSent]=\"notification.sent_notification\">\n </app-notification-preview>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"!notificationList\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\" colspan=\"4\">No record found ... </td>\n </tr>\n </tbody>\n </table> \n </div>\n <!-- Status history -->\n <div>\n <br />\n <h2 class=\"govuk-heading-m\">Refund status history</h2>\n <div *ngIf=\"refundStatusHistories\">\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__header col-24 whitespace-inherit\" scope=\"col\">Status</td>\n <td class=\"govuk-table__header col-27 whitespace-inherit\" scope=\"col\">Date and time</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Users</td>\n <td class=\"govuk-table__header whitespace-inherit\" scope=\"col\">Notes</td>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\" *ngFor=\"let refundStatusHistory of refundStatusHistories;\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.status}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.date_created | date:'d MMMM yyyy\n hh:mm:ss'}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.created_by}}</td>\n <td class=\"govuk-table__cell whitespace-inherit\">{{refundStatusHistory.notes}}</td>\n </tr>\n </tbody>\n </table>\n </div>\n\n </div>\n\n <ng-container *ngIf=\"viewName==='refundview' && !isFromPayBubble && !isResendOperationSuccess && !isEditDetailsClicked\">\n <div *ngIf=\"refundButtonState==='Update required'\" >\n <!-- <div *ngIf=\"refundButtonState==='sent back'\"> -->\n <br />\n <button type=\"submit\" class=\"button govuk-button--secondary btnmargin\"\n (click)=\"gotoReviewAndReSubmitPage()\">Change refund details</button>\n </div>\n <div *ngIf=\"isProcessRefund && !isLastUpdatedByCurrentUser && refundButtonState==='Sent for approval'\" >\n <!-- <div *ngIf=\"isProcessRefund && !isLastUpdatedByCurrentUser && refundButtonState==='sent for approval'\"> -->\n <br />\n <button type=\"submit\" class=\"button govuk-button--secondary\"\n (click)=\"goToRefundProcessComponent(refundlist.refund_reference,refundlist)\">Process refund</button>\n </div>\n </ng-container>\n\n\n</ng-container>\n\n<ng-container *ngIf=\"viewName==='reviewandsubmitview' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <!-- <div class=\"govuk-breadcrumbs\">\n <ol class=\"govuk-breadcrumbs__list\">\n <li class=\"govuk-breadcrumbs__list-item\">\n <a (click)=\"gotoReviewDetailsPage($event)\" class=\"govuk-back-link govuk-label\">Back</a>\n </li>\n </ol>\n </div> -->\n <div class=\"govuk-warning-text\">\n <h1 class=\"heading-large\">Check your answers</h1>\n </div>\n <table class=\"govuk-table\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Reason for return</td>\n <td class=\"govuk-table__cell\">{{refundreason}}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Refund reference</td>\n <td class=\"govuk-table__cell\">{{ refundlist?.refund_reference}} </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Reason for refund</td>\n <td class=\"govuk-table__cell\"> {{ refundlist?.reason}}\n <a (click)=\"gotoRefundReasonPage(refundlist?.reason)\" *ngIf=\"refundlist?.reason !== 'Retrospective remission' && refundlist?.reason !== 'Overpayment'\"\n class=\"govuk-link right\">Change</a>\n </td>\n\n <!-- <td class=\"govuk-table__cell\">{{ refundlist?.reason }}</td>\n <a (click)=\"gotoRefundReasonPage()\" class=\"govuk-link right\">Change</a> -->\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Payment reference</td>\n <td class=\"govuk-table__cell\">{{ refundlist?.payment_reference}} </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td *ngIf=\"refundlist?.reason === 'Retrospective remission'\" class=\"govuk-table__cell govuk-!-font-weight-bold\">Refund amount</td>\n <td *ngIf=\"refundlist?.reason !== 'Retrospective remission'\" class=\"govuk-table__cell govuk-!-font-weight-bold\">Payment amount</td>\n <td class=\"govuk-table__cell\"> \u00A3{{ changedAmount ? changedAmount : refundlist?.amount | number:'.2' }}\n <a (click)=\"gotoAmountPage()\" *ngIf=\"refundlist?.reason !== 'Overpayment'\"\n class=\"govuk-link right\">Change</a>\n </td>\n\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Send to</td>\n <td class=\"govuk-table__cell\">{{orderParty}} </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Send via</td>\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"refundlist?.contact_details?.notification_type === 'EMAIL'\" class=\"contactDetails-width font-size-19px\">\n <strong>Email</strong>\n <br/>\n {{refundlist?.contact_details?.email}}\n </div>\n <div *ngIf=\"refundlist?.contact_details?.notification_type === 'LETTER'\" class=\"contactDetails-width font-size-19px\">\n <strong>Post</strong>\n <br/>\n {{refundlist?.contact_details?.address_line}} {{refundlist?.contact_details?.city}} {{refundlist?.contact_details?.county}} {{refundlist?.contact_details?.country}} {{refundlist?.contact_details?.postal_code}}\n </div> \n <a class=\"govuk-link\" href=\"Javascript:void(0)\" *ngIf=\"refundlist?.contact_details !=null\" class=\"govuk-link right\" (click)=\"gotoEditDetailsPage(refundlist?.contact_details)\">\n Change\n </a>\n </td>\n </tr> \n\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell govuk-!-font-weight-bold\">Notification</td>\n <td class=\"govuk-table__cell\">Template ABC\n <a *ngIf=\"!notificationPreview\" href=\"Javascript:void(0)\" class=\"govuk-link right\" (click)=\"showNotificationPreview()\">\n Preview\n </a>\n <a *ngIf=\"notificationPreview\" href=\"Javascript:void(0)\" class=\"govuk-link right\" (click)=\"hideNotificationPreview()\">\n Hide Preview\n </a>\n </td>\n </tr>\n </table>\n <app-notification-preview *ngIf=\"notificationPreview\" \n [paymentReference]=\"refundlist?.payment_reference\" \n [contactDetails]=\"refundlist?.contact_details\"\n [refundReason]=\"refundlist?.reason\"\n [refundAmount]=\"changedAmount ? changedAmount : refundlist?.amount\"\n [refundReference]=\"refundlist?.refund_reference\"></app-notification-preview>\n\n <div class=\"govuk-button-group\">\n <button (click)=\"gotoReviewDetailsPage($event)\" class=\"govuk-button govuk-button--secondary\"> Previous</button>\n <button [disabled]=\"isRefundBtnDisabled\" (click)=\"gotoReviewRefundConfirmationPage()\" class=\"govuk-button button\"\n data-module=\"govuk-button\">\n Submit refund\n </button>\n</div>\n<p><a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-link\" data-module=\"govuk-button\">Cancel</a></p>\n <!-- <div class=\"govuk-button-group\">\n <button [disabled]=\"isRefundBtnDisabled\" (click)=\"gotoReviewRefundConfirmationPage()\" class=\"govuk-button button\"\n data-module=\"govuk-button\">\n Submit refund\n </button>\n </div> -->\n <!-- <p>\n <a (click)=\"loadRefundListPage()\" href=\"\" class=\"cancelbtn\">Cancel</a>\n </p> -->\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'issuerefundpage1' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <ccpay-add-remission [isFromRefundListPage]=\"true\" [viewCompStatus]=\"viewName\" [isRefundRemission]=\"true\" [isFromRefundStatusPage] = \"true\"\n [changeRefundReason]= \"changeRefundReason\" [ccdCaseNumber]=\"ccdCaseNumber\" (refundListReason)=\"getRefundListReason($event)\" [refundPaymentReference]= \"refundlist?.payment_reference\" ></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'processretroremissonpage' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <ccpay-add-remission [isFromRefundListPage]=\"true\" [viewCompStatus]=\"viewName\" [isRefundRemission]=\"true\"\n [ccdCaseNumber]=\"ccdCaseNumber\" [refundPaymentReference]= \"refundlist?.payment_reference\" (refundListAmount)=\"getRefundAmount($event)\"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'issuerefund' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <ccpay-add-remission [isFromRefundListPage]=\"true\" [viewCompStatus]=\"viewName\" [isRefundRemission]=\"true\" [isFromServiceRequestPage] = \"true\"\n [ccdCaseNumber]=\"ccdCaseNumber\" [refundPaymentReference]= \"refundlist?.payment_reference\" [isFromRefundStatusPage]=\"true\" (refundListAmount)=\"getRefundAmount($event)\" (refundFees)=\"getRefundFees($event)\"></ccpay-add-remission>\n</ng-container>\n\n<ng-container *ngIf=\"viewName === 'reviewrefundconfirmationpage' && !isResendOperationSuccess && !isEditDetailsClicked\">\n <div class=\"govuk-grid-row\">\n <div>\n <div class=\"govuk-panel govuk-panel--confirmation\">\n <h1 class=\"govuk-panel__title\">\n Refund submitted\n </h1>\n\n <div class=\"govuk-panel__body\">\n <p class=\"govuk-body white\"><strong>Refund reference:{{refundReference}} </strong></p>\n </div>\n\n </div>\n\n <h2 class=\"govuk-heading-l\">What happens next</h2>\n <p class=\"govuk-body\">\n A refund request for {{refundAmount| currency:'GBP':'symbol-narrow':'1.2-2'}} has been created and will be passed to a team leader to approve.\n </p>\n\n <p class=\"govuk-body\">\n <a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-link\">Return to case</a>\n </p>\n </div>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isResendOperationSuccess\">\n <div class=\"govuk-grid-row\">\n <div>\n <div class=\"govuk-panel govuk-panel--confirmation\">\n <h1 class=\"govuk-panel__title\">\n Notification sent\n </h1>\n\n <div class=\"govuk-panel__body\">\n <p class=\"govuk-body white\"><strong>Refund reference: {{ refundlist?.refund_reference}} </strong></p>\n </div>\n\n </div>\n <p class=\"govuk-body\">\n <a href=\"javascript:void(0)\" (click)=\"loadRefundListPage()\" class=\"govuk-link\">Return to case</a>\n </p>\n </div>\n </div>\n</ng-container>\n<ng-container *ngIf=\"viewName === 'refundEditView' && isEditDetailsClicked\">\n <input #myInput type='hidden' id='iFrameDrivenImageValue' value='EDITDETAILSPAGE'> \n <h1 class=\"govuk-heading-l\">Edit contact details</h1>\n <h2 class=\"govuk-heading-m govuk-font19px\">Case reference: {{ccdCaseNumber | ccdHyphens }}</h2>\n <span class=\"govuk-hint font-size-19px\">\n Refund reference: {{ refundlist?.refund_reference}}\n </span>\n <ccpay-contact-details\n [isEditOperationInRefundList] = isEditDetailsClicked\n [addressObj] = notification\n (assignContactDetailsInFefundsList)=\"getContactDetails($event)\"\n (redirectToIssueRefund)=\"gotoCasetransationPageCancelBtnClicked($event)\" ></ccpay-contact-details>\n <p>\n <a (click)=\"loadRefundListPage()\" class=\"govuk-link\" data-module=\"govuk-button\">\n Cancel\n </a>\n </p>\n\n</ng-container>\n<ng-container *ngIf=\"viewName === 'revieweditdetailsconfirmationpage' && !isResendOperationSuccess && isEditDetailsClicked\">\n <input #myInput type='hidden' id='iFrameDrivenImageValue' value='EDITDETAILSCHECKANDANSWERPAGE'> \n <h1 class=\"govuk-heading-l\">Check your answers</h1>\n <dl class=\"govuk-summary-list\">\n <div class=\"govuk-summary-list__row font-size-19px\">\n <dt class=\"govuk-summary-list__key\">\n Refund reference\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ refundlist?.refund_reference}}\n </dd>\n <span class=\"govuk-summary-list__actions\"></span> \n </div>\n <div class=\"govuk-summary-list__row font-size-19px\">\n <dt class=\"govuk-summary-list__key\">\n Send via\n <br/>\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <div *ngIf=\"addressDetails?.notification_type === 'EMAIL'\" class=\"contactDetails-width font-size-19px\">\n <strong>Email</strong>\n <br/>\n {{addressDetails?.email}}\n </div>\n <div *ngIf=\"addressDetails?.notification_type === 'LETTER'\" class=\"contactDetails-width font-size-19px\">\n <strong>Post</strong>\n <br/>\n {{addressDetails?.address_line}} {{addressDetails?.city}} {{addressDetails?.county}} {{addressDetails?.country}} {{addressDetails?.postal_code}}\n </div> \n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"Javascript:void(0)\" (click)=\"gotoEditDetailsPage(addressDetails)\">\n Change\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row font-size-19px\">\n <dt class=\"govuk-summary-list__key\">\n Notification\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Template ABC\n </dd>\n <span class=\"govuk-summary-list__actions\">\n <a *ngIf=\"!notificationPreview\" href=\"Javascript:void(0)\" class=\"govuk-link right\" (click)=\"showNotificationPreview()\">\n Preview\n </a>\n <a *ngIf=\"notificationPreview\" href=\"Javascript:void(0)\" class=\"govuk-link right\" (click)=\"hideNotificationPreview()\">\n Hide Preview\n </a>\n </span> \n </div>\n </dl>\n\n <app-notification-preview *ngIf=\"notificationPreview\" [contactDetails]=\"addressDetails\"\n [refundReference]=\"refundlist?.refund_reference\">\n </app-notification-preview>\n\n\n\n <div class=\"govuk-button-group\">\n <button (click)=\"gotoEditDetailsPage(addressDetails)\" class=\"govuk-button govuk-button--secondary\"> Previous</button>\n <button (click)=\"submitEditDetail()\" class=\"govuk-button button\"\n data-module=\"govuk-button\">\n Send notification\n </button>\n </div>\n <p>\n <a (click)=\"loadRefundListPage()\" class=\"govuk-link\" data-module=\"govuk-button\">\n Cancel\n </a>\n </p>\n\n</ng-container>\n",
|
|
9358
9365
|
styles: [".right{float:right!important}.button{margin-bottom:3em;font-size:19px}.cancelbtn{font-size:19px;font-weight:400}.btnmargin{margin-bottom:2em}.govuk-button--secondary{background-color:#dee0e2;box-shadow:0 2px 0 #858688;color:#0b0c0c;margin-right:.5em}.govuk-label--s,.govuk-warning-text__text,.hmcts-currency-input__symbol{font-size:19px;font-weight:400}.inline-error-class{outline:#a71414 solid 3px;outline-offset:0}.inline-error-message{color:#a71414;font-weight:700;margin-top:10px;font-size:20px}.govuk-button,.govuk-link{margin-right:1em;font-size:19px;font-weight:200}.govuk-button-group{padding-top:2em}.heading-medium{margin-top:.875em}.heading-large{margin-top:.25em}.govuk-panel--confirmation{color:#fff;background:#00703c}.govuk-heading-l{font-size:36px}.govuk-heading-m{font-size:24px}.govuk-panel__title{font-size:5rem}.govuk-body,.govuk-body-m{font-size:2.1875rem}.govuk-input--width-10{max-width:36ex}.col-14{width:14%!important}.col-10{width:10%!important}.col-11{width:11%!important}.col-18{width:18%!important}.col-21{width:21%!important}.col-9{width:9%!important}.col-40{width:40%!important}.col-15{width:15%!important}.col-16{width:16%!important}.col-25{width:25%!important}.col-24{width:24%!important}.govuk-error-summary__title{font-size:24px!important}.govuk-error-summary__body{font-size:19px!important}.font-size-19px{font-size:19px}.white{color:#fff}.pagesize{margin:2em;width:97%}.govuk-link{cursor:pointer}.contactDetails-width{width:70%}"]
|
|
9359
9366
|
}] }
|
|
9360
9367
|
];
|
|
@@ -9776,6 +9783,7 @@ class ServiceRequestComponent {
|
|
|
9776
9783
|
this.contactDetailsObj = obj;
|
|
9777
9784
|
this.viewStatus = '';
|
|
9778
9785
|
this.viewCompStatus = 'overpaymentcheckandanswer';
|
|
9786
|
+
this.notificationPreview = false;
|
|
9779
9787
|
}
|
|
9780
9788
|
/**
|
|
9781
9789
|
* @param {?} event
|
|
@@ -10139,27 +10147,24 @@ class NotificationPreviewRequest {
|
|
|
10139
10147
|
* @param {?} payment_reference
|
|
10140
10148
|
*/
|
|
10141
10149
|
constructor(payment, contactDetails, refund_reason, refund_amount, refund_reference, payment_reference) {
|
|
10142
|
-
if (contactDetails) {
|
|
10150
|
+
if (contactDetails !== undefined && contactDetails !== null) {
|
|
10143
10151
|
this.notification_type = contactDetails.notification_type.toUpperCase();
|
|
10144
10152
|
}
|
|
10145
|
-
|
|
10146
|
-
this.payment_channel = payment.channel;
|
|
10147
|
-
if (payment) {
|
|
10153
|
+
if (payment !== undefined && payment !== null) {
|
|
10148
10154
|
this.payment_reference = payment.reference;
|
|
10155
|
+
this.payment_method = payment.method;
|
|
10156
|
+
this.payment_channel = payment.channel;
|
|
10157
|
+
this.service_name = payment.service_name;
|
|
10149
10158
|
}
|
|
10150
10159
|
else {
|
|
10151
10160
|
this.payment_reference = payment_reference;
|
|
10152
10161
|
}
|
|
10153
10162
|
this.personalisation = {
|
|
10154
|
-
ccd_case_number: payment.ccd_case_number,
|
|
10163
|
+
ccd_case_number: (payment !== undefined && payment !== null) ? payment.ccd_case_number : '',
|
|
10155
10164
|
refund_reason: refund_reason,
|
|
10156
10165
|
refund_amount: refund_amount,
|
|
10157
10166
|
refund_reference: refund_reference
|
|
10158
10167
|
};
|
|
10159
|
-
this.personalisation.ccd_case_number = payment.ccd_case_number;
|
|
10160
|
-
this.personalisation.refund_reason = refund_reason;
|
|
10161
|
-
this.personalisation.refund_amount = refund_amount;
|
|
10162
|
-
this.personalisation.refund_reference = refund_reference;
|
|
10163
10168
|
if (this.notification_type === "EMAIL") {
|
|
10164
10169
|
this.recipient_email_address = contactDetails.email;
|
|
10165
10170
|
this.recipient_postal_address = null;
|
|
@@ -10174,7 +10179,6 @@ class NotificationPreviewRequest {
|
|
|
10174
10179
|
};
|
|
10175
10180
|
this.recipient_email_address = null;
|
|
10176
10181
|
}
|
|
10177
|
-
this.service_name = payment.service_name;
|
|
10178
10182
|
}
|
|
10179
10183
|
}
|
|
10180
10184
|
|
|
@@ -10190,6 +10194,7 @@ class NotificationPreviewComponent {
|
|
|
10190
10194
|
constructor(errorHandlerService, notificationService) {
|
|
10191
10195
|
this.errorHandlerService = errorHandlerService;
|
|
10192
10196
|
this.notificationService = notificationService;
|
|
10197
|
+
this.previewJourney = null;
|
|
10193
10198
|
this.notificationPreviewEvent = new EventEmitter();
|
|
10194
10199
|
this.today = Date.now();
|
|
10195
10200
|
this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
|
|
@@ -10199,39 +10204,45 @@ class NotificationPreviewComponent {
|
|
|
10199
10204
|
*/
|
|
10200
10205
|
ngOnInit() {
|
|
10201
10206
|
console.log('Notification app started');
|
|
10202
|
-
|
|
10203
|
-
|
|
10204
|
-
|
|
10205
|
-
* @param {?} res
|
|
10206
|
-
* @return {?}
|
|
10207
|
-
*/
|
|
10208
|
-
res => {
|
|
10209
|
-
this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
|
|
10210
|
-
/** @type {?} */
|
|
10211
|
-
const JsonResponse = JSON.parse(res);
|
|
10212
|
-
console.log("2." + JsonResponse);
|
|
10213
|
-
this.notification = JsonResponse['data'];
|
|
10214
|
-
console.log("3." + this.notification);
|
|
10207
|
+
if (this.previewJourney && this.previewJourney === 'Notificaitons sent') {
|
|
10208
|
+
console.log('notificaiton sent' + JSON.stringify(this.notificationSent));
|
|
10209
|
+
this.notification = this.notificationSent;
|
|
10215
10210
|
if (this.notification.template_type === 'letter') {
|
|
10216
10211
|
this.notification.body = this.notification.body.replace(/\r\n/g, '<br/>');
|
|
10217
10212
|
}
|
|
10218
|
-
}
|
|
10219
|
-
|
|
10220
|
-
|
|
10221
|
-
|
|
10222
|
-
|
|
10223
|
-
|
|
10224
|
-
|
|
10225
|
-
|
|
10226
|
-
|
|
10227
|
-
|
|
10213
|
+
}
|
|
10214
|
+
else {
|
|
10215
|
+
/** @type {?} */
|
|
10216
|
+
const notficationPreviewRequestBody = new NotificationPreviewRequest(this.payment, this.contactDetails, this.refundReason, this.refundAmount, this.refundReference, this.paymentReference);
|
|
10217
|
+
this.notificationService.getNotificationPreview(notficationPreviewRequestBody).subscribe((/**
|
|
10218
|
+
* @param {?} res
|
|
10219
|
+
* @return {?}
|
|
10220
|
+
*/
|
|
10221
|
+
res => {
|
|
10222
|
+
this.errorMessage = this.errorHandlerService.getServerErrorMessage(false, false, '');
|
|
10223
|
+
/** @type {?} */
|
|
10224
|
+
const JsonResponse = JSON.parse(res);
|
|
10225
|
+
this.notification = JsonResponse['data'];
|
|
10226
|
+
if (this.notification.template_type === 'letter') {
|
|
10227
|
+
this.notification.body = this.notification.body.replace(/\r\n/g, '<br/>');
|
|
10228
|
+
}
|
|
10229
|
+
}), (/**
|
|
10230
|
+
* @param {?} error
|
|
10231
|
+
* @return {?}
|
|
10232
|
+
*/
|
|
10233
|
+
(error) => {
|
|
10234
|
+
this.errorMessage = this.errorHandlerService.getServerErrorMessage(true, false, '');
|
|
10235
|
+
console.log(this.errorMessage);
|
|
10236
|
+
}));
|
|
10237
|
+
this.notificationPreviewEvent.emit(this.notification);
|
|
10238
|
+
}
|
|
10228
10239
|
console.log('Notification app loaded');
|
|
10229
10240
|
}
|
|
10230
10241
|
}
|
|
10231
10242
|
NotificationPreviewComponent.decorators = [
|
|
10232
10243
|
{ type: Component, args: [{
|
|
10233
10244
|
selector: 'app-notification-preview',
|
|
10234
|
-
template: "<div class=\"govuk-grid-column-full\">\n <table class=\"govuk-table\">\n <tbody class=\"govuk-table__body\">\n <ng-container *ngIf=\"notification
|
|
10245
|
+
template: "<div class=\"govuk-grid-column-full\">\n <table class=\"govuk-table\">\n <tbody class=\"govuk-table__body\">\n <ng-container *ngIf=\"notification?.template_type === 'email'\">\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\"><strong>From:</strong>\n {{notification?.from?.from_email_address}}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\"><strong>To:</strong>\n {{notification?.recipient_contact?.recipient_email_address}}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\"><strong>Subject:</strong>\n {{notification?.subject}}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\">\n <div [innerHTML]=\"notification?.html\"></div>\n </td>\n </tr>\n </ng-container>\n <ng-container *ngIf=\"notification?.template_type === 'letter'\">\n <tr class=\"govuk-table__row\">\n <td class=\"letter-row-border\">\n <ng-container *ngIf=\"notification?.recipient_contact?.recipient_mail_address?.address_line\">\n {{notification?.recipient_contact?.recipient_mail_address?.address_line}}<br /></ng-container>\n <ng-container *ngIf=\"notification?.recipient_contact?.recipient_mail_address?.city\">\n {{notification?.recipient_contact?.recipient_mail_address?.city}}<br /></ng-container>\n <ng-container *ngIf=\"notification?.recipient_contact?.recipient_mail_address?.county\">\n {{notification?.recipient_contact?.recipient_mail_address?.county}}<br /></ng-container>\n <ng-container *ngIf=\"notification?.recipient_contact?.recipient_mail_address?.country\">\n {{notification?.recipient_contact?.recipient_mail_address?.country}}<br /></ng-container>\n {{notification?.recipient_contact?.recipient_mail_address?.postal_code}}\n </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"letter-row-border\">\n <div class=\"right\">\n From<br />\n <ng-container *ngIf=\"notification?.from?.from_mail_address?.address_line\">\n {{notification?.from?.from_mail_address?.address_line}}<br /></ng-container>\n <ng-container *ngIf=\"notification?.from?.from_mail_address?.city\">\n {{notification?.from?.from_mail_address?.city}}<br />\n </ng-container>\n <ng-container *ngIf=\"notification?.from?.from_mail_address?.county\">\n {{notification?.from?.from_mail_address?.county}}<br /></ng-container>\n <ng-container *ngIf=\"notification.from.from_mail_address.country\">\n {{notification?.from?.from_mail_address?.country}}<br /></ng-container>\n {{notification?.from?.from_mail_address?.postal_code}}\n </div>\n </td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"letter-row-border\">{{ today | date:'d MMMM y' }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"letter-row-border\"><strong>{{notification?.subject}}</strong></td>\n </tr>\n <tr class=\"govuk-table__row\">\n <td class=\"govuk-table__cell whitespace-inherit\">\n <div [innerHTML]=\"notification?.body\"></div>\n </td>\n </tr>\n </ng-container>\n \n </tbody>\n </table>\n</div>\n",
|
|
10235
10246
|
styles: [".right{float:right}.letter-row-border{border-bottom:none}"]
|
|
10236
10247
|
}] }
|
|
10237
10248
|
];
|
|
@@ -10247,6 +10258,8 @@ NotificationPreviewComponent.propDecorators = {
|
|
|
10247
10258
|
refundAmount: [{ type: Input }],
|
|
10248
10259
|
paymentReference: [{ type: Input }],
|
|
10249
10260
|
refundReference: [{ type: Input }],
|
|
10261
|
+
previewJourney: [{ type: Input }],
|
|
10262
|
+
notificationSent: [{ type: Input }],
|
|
10250
10263
|
notificationPreviewEvent: [{ type: Output }]
|
|
10251
10264
|
};
|
|
10252
10265
|
|