@everymatrix/nuts-inbox-widget 1.56.0 → 1.56.2

package/dist/cjs/nuts-inbox-widget_3.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5e13b80a.js');
+const index = require('./index-c16396a3.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['hu', 'en'];
@@ -4234,33 +4234,6 @@ const NutsInboxWidget = class {
         index.registerInstance(this, hostRef);
         this.notificationFeed = index.createEvent(this, "notificationFeed", 7);
         this.newNotification = index.createEvent(this, "newNotification", 7);
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * Environment on which the widget is used (possible values: `stage`, `prod`)
-         */
-        this.environment = 'stage';
-        /**
-         * Client custom styling via inline styles
-         */
-        this.clientStyling = '';
-        /**
-         * Position of the widget (possible values: `left` and `right`) - this changes the `justify-content` property of the `.BellIconWrapper` class
-         */
-        this.bellIconPosition = 'left';
-        /**
-         * Clicking on the notification will automatically redirect you to the redirectURL attached to the notification (`default` behaviour). It can be changed to `postMessage` and instead of the redirect it will emit a postMessage with the redirectURL and the parent website can take actions
-         */
-        this.notificationAction = 'default';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.isLoading = false;
-        this.popoverVisible = false;
-        this.limitStylingAppends = false;
         this.token = null;
         this.baseUrl = `${this.backendUrl}/v1/${this.operatorId}`;
         this.initializeSessionBody = {
@@ -4301,6 +4274,25 @@ const NutsInboxWidget = class {
         this.assignRefToBell = (ref) => {
             this.bellIconRef = ref;
         };
+        this.backendUrl = undefined;
+        this.socketUrl = undefined;
+        this.userId = undefined;
+        this.sessionId = undefined;
+        this.operatorId = undefined;
+        this.subscriberId = undefined;
+        this.deviceId = undefined;
+        this.language = 'en';
+        this.environment = 'stage';
+        this.applicationIdentifier = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = undefined;
+        this.bellIconPosition = 'left';
+        this.notificationAction = 'default';
+        this.translationUrl = '';
+        this.isLoading = false;
+        this.popoverVisible = false;
+        this.unseenCount = undefined;
+        this.limitStylingAppends = false;
     }
     initializeHandler(newValue, oldValue) {
         if (newValue !== oldValue) {
@@ -40697,18 +40689,6 @@ const NutsNotification = class {
         index.registerInstance(this, hostRef);
         this.messageDeteled = index.createEvent(this, "messageDeleted", 7);
         this.settingsOpened = index.createEvent(this, "settingsOpened", 7);
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        /**
-         * Clienty styling passed as a string
-         */
-        this.clientStyling = '';
-        this.showSettingsModal = false;
-        this.messageSeen = false;
-        this.messageRead = false;
-        this.limitStylingAppends = false;
         this.toggleSettingsModal = (e) => {
             e.stopImmediatePropagation();
             this.showSettingsModal = !this.showSettingsModal;
@@ -40797,6 +40777,30 @@ const NutsNotification = class {
         this.assignRefToDropdownArrow = (ref) => {
             this.dropdownArrowRef = ref;
         };
+        this.badge = undefined;
+        this.content = undefined;
+        this.date = undefined;
+        this.showSettings = undefined;
+        this.read = undefined;
+        this.seen = undefined;
+        this.language = undefined;
+        this.sessionId = undefined;
+        this.subscriberId = undefined;
+        this.userId = undefined;
+        this.messageId = undefined;
+        this.operatorId = undefined;
+        this.token = undefined;
+        this.backendUrl = undefined;
+        this.redirectUrl = undefined;
+        this.notificationAction = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.clientStyling = '';
+        this.showSettingsModal = false;
+        this.messageSeen = false;
+        this.messageRead = false;
+        this.displayedContent = undefined;
+        this.limitStylingAppends = false;
     }
     allNotificationsReadHandler() {
         this.messageSeen = true;
@@ -40862,17 +40866,6 @@ const NutsPopover = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.allNotificationsRead = index.createEvent(this, "allNotificationsRead", 7);
-        /**
-         * Custom styling string
-         */
-        this.clientStyling = '';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.isLoading = true;
-        this.showMarkAll = false;
-        this.limitStylingAppends = false;
         this.currentPage = 0;
         this.updateNotificationsDataAfterPageChange = (getNotificationsData) => {
             this.isLoading = getNotificationsData.isLoading;
@@ -40928,6 +40921,21 @@ const NutsPopover = class {
         this.assignRefToStylingContainer = (ref) => {
             this.stylingContainer = ref;
         };
+        this.language = undefined;
+        this.userId = undefined;
+        this.operatorId = undefined;
+        this.token = undefined;
+        this.sessionId = undefined;
+        this.backendUrl = undefined;
+        this.unseenCount = undefined;
+        this.clientStylingUrl = undefined;
+        this.notificationAction = undefined;
+        this.clientStyling = '';
+        this.translationUrl = '';
+        this.notifications = undefined;
+        this.isLoading = true;
+        this.showMarkAll = false;
+        this.limitStylingAppends = false;
     }
     messageDeteledHandler(event) {
         this.notifications = this.notifications.filter((item) => {

package/dist/collection/collection-manifest.json

@@ -6,8 +6,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.26.0",
-    "typescriptVersion": "5.5.4"
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/nuts-inbox-widget/nuts-inbox-widget.js

@@ -4,33 +4,6 @@ import { io } from "socket.io-client";
 import { initializeSession } from "../../api/methods";
 export class NutsInboxWidget {
     constructor() {
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * Environment on which the widget is used (possible values: `stage`, `prod`)
-         */
-        this.environment = 'stage';
-        /**
-         * Client custom styling via inline styles
-         */
-        this.clientStyling = '';
-        /**
-         * Position of the widget (possible values: `left` and `right`) - this changes the `justify-content` property of the `.BellIconWrapper` class
-         */
-        this.bellIconPosition = 'left';
-        /**
-         * Clicking on the notification will automatically redirect you to the redirectURL attached to the notification (`default` behaviour). It can be changed to `postMessage` and instead of the redirect it will emit a postMessage with the redirectURL and the parent website can take actions
-         */
-        this.notificationAction = 'default';
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        this.isLoading = false;
-        this.popoverVisible = false;
-        this.limitStylingAppends = false;
         this.token = null;
         this.baseUrl = `${this.backendUrl}/v1/${this.operatorId}`;
         this.initializeSessionBody = {
@@ -71,6 +44,25 @@ export class NutsInboxWidget {
         this.assignRefToBell = (ref) => {
             this.bellIconRef = ref;
         };
+        this.backendUrl = undefined;
+        this.socketUrl = undefined;
+        this.userId = undefined;
+        this.sessionId = undefined;
+        this.operatorId = undefined;
+        this.subscriberId = undefined;
+        this.deviceId = undefined;
+        this.language = 'en';
+        this.environment = 'stage';
+        this.applicationIdentifier = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = undefined;
+        this.bellIconPosition = 'left';
+        this.notificationAction = 'default';
+        this.translationUrl = '';
+        this.isLoading = false;
+        this.popoverVisible = false;
+        this.unseenCount = undefined;
+        this.limitStylingAppends = false;
     }
     initializeHandler(newValue, oldValue) {
         if (newValue !== oldValue) {
@@ -214,8 +206,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "HTTP Endpoint URL for NuTS"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "backend-url",
                 "reflect": true
             },
@@ -233,8 +223,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Socket Endpoint URL for NuTS"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "socket-url",
                 "reflect": true
             },
@@ -252,8 +240,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "The ID of the user"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "user-id",
                 "reflect": true
             },
@@ -271,8 +257,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "The sessionID of the user"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "session-id",
                 "reflect": true
             },
@@ -290,8 +274,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "The operatorID on which we can find the user"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "operator-id",
                 "reflect": true
             },
@@ -309,8 +291,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "The subscriberID"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "subscriber-id",
                 "reflect": true
             },
@@ -328,8 +308,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "The deviceID from which the user access the website"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "device-id",
                 "reflect": true
             },
@@ -347,8 +325,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Language of the widget"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -367,8 +343,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Environment on which the widget is used (possible values: `stage`, `prod`)"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "environment",
                 "reflect": true,
                 "defaultValue": "'stage'"
@@ -387,8 +361,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Novu application identifier"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "application-identifier",
                 "reflect": true
             },
@@ -406,8 +378,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Client custom styling via inline styles"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -426,8 +396,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Client styling url for a css file"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true
             },
@@ -445,8 +413,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Position of the widget (possible values: `left` and `right`) - this changes the `justify-content` property of the `.BellIconWrapper` class"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "bell-icon-position",
                 "reflect": true,
                 "defaultValue": "'left'"
@@ -465,8 +431,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Clicking on the notification will automatically redirect you to the redirectURL attached to the notification (`default` behaviour). It can be changed to `postMessage` and instead of the redirect it will emit a postMessage with the redirectURL and the parent website can take actions"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "notification-action",
                 "reflect": true,
                 "defaultValue": "'default'"
@@ -485,8 +449,6 @@ export class NutsInboxWidget {
                     "tags": [],
                     "text": "Translations via URL"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/collection/components/nuts-notification/nuts-notification.js

@@ -49,18 +49,6 @@ const dateFnsLocale = (lang) => {
 };
 export class NutsNotification {
     constructor() {
-        /**
-         * Translations via URL
-         */
-        this.translationUrl = '';
-        /**
-         * Clienty styling passed as a string
-         */
-        this.clientStyling = '';
-        this.showSettingsModal = false;
-        this.messageSeen = false;
-        this.messageRead = false;
-        this.limitStylingAppends = false;
         this.toggleSettingsModal = (e) => {
             e.stopImmediatePropagation();
             this.showSettingsModal = !this.showSettingsModal;
@@ -149,6 +137,30 @@ export class NutsNotification {
         this.assignRefToDropdownArrow = (ref) => {
             this.dropdownArrowRef = ref;
         };
+        this.badge = undefined;
+        this.content = undefined;
+        this.date = undefined;
+        this.showSettings = undefined;
+        this.read = undefined;
+        this.seen = undefined;
+        this.language = undefined;
+        this.sessionId = undefined;
+        this.subscriberId = undefined;
+        this.userId = undefined;
+        this.messageId = undefined;
+        this.operatorId = undefined;
+        this.token = undefined;
+        this.backendUrl = undefined;
+        this.redirectUrl = undefined;
+        this.notificationAction = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.clientStyling = '';
+        this.showSettingsModal = false;
+        this.messageSeen = false;
+        this.messageRead = false;
+        this.displayedContent = undefined;
+        this.limitStylingAppends = false;
     }
     allNotificationsReadHandler() {
         this.messageSeen = true;
@@ -226,8 +238,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Src for badge / avatar"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "badge",
                 "reflect": true
             },
@@ -245,8 +255,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Text content of the notification"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "content",
                 "reflect": true
             },
@@ -264,8 +272,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Date of the notification"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "date",
                 "reflect": true
             },
@@ -283,8 +289,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Wether or not to show notification settings"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "show-settings",
                 "reflect": true
             },
@@ -302,8 +306,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Wether or not the item has been read"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "read",
                 "reflect": true
             },
@@ -321,8 +323,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Wether or not the item has been seen"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "seen",
                 "reflect": true
             },
@@ -340,8 +340,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Language code of the content"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -359,8 +357,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "The sessionID of the user"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "session-id",
                 "reflect": true
             },
@@ -378,8 +374,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "The subscriberID"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "subscriber-id",
                 "reflect": true
             },
@@ -397,8 +391,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Unique ID of the user who receives the notification"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "user-id",
                 "reflect": true
             },
@@ -416,8 +408,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Unique ID of the notification content"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "message-id",
                 "reflect": true
             },
@@ -435,8 +425,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Unique ID of the operator domain"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "operator-id",
                 "reflect": true
             },
@@ -454,8 +442,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Token used in authorization of notification transactions"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "token",
                 "reflect": true
             },
@@ -473,8 +459,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Endpoint for notification transactions"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "backend-url",
                 "reflect": true
             },
@@ -492,8 +476,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Redirect address in case of external url"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "redirect-url",
                 "reflect": true
             },
@@ -511,8 +493,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Determines notification behaviour onClick"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "notification-action",
                 "reflect": true
             },
@@ -530,8 +510,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Custom styling passed as a URL"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true
             },
@@ -549,8 +527,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Translations via URL"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -569,8 +545,6 @@ export class NutsNotification {
                     "tags": [],
                     "text": "Clienty styling passed as a string"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"