@hmcts/ccd-case-ui-toolkit 7.0.70 → 7.0.71-special-characters-2

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -7982,6 +7982,42 @@ class WizardPageFieldToCaseFieldMapper {
             }]
     }], null, null); })();
 
+function convertNonASCIICharacter(character) {
+    if (character === '£') {
+        // pound sign will be frequently used and works for btoa despite being non-ASCII
+        // note: this could be done for other characters provided they work for btoa()
+        return character;
+    }
+    // Note: Will convert to HTML entity
+    return CaseEditUtils.PREFIX + character.charCodeAt(0) + CaseEditUtils.SUFFIX;
+}
+class CaseEditUtils {
+    // Note: Made these purposely odd to avoid possible data conflicts
+    static PREFIX = '&#';
+    static SUFFIX = ';';
+    convertNonASCIICharacters(rawString) {
+        return rawString ? rawString.replace(/[^\x20-\x7F]/g, function (c) {
+            return convertNonASCIICharacter(c);
+        }) : '';
+    }
+    convertHTMLEntities(editedString) {
+        const revertedCharacterList = editedString.split(CaseEditUtils.PREFIX);
+        let rawString = revertedCharacterList[0];
+        for (let index = 1; index < revertedCharacterList.length; index++) {
+            const currentSection = revertedCharacterList[index];
+            if (!currentSection.includes(CaseEditUtils.SUFFIX)) {
+                return rawString.concat(currentSection);
+            }
+            else {
+                const suffixSplitList = currentSection.split(CaseEditUtils.SUFFIX);
+                const characterCode = Number(suffixSplitList[0]);
+                rawString = rawString.concat(String.fromCharCode(characterCode), suffixSplitList[1]);
+            }
+        }
+        return rawString;
+    }
+}
+
 class CasesService {
     http;
     appConfig;
@@ -8270,8 +8306,12 @@ class CasesService {
     addClientContextHeader(headers) {
         const clientContextDetails = this.sessionStorageService.getItem('clientContext');
         if (clientContextDetails) {
-            // may require URI encoding in certain circumstances
-            const clientContext = window.btoa(clientContextDetails);
+            let clientContextEdit = JSON.parse(clientContextDetails);
+            clientContextEdit.client_context.user_task.task_data.name = 'Review ㅪ the ㋚ appeal \`';
+            const caseEditUtils = new CaseEditUtils();
+            // below changes non-ASCII characters 
+            const editedClientContext = caseEditUtils.convertNonASCIICharacters(clientContextDetails);
+            const clientContext = window.btoa(editedClientContext);
             if (clientContext) {
                 headers = headers.set('Client-Context', clientContext);
             }
@@ -8279,11 +8319,12 @@ class CasesService {
         return headers;
     }
     updateClientContextStorage(headers) {
-        // for mocking - TODO: Kasi Remove/Uncomment for testing
-        // headers = this.setMockClientContextHeader(headers);
         if (headers && headers.get('Client-Context')) {
+            const caseEditUtils = new CaseEditUtils();
             const clientContextString = window.atob(headers.get('Client-Context'));
-            this.sessionStorageService.setItem('clientContext', clientContextString);
+            // below reverts non-ASCII characters 
+            const editedClientContextString = caseEditUtils.convertHTMLEntities(clientContextString);
+            this.sessionStorageService.setItem('clientContext', editedClientContextString);
         }
     }
     static ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService), i0.ɵɵinject(RetryUtil)); };
@@ -35069,6 +35110,7 @@ class CaseSpecificAccessRequestComponent {
     $roleAssignmentResponseSubscription;
     genericError = 'There is a problem';
     specificReasonControlName = 'specificReason';
+    getSpecificAccessError = false;
     constructor(fb, router, casesService, route, caseNotifier) {
         this.fb = fb;
         this.router = router;
@@ -35123,9 +35165,15 @@ class CaseSpecificAccessRequestComponent {
                 .subscribe(() => {
                 // Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
                 // Angular 7.2
+                this.getSpecificAccessError = false;
                 this.router.navigate(['success'], { relativeTo: this.route });
             }, () => {
-                // Navigate to error page
+                // Show the generic error message
+                this.getSpecificAccessError = true;
+                this.errorMessage = {
+                    title: this.genericError,
+                    description: 'Sorry, there is a problem with the service; Try again later.'
+                };
             });
         }
     }
@@ -35142,7 +35190,7 @@ class CaseSpecificAccessRequestComponent {
         return input.value === null || input.value.trim().length === 0;
     }
     static ɵfac = function CaseSpecificAccessRequestComponent_Factory(t) { return new (t || CaseSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], decls: 50, vars: 42, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["role", "button", "aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], decls: 50, vars: 42, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CaseSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
             i0.ɵɵelementStart(1, "cut-alert", 1);
             i0.ɵɵtext(2);
@@ -35196,7 +35244,7 @@ class CaseSpecificAccessRequestComponent {
             i0.ɵɵpipe(49, "rpxTranslate");
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted);
+            i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted || ctx.getSpecificAccessError);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 16, "Authorisation is needed to access this case."), "");
             i0.ɵɵadvance(3);
@@ -35231,7 +35279,7 @@ class CaseSpecificAccessRequestComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseSpecificAccessRequestComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-specific-access-request', template: "<exui-error-message\n  *ngIf=\"formGroup.invalid && submitted\"\n  [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n  {{'Authorisation is needed to access this case.' | rpxTranslate}}<br />\n  {{'This could be because it\\'s outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\"\n    [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ title | rpxTranslate }}\n        </h1>\n      </legend>\n\n      <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n        <summary\n          class=\"govuk-details__summary\"\n          role=\"button\"\n          aria-expanded=\"false\">\n          <span class=\"govuk-details__summary-text\">\n            {{'Help with requesting case access' | rpxTranslate}}\n          </span>\n        </summary>\n        <div\n          class=\"govuk-details__text\"\n          aria-hidden=\"true\">\n          <p class=\"govuk-body\">{{'You could include:' | rpxTranslate}}</p>\n          <ul class=\"govuk-list govuk-list--bullet\">\n            <li>{{'the case reference of the linked case' | rpxTranslate}}</li>\n            <li>{{'how long you require access to this case' | rpxTranslate}}</li>\n            <li>{{'any other reasons why you require access' | rpxTranslate}}</li>\n          </ul>\n        </div>\n      </details>\n\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{ hint | rpxTranslate }}\n      </div>\n      <div id=\"conditional-reason-3\">\n        <div class=\"govuk-form-group\">\n          <div\n            id=\"specific-reason-error-message\"\n            class=\"govuk-error-message\"\n            *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n            {{ errorMessage.description | rpxTranslate }}\n          </div>\n          <textarea\n            class=\"govuk-textarea\"\n            [ngClass]=\"{\n              'govuk-textarea--error':\n                formGroup.get('specificReason').invalid && submitted\n            }\"\n            id=\"specific-reason\"\n            name=\"specific-reason\"\n            rows=\"8\"\n            formControlName=\"specificReason\">\n          </textarea>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n\n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      {{'Submit' | rpxTranslate}}\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n          {{'Cancel' | rpxTranslate}}\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n" }]
+        args: [{ selector: 'ccd-case-specific-access-request', template: "<exui-error-message\n  *ngIf=\"(formGroup.invalid && submitted) || getSpecificAccessError\"\n  [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n  {{'Authorisation is needed to access this case.' | rpxTranslate}}<br />\n  {{'This could be because it\\'s outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\"\n    [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ title | rpxTranslate }}\n        </h1>\n      </legend>\n\n      <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n        <summary\n          class=\"govuk-details__summary\"\n          aria-expanded=\"false\">\n          <span class=\"govuk-details__summary-text\">\n            {{'Help with requesting case access' | rpxTranslate}}\n          </span>\n        </summary>\n        <div\n          class=\"govuk-details__text\"\n          aria-hidden=\"true\">\n          <p class=\"govuk-body\">{{'You could include:' | rpxTranslate}}</p>\n          <ul class=\"govuk-list govuk-list--bullet\">\n            <li>{{'the case reference of the linked case' | rpxTranslate}}</li>\n            <li>{{'how long you require access to this case' | rpxTranslate}}</li>\n            <li>{{'any other reasons why you require access' | rpxTranslate}}</li>\n          </ul>\n        </div>\n      </details>\n\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{ hint | rpxTranslate }}\n      </div>\n      <div id=\"conditional-reason-3\">\n        <div class=\"govuk-form-group\">\n          <div\n            id=\"specific-reason-error-message\"\n            class=\"govuk-error-message\"\n            *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n            {{ errorMessage.description | rpxTranslate }}\n          </div>\n          <textarea\n            class=\"govuk-textarea\"\n            [ngClass]=\"{\n              'govuk-textarea--error':\n                formGroup.get('specificReason').invalid && submitted\n            }\"\n            id=\"specific-reason\"\n            name=\"specific-reason\"\n            rows=\"8\"\n            formControlName=\"specificReason\">\n          </textarea>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n\n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      {{'Submit' | rpxTranslate}}\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n          {{'Cancel' | rpxTranslate}}\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n" }]
     }], () => [{ type: i4.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseSpecificAccessRequestComponent, { className: "CaseSpecificAccessRequestComponent", filePath: "lib/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.ts", lineNumber: 22 }); })();