@hmcts/rpx-xui-common-lib 1.7.18-caa-case-share-ui-changes → 1.7.18-caa-case-share-ui-changes-3

package/bundles/hmcts-rpx-xui-common-lib.umd.js

@@ -2066,11 +2066,13 @@
          * @return {?}
          */
             function (caseId) {
-                for (var i = 0, l = this.caseState.length; i < l; i++) {
-                    if (this.caseState[i].caseId === caseId) {
-                        this.caseState.splice(i, 1);
-                        this.subject.next(this.caseState);
-                        return;
+                if (this.caseState.length > 1) {
+                    for (var i = 0, l = this.caseState.length; i < l; i++) {
+                        if (this.caseState[i].caseId === caseId) {
+                            this.caseState.splice(i, 1);
+                            this.subject.next(this.caseState);
+                            return;
+                        }
                     }
                 }
             };
@@ -2301,15 +2303,6 @@
                     this.combinedSortedShares = this.combineAndSortShares(sharedWith, pendingShares);
                 }
             };
-        /**
-         * @return {?}
-         */
-        SelectedCaseComponent.prototype.onUnselect = /**
-         * @return {?}
-         */
-            function () {
-                this.unselect.emit(this.sharedCase);
-            };
         /**
          * @param {?} c
          * @return {?}
@@ -2942,6 +2935,16 @@
         return ShareCaseConfirmComponent;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/models/case-share.model.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @enum {string} */
+    var SharedCaseErrorMessages = {
+        OneCaseMustBeSelected: "At least one case must be selected",
+    };
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/components/user-select/user-select.component.ts
@@ -3072,8 +3075,12 @@
             // users of this organisation the cases can be shared with
             this.confirmLink = '';
             this.showRemoveUsers = false;
+            this.fnTitle = '';
+            this.title = '';
             this.unselect = new i0.EventEmitter();
             this.synchronizeStore = new i0.EventEmitter();
+            this.validationErrors = [];
+            this.shareCaseErrorMessage = '';
         }
         /**
          * @return {?}
@@ -3101,8 +3108,16 @@
          * @return {?}
          */
             function (c) {
-                this.unselect.emit(c);
-                this.stateService.removeCase(c.caseId);
+                this.validationErrors = [];
+                if (this.stateService.getCases().length === 1) {
+                    this.validationErrors.push({ id: 'cases', message: SharedCaseErrorMessages.OneCaseMustBeSelected });
+                    this.shareCaseErrorMessage = SharedCaseErrorMessages.OneCaseMustBeSelected;
+                    window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+                }
+                else {
+                    this.unselect.emit(c);
+                    this.stateService.removeCase(c.caseId);
+                }
             };
         /**
          * @param {?} event
@@ -3150,49 +3165,6 @@
             function () {
                 return this.selectedUser === null || this.shareCases.length === 0;
             };
-        /**
-         * @return {?}
-         */
-        ShareCaseComponent.prototype.isDisabledContinue = /**
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var isDisabled = true;
-                this.shareCases$.subscribe(( /**
-                 * @param {?} shareCases
-                 * @return {?}
-                 */function (shareCases) {
-                    var e_1, _a;
-                    try {
-                        for (var shareCases_1 = __values(shareCases), shareCases_1_1 = shareCases_1.next(); !shareCases_1_1.done; shareCases_1_1 = shareCases_1.next()) {
-                            var caseState = shareCases_1_1.value;
-                            if (caseState.pendingShares && caseState.pendingShares.length > 0) {
-                                isDisabled = false;
-                                break;
-                            }
-                            if (caseState.pendingUnshares && caseState.pendingUnshares.length > 0) {
-                                isDisabled = false;
-                                break;
-                            }
-                        }
-                    }
-                    catch (e_1_1) {
-                        e_1 = { error: e_1_1 };
-                    }
-                    finally {
-                        try {
-                            if (shareCases_1_1 && !shareCases_1_1.done && (_a = shareCases_1.return))
-                                _a.call(shareCases_1);
-                        }
-                        finally {
-                            if (e_1)
-                                throw e_1.error;
-                        }
-                    }
-                }));
-                return isDisabled;
-            };
         /**
          * @param {?} sharedCase
          * @return {?}
@@ -3202,7 +3174,7 @@
          * @return {?}
          */
             function (sharedCase) {
-                var e_2, _a;
+                var e_1, _a;
                 if (sharedCase !== null) {
                     /** @type {?} */
                     var updated = [];
@@ -3214,8 +3186,8 @@
                             }
                         }
                     }
