npm - @hmcts/ccpay-web-component - Versions diffs - 6.1.11-beta → 6.2.0 - Mend

@hmcts/ccpay-web-component 6.1.11-beta → 6.2.0

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 (6) hide show

package/esm2022/lib/components/notification-preview/notification-preview.component.mjs CHANGED Viewed

@@ -52,11 +52,11 @@ export class NotificationPreviewComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationPreviewComponent, deps: [{ token: i1.ErrorHandlerService }, { token: i2.NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationPreviewComponent, isStandalone: true, selector: "app-notification-preview", inputs: { payment: "payment", contactDetails: "contactDetails", refundReason: "refundReason", refundAmount: "refundAmount", paymentReference: "paymentReference", refundReference: "refundReference", previewJourney: "previewJourney", notificationSent: "notificationSent" }, outputs: { notificationPreviewEvent: "notificationPreviewEvent" }, ngImport: i0, template: "<div class=\"govuk-grid-column\">\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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationPreviewComponent, isStandalone: true, selector: "app-notification-preview", inputs: { payment: "payment", contactDetails: "contactDetails", refundReason: "refundReason", refundAmount: "refundAmount", paymentReference: "paymentReference", refundReference: "refundReference", previewJourney: "previewJourney", notificationSent: "notificationSent" }, outputs: { notificationPreviewEvent: "notificationPreviewEvent" }, ngImport: i0, 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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationPreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-notification-preview', imports: [CommonModule], standalone: true, template: "<div class=\"govuk-grid-column\">\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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"] }]
+            args: [{ selector: 'app-notification-preview', imports: [CommonModule], standalone: true, 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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ErrorHandlerService }, { type: i2.NotificationService }]; }, propDecorators: { payment: [{
                 type: Input
             }], contactDetails: [{
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], notificationPreviewEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXByZXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGF5bWVudC1saWIvc3JjL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1wcmV2aWV3L25vdGlmaWNhdGlvbi1wcmV2aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BheW1lbnQtbGliL3NyYy9saWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24tcHJldmlldy9ub3RpZmljYXRpb24tcHJldmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN6RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNsRixPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBUy9DLE1BQU0sT0FBTyw0QkFBNEI7SUFrQm5CO0lBQ1Y7SUFsQkQsT0FBTyxDQUFXO0lBQ2xCLGNBQWMsQ0FBd0I7SUFDdEMsWUFBWSxDQUFTO0lBQ3JCLFlBQVksQ0FBUztJQUNyQixnQkFBZ0IsQ0FBUztJQUN6QixlQUFlLENBQVM7SUFDeEIsY0FBYyxDQUFTO0lBQ3ZCLGdCQUFnQixDQUF1QjtJQUV0Qyx3QkFBd0IsR0FBRyxJQUFJLFlBQVksRUFBd0IsQ0FBQztJQUU5RSxZQUFZLENBQXVCO0lBQ25DLDBCQUEwQixDQUE2QjtJQUN2RCxLQUFLLEdBQVcsSUFBSSxDQUFDLEdBQUcsRUFB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bnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUGF5bWVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVBheW1lbnQnO1xuaW1wb3J0IHsgSU5vdGlmaWNhdGlvblByZXZpZXcgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL0lOb3RpZmljYXRpb25QcmV2aWV3JztcbmltcG9ydCB7IElSZWZ1bmRDb250YWN0RGV0YWlscyB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVJlZnVuZENvbnRhY3REZXRhaWxzJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9Ob3RpZmljYXRpb25QcmV2aWV3UmVxdWVzdCc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IEVycm9ySGFuZGxlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zaGFyZWQvZXJyb3ItaGFuZGxlci5zZXJ2aWNlJztcbmltcG9ydCB7IE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbm90aWZpY2F0aW9uLXByZXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLXByZXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24tcHJldmlldy5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25QcmV2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGF5bWVudDogSVBheW1lbnQ7XG4gIEBJbnB1dCgpIGNvbnRhY3REZXRhaWxzOiBJUmVmdW5kQ29udGFjdERldGFpbHM7XG4gIEBJbnB1dCgpIHJlZnVuZFJlYXNvbjogc3RyaW5nO1xuICBASW5wdXQoKSByZWZ1bmRBbW91bnQ6IG51bWJlcjtcbiAgQElucHV0KCkgcGF5bWVudFJlZmVyZW5jZTogc3RyaW5nO1xuICBASW5wdXQoKSByZWZ1bmRSZWZlcmVuY2U6IHN0cmluZztcbiAgQElucHV0KCkgcHJldmlld0pvdXJuZXk6IHN0cmluZztcbiAgQElucHV0KCkgbm90aWZpY2F0aW9uU2VudDogSU5vdGlmaWNhdGlvblByZXZpZXc7XG5cbiAgQE91dHB1dCgpIG5vdGlmaWNhdGlvblByZXZpZXdFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8SU5vdGlmaWNhdGlvblByZXZpZXc+KCk7XG5cbiAgbm90aWZpY2F0aW9uOiBJTm90aWZpY2F0aW9uUHJldmlldztcbiAgbm90aWZpY2F0aW9uUHJldmlld1JlcXVlc3Q6IE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0O1xuICB0b2RheTogbnVtYmVyID0gRGF0ZS5ub3coKTtcbiAgLy8gICBlcnJvck1lc3NhZ2UgPSB0aGlzLmVycm9ySGFuZGxlclNlcnZpY2UuZ2V0U2VydmVyRXJyb3JNZXNzYWdlKGZhbHNlLCBmYWxzZSwgJycpO1xuICBlcnJvck1lc3NhZ2UgPSBudWxsXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlcnJvckhhbmRsZXJTZXJ2aWNlOiBFcnJvckhhbmRsZXJTZXJ2aWNlLFxuICAgIHByaXZhdGUgbm90aWZpY2F0aW9uU2VydmljZTogTm90aWZpY2F0aW9uU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG5cbiAgICBpZiAodGhpcy5wcmV2aWV3Sm91cm5leSAhPSB1bmRlZmluZWQgJiYgdGhpcy5wcmV2aWV3Sm91cm5leSAhPSBudWxsICYmIHRoaXMucHJldmlld0pvdXJuZXkgPT09ICdOb3RpZmljYXRpb25zIHNlbnQnKSB7XG5cbiAgICAgIHRoaXMubm90aWZpY2F0aW9uID0gdGhpcy5ub3RpZmljYXRpb25TZW50O1xuXG4gICAgICBpZiAodGhpcy5ub3RpZmljYXRpb24gIT0gdW5kZWZpbmVkICYmIHRoaXMubm90aWZpY2F0aW9uICE9IG51bGwgJiYgdGhpcy5ub3RpZmljYXRpb24udGVtcGxhdGVfdHlwZSA9PT0gJ2xldHRlcicpIHtcbiAgICAgICAgdGhpcy5ub3RpZmljYXRpb24uYm9keSA9IHRoaXMubm90aWZpY2F0aW9uLmJvZHkucmVwbGFjZSgvXFxyXFxuL2csICc8YnIvPicpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG5cbiAgICAgIGNvbnN0IG5vdGZpY2F0aW9uUHJldmlld1JlcXVlc3RCb2R5ID0gbmV3IE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0KHRoaXMucGF5bWVudCwgdGhpcy5jb250YWN0RGV0YWlscyxcbiAgICAgICAgdGhpcy5yZWZ1bmRSZWFzb24sIHRoaXMucmVmdW5kQW1vdW50LCB0aGlzLnJlZnVuZFJlZmVyZW5jZSwgdGhpcy5wYXltZW50UmVmZXJlbmNlKTtcblxuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLmdldE5vdGlmaWNhdGlvblByZXZpZXcobm90ZmljYXRpb25QcmV2aWV3UmVxdWVzdEJvZHkpLnN1YnNjcmliZShcbiAgICAgICAgcmVzID0+IHtcbiAgICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuZXJyb3JIYW5kbGVyU2VydmljZS5nZXRTZXJ2ZXJFcnJvck1lc3NhZ2UoZmFsc2UsIGZhbHNlLCAnJyk7XG4gICAgICAgICAgdGhpcy5ub3RpZmljYXRpb24gPSBKU09OLnBhcnNlKHJlcyk7XG5cbiAgICAgICAgICBpZiAodGhpcy5ub3RpZmljYXRpb24gIT0gdW5kZWZpbmVkICYmIHRoaXMubm90aWZpY2F0aW9uICE9IG51bGwgJiYgdGhpcy5ub3RpZmljYXRpb24udGVtcGxhdGVfdHlwZSA9PT0gJ2xldHRlcicpIHtcbiAgICAgICAgICAgIHRoaXMubm90aWZpY2F0aW9uLmJvZHkgPSB0aGlzLm5vdGlmaWNhdGlvbi5ib2R5LnJlcGxhY2UoL1xcclxcbi9nLCAnPGJyLz4nKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIChlcnJvcjogYW55KSA9PiB7XG4gICAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmVycm9ySGFuZGxlclNlcnZpY2UuZ2V0U2VydmVyRXJyb3JNZXNzYWdlKHRydWUsIGZhbHNlLCAnJyk7XG4gICAgICAgICAgY29uc29sZS5sb2codGhpcy5lcnJvck1lc3NhZ2UpO1xuICAgICAgICB9XG4gICAgICApO1xuXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvblByZXZpZXdFdmVudC5lbWl0KHRoaXMubm90aWZpY2F0aW9uKTtcblxuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ292dWstZ3JpZC1jb2x1bW5cIj5cbiAgPHRhYmxlIGNsYXNzPVwiZ292dWstdGFibGVcIj5cbiAgICA8dGJvZHkgY2xhc3M9XCJnb3Z1ay10YWJsZV9fYm9keVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbj8udGVtcGxhdGVfdHlwZSA9PT0gJ2VtYWlsJ1wiPlxuICAgICAgICA8dHIgY2xhc3M9XCJnb3Z1ay10YWJsZV9fcm93XCI+XG4gICAgICAgICAgPHRkIGNsYXNzPVwiZ292dWstdGFibGVfX2NlbGwgd2hpdGVzcGFjZS1pbmhlcml0XCI+PHNwYW4gY2xhc3M9XCJnb3Z1ay0hLWZvbnQtd2VpZ2h0LWJvbGRcIj5Gcm9tOjwvc3Bhbj5cbiAgICAgICAgICAgIHt7bm90aWZpY2F0aW9uPy5mcm9tPy5mcm9tX2VtYWlsX2FkZHJlc3N9fTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCB3aGl0ZXNwYWNlLWluaGVyaXRcIj48c3BhbiBjbGFzcz1cImdvdnVrLSEtZm9udC13ZWlnaHQtYm9sZFwiPlRvOjwvc3Bhbj5cbiAgICAgICAgICAgIHt7bm90aWZpY2F0aW9uPy5yZWNpcGllbnRfY29udGFjdD8ucmVjaXBpZW50X2VtYWlsX2FkZHJlc3N9fTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCB3aGl0ZXNwYWNlLWluaGVyaXRcIj48c3BhbiBjbGFzcz1cImdvdnVrLSEtZm9udC13ZWlnaHQtYm9sZFwiPlN1YmplY3Q6PC9zcGFuPlxuICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnN1YmplY3R9fTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCB3aGl0ZXNwYWNlLWluaGVyaXRcIj5cbiAgICAgICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJub3RpZmljYXRpb24/Lmh0bWxcIj48L2Rpdj5cbiAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibm90aWZpY2F0aW9uPy50ZW1wbGF0ZV90eXBlID09PSAnbGV0dGVyJ1wiPlxuICAgICAgICA8dHIgY2xhc3M9XCJnb3Z1ay10YWJsZV9fcm93XCI+XG4gICAgICAgICAgPHRkIGNsYXNzPVwibGV0dGVyLXJvdy1ib3JkZXJcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5hZGRyZXNzX2xpbmVcIj5cbiAgICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5hZGRyZXNzX2xpbmV9fTxiciAvPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmNpdHlcIj5cbiAgICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5jaXR5fX08YnIgLz48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5jb3VudHlcIj5cbiAgICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5jb3VudHl9fTxiciAvPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmNvdW50cnlcIj5cbiAgICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5jb3VudHJ5fX08YnIgLz48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIHt7bm90aWZpY2F0aW9uPy5yZWNpcGllbnRfY29udGFjdD8ucmVjaXBpZW50X21haWxfYWRkcmVzcz8ucG9zdGFsX2NvZGV9fVxuICAgICAgICAgIDwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJsZXR0ZXItcm93LWJvcmRlclwiPnt7IHRvZGF5IHwgZGF0ZTonZCBNTU1NIHknIH19PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3Jvd1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImxldHRlci1yb3ctYm9yZGVyXCI+PHNwYW4gY2xhc3M9XCJnb3Z1ay0hLWZvbnQtd2VpZ2h0LWJvbGRcIj57e25vdGlmaWNhdGlvbj8uc3ViamVjdH19PC9zcGFuPjwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCB3aGl0ZXNwYWNlLWluaGVyaXRcIj5cbiAgICAgICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJub3RpZmljYXRpb24/LmJvZHlcIj48L2Rpdj5cbiAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gIFxuICAgIDwvdGJvZHk+XG4gIDwvdGFibGU+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXByZXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGF5bWVudC1saWIvc3JjL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1wcmV2aWV3L25vdGlmaWNhdGlvbi1wcmV2aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3BheW1lbnQtbGliL3NyYy9saWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24tcHJldmlldy9ub3RpZmljYXRpb24tcHJldmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN6RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNsRixPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBUy9DLE1BQU0sT0FBTyw0QkFBNEI7SUFrQm5CO0lBQ1Y7SUFsQkQsT0FBTyxDQUFXO0lBQ2xCLGNBQWMsQ0FBd0I7SUFDdEMsWUFBWSxDQUFTO0lBQ3JCLFlBQVksQ0FBUztJQUNyQixnQkFBZ0IsQ0FBUztJQUN6QixlQUFlLENBQVM7SUFDeEIsY0FBYyxDQUFTO0lBQ3ZCLGdCQUFnQixDQUF1QjtJQUV0Qyx3QkFBd0IsR0FBRyxJQUFJLFlBQVksRUFBd0IsQ0FBQztJQUU5RSxZQUFZLENBQXVCO0lBQ25DLDBCQUEwQixDQUE2QjtJQUN2RCxLQUFLLEdBQVcsSUFBSSxDQUFDLEdBQUcsRUFB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bnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUGF5bWVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVBheW1lbnQnO1xuaW1wb3J0IHsgSU5vdGlmaWNhdGlvblByZXZpZXcgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL0lOb3RpZmljYXRpb25QcmV2aWV3JztcbmltcG9ydCB7IElSZWZ1bmRDb250YWN0RGV0YWlscyB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvSVJlZnVuZENvbnRhY3REZXRhaWxzJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9Ob3RpZmljYXRpb25QcmV2aWV3UmVxdWVzdCc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IEVycm9ySGFuZGxlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zaGFyZWQvZXJyb3ItaGFuZGxlci5zZXJ2aWNlJztcbmltcG9ydCB7IE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbm90aWZpY2F0aW9uLXByZXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLXByZXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24tcHJldmlldy5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25QcmV2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGF5bWVudDogSVBheW1lbnQ7XG4gIEBJbnB1dCgpIGNvbnRhY3REZXRhaWxzOiBJUmVmdW5kQ29udGFjdERldGFpbHM7XG4gIEBJbnB1dCgpIHJlZnVuZFJlYXNvbjogc3RyaW5nO1xuICBASW5wdXQoKSByZWZ1bmRBbW91bnQ6IG51bWJlcjtcbiAgQElucHV0KCkgcGF5bWVudFJlZmVyZW5jZTogc3RyaW5nO1xuICBASW5wdXQoKSByZWZ1bmRSZWZlcmVuY2U6IHN0cmluZztcbiAgQElucHV0KCkgcHJldmlld0pvdXJuZXk6IHN0cmluZztcbiAgQElucHV0KCkgbm90aWZpY2F0aW9uU2VudDogSU5vdGlmaWNhdGlvblByZXZpZXc7XG5cbiAgQE91dHB1dCgpIG5vdGlmaWNhdGlvblByZXZpZXdFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8SU5vdGlmaWNhdGlvblByZXZpZXc+KCk7XG5cbiAgbm90aWZpY2F0aW9uOiBJTm90aWZpY2F0aW9uUHJldmlldztcbiAgbm90aWZpY2F0aW9uUHJldmlld1JlcXVlc3Q6IE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0O1xuICB0b2RheTogbnVtYmVyID0gRGF0ZS5ub3coKTtcbiAgLy8gICBlcnJvck1lc3NhZ2UgPSB0aGlzLmVycm9ySGFuZGxlclNlcnZpY2UuZ2V0U2VydmVyRXJyb3JNZXNzYWdlKGZhbHNlLCBmYWxzZSwgJycpO1xuICBlcnJvck1lc3NhZ2UgPSBudWxsXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlcnJvckhhbmRsZXJTZXJ2aWNlOiBFcnJvckhhbmRsZXJTZXJ2aWNlLFxuICAgIHByaXZhdGUgbm90aWZpY2F0aW9uU2VydmljZTogTm90aWZpY2F0aW9uU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG5cbiAgICBpZiAodGhpcy5wcmV2aWV3Sm91cm5leSAhPSB1bmRlZmluZWQgJiYgdGhpcy5wcmV2aWV3Sm91cm5leSAhPSBudWxsICYmIHRoaXMucHJldmlld0pvdXJuZXkgPT09ICdOb3RpZmljYXRpb25zIHNlbnQnKSB7XG5cbiAgICAgIHRoaXMubm90aWZpY2F0aW9uID0gdGhpcy5ub3RpZmljYXRpb25TZW50O1xuXG4gICAgICBpZiAodGhpcy5ub3RpZmljYXRpb24gIT0gdW5kZWZpbmVkICYmIHRoaXMubm90aWZpY2F0aW9uICE9IG51bGwgJiYgdGhpcy5ub3RpZmljYXRpb24udGVtcGxhdGVfdHlwZSA9PT0gJ2xldHRlcicpIHtcbiAgICAgICAgdGhpcy5ub3RpZmljYXRpb24uYm9keSA9IHRoaXMubm90aWZpY2F0aW9uLmJvZHkucmVwbGFjZSgvXFxyXFxuL2csICc8YnIvPicpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG5cbiAgICAgIGNvbnN0IG5vdGZpY2F0aW9uUHJldmlld1JlcXVlc3RCb2R5ID0gbmV3IE5vdGlmaWNhdGlvblByZXZpZXdSZXF1ZXN0KHRoaXMucGF5bWVudCwgdGhpcy5jb250YWN0RGV0YWlscyxcbiAgICAgICAgdGhpcy5yZWZ1bmRSZWFzb24sIHRoaXMucmVmdW5kQW1vdW50LCB0aGlzLnJlZnVuZFJlZmVyZW5jZSwgdGhpcy5wYXltZW50UmVmZXJlbmNlKTtcblxuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLmdldE5vdGlmaWNhdGlvblByZXZpZXcobm90ZmljYXRpb25QcmV2aWV3UmVxdWVzdEJvZHkpLnN1YnNjcmliZShcbiAgICAgICAgcmVzID0+IHtcbiAgICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuZXJyb3JIYW5kbGVyU2VydmljZS5nZXRTZXJ2ZXJFcnJvck1lc3NhZ2UoZmFsc2UsIGZhbHNlLCAnJyk7XG4gICAgICAgICAgdGhpcy5ub3RpZmljYXRpb24gPSBKU09OLnBhcnNlKHJlcyk7XG5cbiAgICAgICAgICBpZiAodGhpcy5ub3RpZmljYXRpb24gIT0gdW5kZWZpbmVkICYmIHRoaXMubm90aWZpY2F0aW9uICE9IG51bGwgJiYgdGhpcy5ub3RpZmljYXRpb24udGVtcGxhdGVfdHlwZSA9PT0gJ2xldHRlcicpIHtcbiAgICAgICAgICAgIHRoaXMubm90aWZpY2F0aW9uLmJvZHkgPSB0aGlzLm5vdGlmaWNhdGlvbi5ib2R5LnJlcGxhY2UoL1xcclxcbi9nLCAnPGJyLz4nKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIChlcnJvcjogYW55KSA9PiB7XG4gICAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmVycm9ySGFuZGxlclNlcnZpY2UuZ2V0U2VydmVyRXJyb3JNZXNzYWdlKHRydWUsIGZhbHNlLCAnJyk7XG4gICAgICAgICAgY29uc29sZS5sb2codGhpcy5lcnJvck1lc3NhZ2UpO1xuICAgICAgICB9XG4gICAgICApO1xuXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvblByZXZpZXdFdmVudC5lbWl0KHRoaXMubm90aWZpY2F0aW9uKTtcblxuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ292dWstZ3JpZC1jb2x1bW4tZnVsbFwiPlxuICA8dGFibGUgY2xhc3M9XCJnb3Z1ay10YWJsZVwiPlxuICAgIDx0Ym9keSBjbGFzcz1cImdvdnVrLXRhYmxlX19ib2R5XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibm90aWZpY2F0aW9uPy50ZW1wbGF0ZV90eXBlID09PSAnZW1haWwnXCI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCB3aGl0ZXNwYWNlLWluaGVyaXRcIj48c3BhbiBjbGFzcz1cImdvdnVrLSEtZm9udC13ZWlnaHQtYm9sZFwiPkZyb206PC9zcGFuPlxuICAgICAgICAgICAge3tub3RpZmljYXRpb24/LmZyb20/LmZyb21fZW1haWxfYWRkcmVzc319PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3Jvd1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHdoaXRlc3BhY2UtaW5oZXJpdFwiPjxzcGFuIGNsYXNzPVwiZ292dWstIS1mb250LXdlaWdodC1ib2xkXCI+VG86PC9zcGFuPlxuICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfZW1haWxfYWRkcmVzc319PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3Jvd1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHdoaXRlc3BhY2UtaW5oZXJpdFwiPjxzcGFuIGNsYXNzPVwiZ292dWstIS1mb250LXdlaWdodC1ib2xkXCI+U3ViamVjdDo8L3NwYW4+XG4gICAgICAgICAgICB7e25vdGlmaWNhdGlvbj8uc3ViamVjdH19PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3Jvd1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHdoaXRlc3BhY2UtaW5oZXJpdFwiPlxuICAgICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cIm5vdGlmaWNhdGlvbj8uaHRtbFwiPjwvZGl2PlxuICAgICAgICAgIDwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJub3RpZmljYXRpb24/LnRlbXBsYXRlX3R5cGUgPT09ICdsZXR0ZXInXCI+XG4gICAgICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3dcIj5cbiAgICAgICAgICA8dGQgY2xhc3M9XCJsZXR0ZXItcm93LWJvcmRlclwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmFkZHJlc3NfbGluZVwiPlxuICAgICAgICAgICAgICB7e25vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmFkZHJlc3NfbGluZX19PGJyIC8+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibm90aWZpY2F0aW9uPy5yZWNpcGllbnRfY29udGFjdD8ucmVjaXBpZW50X21haWxfYWRkcmVzcz8uY2l0eVwiPlxuICAgICAgICAgICAgICB7e25vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmNpdHl9fTxiciAvPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmNvdW50eVwiPlxuICAgICAgICAgICAgICB7e25vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmNvdW50eX19PGJyIC8+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibm90aWZpY2F0aW9uPy5yZWNpcGllbnRfY29udGFjdD8ucmVjaXBpZW50X21haWxfYWRkcmVzcz8uY291bnRyeVwiPlxuICAgICAgICAgICAgICB7e25vdGlmaWNhdGlvbj8ucmVjaXBpZW50X2NvbnRhY3Q/LnJlY2lwaWVudF9tYWlsX2FkZHJlc3M/LmNvdW50cnl9fTxiciAvPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAge3tub3RpZmljYXRpb24/LnJlY2lwaWVudF9jb250YWN0Py5yZWNpcGllbnRfbWFpbF9hZGRyZXNzPy5wb3N0YWxfY29kZX19XG4gICAgICAgICAgPC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3Jvd1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImxldHRlci1yb3ctYm9yZGVyXCI+e3sgdG9kYXkgfCBkYXRlOidkIE1NTU0geScgfX08L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgICA8dHIgY2xhc3M9XCJnb3Z1ay10YWJsZV9fcm93XCI+XG4gICAgICAgICAgPHRkIGNsYXNzPVwibGV0dGVyLXJvdy1ib3JkZXJcIj48c3BhbiBjbGFzcz1cImdvdnVrLSEtZm9udC13ZWlnaHQtYm9sZFwiPnt7bm90aWZpY2F0aW9uPy5zdWJqZWN0fX08L3NwYW4+PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3Jvd1wiPlxuICAgICAgICAgIDx0ZCBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHdoaXRlc3BhY2UtaW5oZXJpdFwiPlxuICAgICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cIm5vdGlmaWNhdGlvbj8uYm9keVwiPjwvZGl2PlxuICAgICAgICAgIDwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgXG4gICAgPC90Ym9keT5cbiAgPC90YWJsZT5cbjwvZGl2PlxuIl19

package/fesm2022/hmcts-ccpay-web-component.mjs CHANGED Viewed

@@ -1169,11 +1169,11 @@ class NotificationPreviewComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationPreviewComponent, deps: [{ token: ErrorHandlerService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationPreviewComponent, isStandalone: true, selector: "app-notification-preview", inputs: { payment: "payment", contactDetails: "contactDetails", refundReason: "refundReason", refundAmount: "refundAmount", paymentReference: "paymentReference", refundReference: "refundReference", previewJourney: "previewJourney", notificationSent: "notificationSent" }, outputs: { notificationPreviewEvent: "notificationPreviewEvent" }, ngImport: i0, template: "<div class=\"govuk-grid-column\">\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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationPreviewComponent, isStandalone: true, selector: "app-notification-preview", inputs: { payment: "payment", contactDetails: "contactDetails", refundReason: "refundReason", refundAmount: "refundAmount", paymentReference: "paymentReference", refundReference: "refundReference", previewJourney: "previewJourney", notificationSent: "notificationSent" }, outputs: { notificationPreviewEvent: "notificationPreviewEvent" }, ngImport: i0, 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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationPreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-notification-preview', imports: [CommonModule], standalone: true, template: "<div class=\"govuk-grid-column\">\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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"] }]
+            args: [{ selector: 'app-notification-preview', imports: [CommonModule], standalone: true, 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\"><span class=\"govuk-!-font-weight-bold\">From:</span>\n            {{notification?.from?.from_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">To:</span>\n            {{notification?.recipient_contact?.recipient_email_address}}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell whitespace-inherit\"><span class=\"govuk-!-font-weight-bold\">Subject:</span>\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\">{{ today | date:'d MMMM y' }}</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"letter-row-border\"><span class=\"govuk-!-font-weight-bold\">{{notification?.subject}}</span></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", styles: [".right{float:right}.letter-row-border{border-bottom:none}\n"] }]
         }], ctorParameters: function () { return [{ type: ErrorHandlerService }, { type: NotificationService }]; }, propDecorators: { payment: [{
                 type: Input
             }], contactDetails: [{
@@ -2152,6 +2152,9 @@ class CaseTransactionsComponent {
                 this.calculateAmounts();
                 this.calculateOrderFeesAmounts();
                 this.calculateRefundAmount();
+                this.calculateAmountDueTo();
+                this.calculateOverpayment();
+                this.validateAmountDueTo();
                 if (this.isFromServiceRequestPage) {
                     this.OrderslistService.getSelectedOrderRefId().subscribe((data) => this.orderRef = data);
                     this.goToOrderViewDetailSection(this.orderRef);
@@ -2176,6 +2179,9 @@ class CaseTransactionsComponent {
                 this.paymentGroups = paymentGroups['payment_groups'];
                 this.calculateAmounts();
                 this.calculateOrderFeesAmounts();
+                this.calculateAmountDueTo();
+                this.calculateOverpayment();
+                this.validateAmountDueTo();
                 this.totalRefundAmount = this.calculateRefundAmount();
                 this.paymentViewService.getPartyDetails(this.ccdCaseNumber).subscribe(response => {
                     this.cpoDetails = JSON.parse(response).content;
@@ -2452,6 +2458,40 @@ class CaseTransactionsComponent {
             this.totalRemissions = remissionsTotal;
         });
     }
+    isThereRemissions() {
+        let result = false;
+        this.paymentGroups.forEach(paymentGroup => {
+            if (paymentGroup.remissions != null && paymentGroup.remissions.length > 0) {
+                result = true;
+            }
+        });
+        return result;
+    }
+    calculateOverpayment() {
+        if (this.isThereRemissions()) {
+            let newValue = this.totalPayments - (this.orderFeesTotal - this.totalRemissions);
+            if (newValue > 0) {
+                this.overPaymentAmount = newValue;
+            }
+        }
+    }
+    calculateAmountDueTo() {
+        if (this.isThereRemissions()) {
+            let newValue = this.totalPayments - (this.orderFeesTotal - this.totalRemissions);
+            if (newValue <= 0) {
+                this.clAmountDue = Math.abs(newValue);
+            }
+        }
+    }
+    validateAmountDueTo() {
+        // if there is an overPayment there is not need to add due to amount.
+        if (this.overPaymentAmount > 0) {
+            this.clAmountDue = 0;
+        }
+    }
+    canItCalculateAmountDueForRemission() {
+        return (this.overPaymentAmount < 0);
+    }
     calculateRefundAmount() {
         if (!this.isTurnOff) {
             let isNewPaymentGroup = false;
@@ -2707,7 +2747,6 @@ class CaseTransactionsComponent {
             else {
                 return false;
             }
-            ;
         }
     }
     chkIssueRefundBtnEnable(payment) {
@@ -2745,7 +2784,6 @@ class CaseTransactionsComponent {
             else {
                 return false;
             }
-            ;
         }
     }
     check4AllowedRoles2AccessRefund = () => {