nuxeo-development-framework 3.9.9 → 4.0.1

package/bundles/nuxeo-development-framework.umd.js

@@ -29095,12 +29095,17 @@
       SocketService.prototype._prepareConnection = function () {
           var _this = this;
           var _a;
-          var socket = new WebSocket((_a = this._environment) === null || _a === void 0 ? void 0 : _a.socketUrl);
-          socket.onopen = function (event) { return _this._handleSocketConnection(true, event); };
-          socket.onclose = function (event) { return _this._handleSocketConnection(false, event); };
-          socket.onerror = function (event) { return _this._handleSocketError(event); };
-          socket.onmessage = function (event) { return _this._handleSocketMessage(event); };
-          this._socket = socket;
+          try {
+              var socket = new WebSocket((_a = this._environment) === null || _a === void 0 ? void 0 : _a.socketUrl);
+              socket.onopen = function (event) { return _this._handleSocketConnection(true, event); };
+              socket.onclose = function (event) { return _this._handleSocketConnection(false, event); };
+              socket.onerror = function (event) { return _this._handleSocketError(event); };
+              socket.onmessage = function (event) { return _this._handleSocketMessage(event); };
+              this._socket = socket;
+          }
+          catch (error) {
+              this._handleSocketError(error);
+          }
       };
       SocketService.prototype.ngOnDestroy = function () {
           this._destroy$.next();
@@ -29143,23 +29148,24 @@
        */
       function NotificationsService(_environment, _nuxeoService, _callApi, _http) {
           var _this = this;
-          var _a, _b;
+          var _a, _b, _c;
           _this = _super.call(this, _environment, _nuxeoService) || this;
           _this._environment = _environment;
           _this._nuxeoService = _nuxeoService;
           _this._callApi = _callApi;
           _this._http = _http;
           _this.listenerObserver = new rxjs.Subject();
-          // this._nuxeoService.init().then((client) => {
-          if ((_b = (_a = _this._nuxeoService.nuxeoClient) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id) {
+          if (((_b = (_a = _this._nuxeoService.nuxeoClient) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id) && ((_c = _this._environment) === null || _c === void 0 ? void 0 : _c.socketUrl)) {
               _this.socketConnect()
-                  .pipe(operators.switchMap(function () { return _this.onMessage$; }), operators.takeUntil(_this._destroy$))
+                  .pipe(operators.switchMap(function () { return _this.onMessage$; }), operators.catchError(function (error) {
+                  console.log(error);
+                  return rxjs.throwError(function () { return error; });
+              }), operators.takeUntil(_this._destroy$))
                   .subscribe(function (res) {
                   _this.listenerObserver.next(res);
               });
           }
           return _this;
-          // });
       }
       Object.defineProperty(NotificationsService.prototype, "_tenantId", {
           get: function () {
@@ -29238,7 +29244,7 @@
       NotificationsService.prototype.getDefinitions = function (payload) {
           if (payload === void 0) { payload = {}; }
           return this._callApi
-              .query(Object.assign({ pageProvider: NotificationsService.providers.definition, notfnotificationdef_applicationKey: this._appKey, pageSize: 1000 }, payload), {
+              .query(Object.assign({ pageProvider: NotificationsService.providers.definition, notfnotificationdef_applicationKey: this._appKey, pageSize: Number.MAX_SAFE_INTEGER, notfnotificationdef_isActive: true }, payload), {
               headers: {
                   properties: '*',
               },
@@ -29248,7 +29254,7 @@
       NotificationsService.prototype.getSubscriptions = function (payload) {
           if (payload === void 0) { payload = {}; }
           return this._callApi
-              .query(Object.assign({ pageProvider: NotificationsService.providers.subscription, notfsubscription_companyName: this._tenantId, notfsubscription_applicationKey: this._appKey, pageSize: 1000 }, payload), {
+              .query(Object.assign({ pageProvider: NotificationsService.providers.subscription, notfsubscription_companyName: this._tenantId, notfsubscription_applicationKey: this._appKey, pageSize: Number.MAX_SAFE_INTEGER }, payload), {
               headers: {
                   properties: '*',
               },
@@ -29422,7 +29428,7 @@
       return NotificationItemComponent;
   }(DestroySubject));
   NotificationItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NotificationItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationItemComponent, selector: "app-notification-item", inputs: { iconOptions: "iconOptions", currentLang: "currentLang", notification: "notification" }, outputs: { markAsUnread: "markAsUnread", markAsRead: "markAsRead", markAsDeleted: "markAsDeleted" }, usesInheritance: true, ngImport: i0__namespace, template: "<div\r\n  *ngIf=\"notification?.properties as properties\"\r\n  class=\"notification-item\"\r\n  [class.new-item]=\"properties['notif_cnt:status'] == status.new\"\r\n  [class.unread-item]=\"properties['notif_cnt:status'] == status.unRead\"\r\n>\r\n  <div class=\"notification-item__icon\">\r\n    <div class=\"notification-item__icon__wrapper\" *ngIf=\"iconOptions?.active\">\r\n      <i [class]=\"notification | getIcon : iconOptions\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"notification-item__content\">\r\n    <p class=\"notification-item__message line-clamp-2\">\r\n      {{\r\n        currentLang === 'ar-AR'\r\n          ? properties['notif_cnt:arMessage']\r\n          : properties['notif_cnt:enMessage']\r\n      }}\r\n    </p>\r\n    <button\r\n      class=\"mat-icon-button\"\r\n      [matMenuTriggerFor]=\"appMenu\"\r\n      mat-icon-button\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      <mat-icon class=\"mat-24\">more_horiz</mat-icon>\r\n    </button>\r\n    <span class=\"notification-item__date\">{{\r\n      properties['dc:created'] | timeAgo : currentLang\r\n    }}</span>\r\n  </div>\r\n\r\n  <mat-menu class=\"notification-item__actions\" #appMenu=\"matMenu\">\r\n    <span (click)=\"closeMenu($event, appMenu)\">\r\n      <button\r\n        *ngIf=\"properties['notif_cnt:status'] == status.read\"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsUnread.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsUnread' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          properties['notif_cnt:status'] == status.new ||\r\n          properties['notif_cnt:status'] == status.unRead\r\n        \"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsRead.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsRead' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        mat-menu-item\r\n        (click)=\"markAsDeleted.emit(notification)\"\r\n        class=\"notification-item__actions__item\"\r\n      >\r\n        <span>{{ 'notifications.delete' | translate }}</span>\r\n      </button>\r\n    </span>\r\n  </mat-menu>\r\n</div>\r\n", styles: [".notification-item{display:var(--n-item-display, grid);grid-template-columns:var(--n-item-columns, auto 1fr);grid-gap:var(--n-item-gap, .5rem);gap:var(--n-item-gap, .5rem);padding:var(--n-items-padding, .5rem 1rem);border:var(--n-item-border, solid #eee);border-width:var(--n-item-border-width, 0 0 1px 0);background:var(--n-item-background, transparent);min-height:var(--n-item-height, 85px)}.notification-item.new-item{--n-item-background: var(--n-status-new-color, #fcfcfc)}.notification-item.unread-item{--n-item-background: var(--n-status-unread-color, #fcfcfc)}.notification-item__icon{display:var(--n-item-icon-display, flex);align-items:var(--n-item-icon-align-items, center)}.notification-item__icon__wrapper{width:var(--n-item-icon-width, 56px);height:var(--n-item-icon-height, 56px);background:var(--n-item-icon-background, rgba(0, 0, 0, .025));color:var(--n-item-icon-color, #636363);font-size:var(--n-item-icon-size, 1.5rem);border-radius:var(--n-item-icon-radius, 50%);display:grid;place-items:center}.notification-item__content{display:var(--n-item-content-display, grid);grid-template-columns:var(--n-item-content-columns, 1fr auto);grid-gap:var(--n-item-gap, .2rem);gap:var(--n-item-gap, .2rem)}.notification-item__message{margin-bottom:0;font-size:var(--n-item-font-size, .9rem);color:var(--n-item-message-color)}.notification-item__date{font-size:var(--n-item-date-size, .8rem);text-align:var(--n-item-date-align, end);grid-column:var(--n-item-date-column, span 2);padding:var(--n-item-date-padding, 0 11px);color:var(--n-item-date-color)}.notification-item__actions{border-radius:var(--n-actions-radius, 4px);background:var(--n-actions-background, #fff);box-shadow:var(--n-actions-shadow, 0px 1px 4px -1px rgba(28, 52, 84, .26))}.notification-item__actions .mat-menu-content:not(:empty){padding:var(--n-actions--menu-padding, .5rem)}.notification-item__actions__item{text-align:var(--action-item-align, start)!important;background:var(--action-item-background, transparent)!important;color:var(--action-item-color, #28282d);padding:var(--action-item-padding, .4rem);height:var(--action-item-height, 38px);line-height:var(--action-item-line, 38px);border-radius:var(--action-item-radius, 4px);font-size:var(--action-item-size, 14px)}.notification-item__actions__item:hover{--action-item-background: var(--action-hover-background, #e6f7ff);--action-item-color: var(--action-hover-color, #005fdb)}\n"], components: [{ type: i1__namespace$8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3__namespace$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3__namespace$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], pipes: { "getIcon": GetIconPipe, "timeAgo": TimeAgoPipe, "translate": i1__namespace$1.TranslatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  NotificationItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationItemComponent, selector: "app-notification-item", inputs: { iconOptions: "iconOptions", currentLang: "currentLang", notification: "notification" }, outputs: { markAsUnread: "markAsUnread", markAsRead: "markAsRead", markAsDeleted: "markAsDeleted" }, usesInheritance: true, ngImport: i0__namespace, template: "<div\r\n  *ngIf=\"notification?.properties as properties\"\r\n  class=\"notification-item\"\r\n  [class.new-item]=\"properties['notif_cnt:status'] == status.new\"\r\n  [class.unread-item]=\"properties['notif_cnt:status'] == status.unRead\"\r\n>\r\n  <div class=\"notification-item__icon\">\r\n    <div class=\"notification-item__icon__wrapper\" *ngIf=\"iconOptions?.active\">\r\n      <i [class]=\"notification | getIcon : iconOptions\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"notification-item__content\">\r\n    <p class=\"notification-item__message line-clamp-2\">\r\n      {{\r\n        currentLang === 'ar-AR'\r\n          ? properties['notif_cnt:arMessage']\r\n          : properties['notif_cnt:enMessage']\r\n      }}\r\n    </p>\r\n    <button\r\n      class=\"mat-icon-button\"\r\n      [matMenuTriggerFor]=\"appMenu\"\r\n      mat-icon-button\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      <mat-icon class=\"mat-24\">more_horiz</mat-icon>\r\n    </button>\r\n    <span class=\"notification-item__date\">{{\r\n      properties['dc:created'] | timeAgo : currentLang\r\n    }}</span>\r\n  </div>\r\n\r\n  <mat-menu class=\"notification-item__actions\" #appMenu=\"matMenu\">\r\n    <span (click)=\"closeMenu($event, appMenu)\">\r\n      <button\r\n        *ngIf=\"properties['notif_cnt:status'] == status.read\"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsUnread.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsUnread' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          properties['notif_cnt:status'] == status.new ||\r\n          properties['notif_cnt:status'] == status.unRead\r\n        \"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsRead.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsRead' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        mat-menu-item\r\n        (click)=\"markAsDeleted.emit(notification)\"\r\n        class=\"notification-item__actions__item\"\r\n      >\r\n        <span>{{ 'notifications.delete' | translate }}</span>\r\n      </button>\r\n    </span>\r\n  </mat-menu>\r\n</div>\r\n", styles: [".notification-item{display:var(--n-item-display, grid);grid-template-columns:var(--n-item-columns, auto 1fr);grid-gap:var(--n-item-gap, .5rem);gap:var(--n-item-gap, .5rem);padding:var(--n-items-padding, .5rem 1rem);border:var(--n-item-border, solid #eee);border-width:var(--n-item-border-width, 0 0 1px 0);background:var(--n-item-background, transparent);min-height:var(--n-item-height, 85px);position:relative}.notification-item.new-item{--n-item-background: var(--n-status-new-color, #ecf8fe)}.notification-item.unread-item{--n-item-background: var(--n-status-unread-color, #ecf8fe)}.notification-item.unread-item:before{content:\"\";position:absolute;inset-inline-start:var(--n-item-unread-inline, 6px);inset-block-start:var(--n-item-unread-block, 6px);width:var(--n-item-unread-width, 8px);height:var(--n-item-unread-height, 8px);background:var(--n-item-unread-background, #39559d);border-radius:50%}.notification-item__icon{display:var(--n-item-icon-display, flex);align-items:var(--n-item-icon-align-items, center)}.notification-item__icon__wrapper{width:var(--n-item-icon-width, 56px);height:var(--n-item-icon-height, 56px);background:var(--n-item-icon-background, rgba(0, 0, 0, .025));color:var(--n-item-icon-color, #636363);font-size:var(--n-item-icon-size, 1.5rem);border-radius:var(--n-item-icon-radius, 50%);display:grid;place-items:center}.notification-item__content{display:var(--n-item-content-display, grid);grid-template-columns:var(--n-item-content-columns, 1fr auto);grid-gap:var(--n-item-gap, .2rem);gap:var(--n-item-gap, .2rem)}.notification-item__message{margin-bottom:0;font-size:var(--n-item-font-size, .9rem);color:var(--n-item-message-color)}.notification-item__date{font-size:var(--n-item-date-size, .8rem);text-align:var(--n-item-date-align, end);grid-column:var(--n-item-date-column, span 2);padding:var(--n-item-date-padding, 0 11px);color:var(--n-item-date-color)}.notification-item__actions{border-radius:var(--n-actions-radius, 4px);background:var(--n-actions-background, #fff);box-shadow:var(--n-actions-shadow, 0px 1px 4px -1px rgba(28, 52, 84, .26))}.notification-item__actions .mat-menu-content:not(:empty){padding:var(--n-actions--menu-padding, .5rem)}.notification-item__actions__item{text-align:var(--action-item-align, start)!important;background:var(--action-item-background, transparent)!important;color:var(--action-item-color, #28282d);padding:var(--action-item-padding, .4rem);height:var(--action-item-height, 38px);line-height:var(--action-item-line, 38px);border-radius:var(--action-item-radius, 4px);font-size:var(--action-item-size, 14px)}.notification-item__actions__item:hover{--action-item-background: var(--action-hover-background, #e6f7ff);--action-item-color: var(--action-hover-color, #005fdb)}\n"], components: [{ type: i1__namespace$8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3__namespace$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3__namespace$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], pipes: { "getIcon": GetIconPipe, "timeAgo": TimeAgoPipe, "translate": i1__namespace$1.TranslatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -30221,31 +30227,14 @@
           _this.openSettings = new i0.EventEmitter();
           _this.openNotifications = new i0.EventEmitter();
           _this.onNotification = new i0.EventEmitter();
-          _this.newNotificationCount$ = _this._getCountSub
-              .asObservable()
-              .pipe(operators.map(function (count) { return (count >= 100 ? '99+' : count); }));
+          _this.newNotificationCount$ = _this._getCountSub.asObservable();
           _this.panelMode = PANEL_MODE.sidebar;
           _this.panelModeEnum = PANEL_MODE;
           if (_options === null || _options === void 0 ? void 0 : _options.panelMode) {
               _this.panelMode = _options.panelMode;
           }
-          _this.notificationsService.listenerObserver
-              .pipe(operators.switchMap(function (res) {
-              var isAr = _this._translationService.isArabic.getValue();
-              return _this._toasterService
-                  .showToast({
-                  type: 'info',
-                  title: 'notifications.newNotification',
-                  customContent: isAr ? res.arabicMessage : res.englishMessage,
-              })
-                  .onTap.pipe(operators.map(function () { return res; }));
-          }), operators.takeUntil(_this.destroy$))
-              .subscribe(function (res) {
-              _this.refreshUnreadCount();
-              if (res === null || res === void 0 ? void 0 : res.clickable) {
-                  _this.onNotification.emit(res);
-              }
-          });
+          _this._socketListener();
+          _this.refreshUnreadCount();
           return _this;
       }
       NotificationsButtonComponent.prototype.hideBadgeCount = function () {
@@ -30275,6 +30264,26 @@
               _this._cdr.detectChanges();
           });
       };
+      NotificationsButtonComponent.prototype._socketListener = function () {
+          var _this = this;
+          this.notificationsService.listenerObserver
+              .pipe(operators.switchMap(function (res) {
+              var isAr = _this._translationService.isArabic.getValue();
+              return _this._toasterService
+                  .showToast({
+                  type: 'info',
+                  title: 'notifications.newNotification',
+                  customContent: isAr ? res.arabicMessage : res.englishMessage,
+              })
+                  .onTap.pipe(operators.map(function () { return res; }));
+          }), operators.takeUntil(this.destroy$))
+              .subscribe(function (res) {
+              _this.refreshUnreadCount();
+              if (res === null || res === void 0 ? void 0 : res.clickable) {
+                  _this.onNotification.emit(res);
+              }
+          });
+      };
       return NotificationsButtonComponent;
   }(BaseNotification));
   NotificationsButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsButtonComponent, deps: [{ token: i0__namespace.Injector }, { token: TranslationService }, { token: CustomToastrService }, { token: i0__namespace.ChangeDetectorRef }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -30436,7 +30445,7 @@
           sourceType: _properties['notf_nt:sourceTypee'],
           isActive: _properties['notif_def:isActive'],
           autoSubscription: _properties['notif_def:autoSubscription'],
-          sendByDefault: _properties['notif_def:sendByDefault'],
+          sentByDefault: _properties['notif_def:sentByDefault'],
           applicationKey: _properties['notif_def:applicationKey'],
           channel: _properties['notif_def:channel'],
           title: definition.title,
@@ -30471,10 +30480,11 @@
                   sub.applicationKey == definition.applicationKey &&
                   sub.notificationKey == definition.notificationKey);
           });
-          if (_subscription) {
+          if (_subscription &&
+              Object.values(SUBSCRIPTION_STATE).includes(_subscription === null || _subscription === void 0 ? void 0 : _subscription.state)) {
               return _subscription.state === SUBSCRIPTION_STATE.subscribed;
           }
-          return false;
+          return !!(definition === null || definition === void 0 ? void 0 : definition.sentByDefault);
       };
       return CheckIfSubscribedPipe;
   }());