-                    catch (e_2_1) {
-                        e_2 = { error: e_2_1 };
+                    catch (e_1_1) {
+                        e_1 = { error: e_1_1 };
                     }
                     finally {
                         try {
@@ -3223,8 +3195,8 @@
                                 _a.call(_b);
                         }
                         finally {
-                            if (e_2)
-                                throw e_2.error;
+                            if (e_1)
+                                throw e_1.error;
                         }
                     }
                     this.shareCases = updated;
@@ -3234,7 +3206,7 @@
         ShareCaseComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-share-case',
-                        template: "<div id=\"add-user\">\n  <div class=\"govuk-form-group\">\n    <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"add-user-input\">{{addUserLabel}}</label>\n    <span id=\"add-user-hint\" class=\"govuk-hint\">\n      Search by name or email address. You can share access with as many people as you need.\n    </span>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <xuilib-user-select\n          id=\"add-user-input\"\n          aria-describedby=\"add-user-hint\"\n          [users]=\"users\"\n          (selected)=\"onSelectedUser($event)\">\n        </xuilib-user-select>\n      </div>\n      <div class=\"govuk-grid-column-one-thirds\">\n        <button id=\"btn-add-user\" (click)=\"addUser()\" class=\"govuk-button\" [disabled]=\"isDisabledAdd()\" title=\"Add user to selected cases\">Add</button>\n      </div>\n    </div>\n    <details id=\"add-user-help\" class=\"govuk-details\" data-module=\"govuk-details\">\n      <summary class=\"govuk-details__summary\">\n      <span id=\"content-why-can-not-find-email\" class=\"govuk-details__summary-text\">\n        Can't find an email address?\n      </span>\n      </summary>\n      <div id=\"content-reason-can-not-find-email\" class=\"govuk-details__text\">\n        If you can't find your colleague's email address, they will need to complete their registration. Contact your\n        administrator for help.\n      </div>\n    </details>\n  </div>\n  <div class=\"govuk-form-group\" *ngIf=\"showRemoveUsers\">\n    <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"remove-user-input\">Remove a person from all cases</label>\n    <span id=\"remove-user-hint\" class=\"govuk-hint\">\n      Select a person to remove them from all selected cases.\n    </span>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <select class=\"govuk-select\" id=\"remove-user-input\" aria-describedby=\"remove-user-hint\">\n          <option value=\"{{user}}\" *ngFor=\"let user of users\">{{user.email}}</option>\n        </select>\n      </div>\n      <div class=\"govuk-grid-column-one-thirds\">\n        <button id=\"btn-remove-user\" class=\"govuk-button\" title=\"Remove user from selected cases\">Remove</button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div id=\"cases\">\n  <h3 id=\"title-selected-cases\" class=\"govuk-heading-m\">Selected cases</h3>\n  <div *ngIf=\"shareCases && shareCases.length > 0\"  class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-with-summary-sections\">\n    <xuilib-selected-case-list\n      [shareCases$]=\"shareCases$\"\n      [removeUserFromCaseToggleOn]=\"removeUserFromCaseToggleOn\"\n      (unselect)=\"onUnselect($event)\"\n      (synchronizeStore)=\"onSynchronizeStore($event)\"\n    >\n    </xuilib-selected-case-list>\n  </div>\n\n  <div id=\"noCaseDisplay\" *ngIf=\"shareCases && shareCases.length === 0\" class=\"govuk-hint\">\n    No cases to display.\n  </div>\n\n</div>\n\n<div id=\"share-case-nav\" class=\"govuk-button-group\">\n  <button class=\"govuk-button\" data-module=\"govuk-button\" [disabled]=\"isDisabledContinue()\" title=\"Continue\" [routerLink]=\"confirmLink\">Continue</button>\n  <button class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\" title=\"Cancel\">Cancel</button>\n</div>\n",
+                        template: "<xuilib-hmcts-error-summary\n  [errorMessages]=\"validationErrors\"\n  [header]=\"'There is a problem'\"\n></xuilib-hmcts-error-summary>\n<h1 *ngIf=\"title\" class=\"govuk-heading-xl govuk-!-margin-top-2\">\n  <span *ngIf=\"fnTitle\" class=\"govuk-caption-xl\">{{fnTitle}}</span>\n  {{title}}\n</h1>\n<div id=\"add-user\">\n  <div class=\"govuk-form-group\">\n    <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"add-user-input\">{{addUserLabel}}</label>\n    <span id=\"add-user-hint\" class=\"govuk-hint\">\n      Search by name or email address. You can share access with as many people as you need.\n    </span>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <xuilib-user-select\n          id=\"add-user-input\"\n          aria-describedby=\"add-user-hint\"\n          [users]=\"users\"\n          (selected)=\"onSelectedUser($event)\">\n        </xuilib-user-select>\n      </div>\n      <div class=\"govuk-grid-column-one-thirds\">\n        <button id=\"btn-add-user\" (click)=\"addUser()\" class=\"govuk-button govuk-button--secondary\" [disabled]=\"isDisabledAdd()\" title=\"Add user to selected cases\">Add</button>\n      </div>\n    </div>\n    <details id=\"add-user-help\" class=\"govuk-details\" data-module=\"govuk-details\">\n      <summary class=\"govuk-details__summary\">\n      <span id=\"content-why-can-not-find-email\" class=\"govuk-details__summary-text\">\n        Can't find an email address?\n      </span>\n      </summary>\n      <div id=\"content-reason-can-not-find-email\" class=\"govuk-details__text\">\n        If you can't find your colleague's email address, they will need to complete their registration. Contact your\n        administrator for help.\n      </div>\n    </details>\n  </div>\n  <div class=\"govuk-form-group\" *ngIf=\"showRemoveUsers\">\n    <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"remove-user-input\">Remove a person from all cases</label>\n    <span id=\"remove-user-hint\" class=\"govuk-hint\">\n      Select a person to remove them from all selected cases.\n    </span>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <select class=\"govuk-select\" id=\"remove-user-input\" aria-describedby=\"remove-user-hint\">\n          <option value=\"{{user}}\" *ngFor=\"let user of users\">{{user.email}}</option>\n        </select>\n      </div>\n      <div class=\"govuk-grid-column-one-thirds\">\n        <button id=\"btn-remove-user\" class=\"govuk-button govuk-button--secondary\" title=\"Remove user from selected cases\">Remove</button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div id=\"cases\" [ngClass]=\"{'govuk-form-group--error': shareCaseErrorMessage.length > 0}\">\n  <p class=\"govuk-error-message\" *ngIf=\"validationErrors.length > 0\">\n    <span class=\"govuk-visually-hidden\">Error:</span>{{shareCaseErrorMessage}}\n  </p>\n  <h3 id=\"title-selected-cases\" class=\"govuk-heading-m\">Selected cases</h3>\n  <div *ngIf=\"shareCases && shareCases.length > 0\"  class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-with-summary-sections\">\n    <xuilib-selected-case-list\n      [shareCases$]=\"shareCases$\"\n      [removeUserFromCaseToggleOn]=\"removeUserFromCaseToggleOn\"\n      (unselect)=\"onUnselect($event)\"\n      (synchronizeStore)=\"onSynchronizeStore($event)\"\n    >\n    </xuilib-selected-case-list>\n  </div>\n\n  <div id=\"noCaseDisplay\" *ngIf=\"shareCases && shareCases.length === 0\" class=\"govuk-hint\">\n    No cases to display.\n  </div>\n\n</div>\n\n<div id=\"share-case-nav\" class=\"govuk-button-group\">\n  <button class=\"govuk-button\" data-module=\"govuk-button\" title=\"Continue\" [routerLink]=\"confirmLink\">Continue</button>\n  <button class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\" title=\"Cancel\">Cancel</button>\n</div>\n",
                         styles: ["select{width:100%}"]
                     }] }
         ];
@@ -3251,6 +3223,8 @@
             confirmLink: [{ type: i0.Input }],
             addUserLabel: [{ type: i0.Input }],
             showRemoveUsers: [{ type: i0.Input }],
+            fnTitle: [{ type: i0.Input }],
+            title: [{ type: i0.Input }],
             unselect: [{ type: i0.Output }],
             synchronizeStore: [{ type: i0.Output }],
             userSelect: [{ type: i0.ViewChild, args: [UserSelectComponent,] }]
@@ -3857,6 +3831,12 @@
         return RadioFilterFieldConfig;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/models/index.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/services/locations/location.service.ts
@@ -7848,6 +7828,7 @@
     exports.dateValidator = dateValidator;
     exports.radioGroupValidator = radioGroupValidator;
     exports.HmctsSubNavigationComponent = HmctsSubNavigationComponent;
+    exports.SharedCaseErrorMessages = SharedCaseErrorMessages;
     exports.BadgeColour = BadgeColour;
     exports.DateBadgeColour = DateBadgeColour;
     exports.SECONDS_IN_A_DAY = SECONDS_IN_A_DAY;