@apptegy/nuxt-navigation 0.1.105 → 0.1.107

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.1.105",
+  "version": "0.1.107",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

package/dist/runtime/components/Nav/Header.vue

@@ -74,7 +74,7 @@
               @update:active-filter-id="handleFilterChange"
               @clear-all="(payload) => $emit('notifications-clear-all', payload)"
               @dismiss="(payload) => $emit('notifications-dismiss', payload)"
-              @select="(payload) => $emit('notifications-select', payload)"
+              @select="handleNotificationSelect"
             />
           </Popover>
 
@@ -94,7 +94,7 @@
               @update:active-filter-id="handleFilterChange"
               @clear-all="(payload) => $emit('notifications-clear-all', payload)"
               @dismiss="(payload) => $emit('notifications-dismiss', payload)"
-              @select="(payload) => $emit('notifications-select', payload)"
+              @select="handleNotificationSelect"
               @close="closeNotificationsPanel"
             />
           </Teleport>
@@ -230,6 +230,9 @@ watch(
 );
 watch(panelOpen, (value) => {
   emit("update:notificationPanelOpen", value);
+  if (!value && !isMobilePanel.value) {
+    popoverRef.value?.hide();
+  }
 });
 watch(
   () => props.activeTabId,
@@ -270,6 +273,10 @@ function onPanelHide() {
 function closeNotificationsPanel() {
   panelOpen.value = false;
 }
+function handleNotificationSelect(payload) {
+  closeNotificationsPanel();
+  emit("notifications-select", payload);
+}
 function handleTabChange(id) {
   activeTabId.value = id;
   emit("update:activeTabId", id);

package/dist/runtime/types/notifications.d.ts

@@ -10,8 +10,8 @@ export interface INotificationApiRecord {
     source_record_type: string;
     title: string;
     summary?: string;
-    actors: INotificationApiActor[];
-    detail_link?: string;
+    actors?: INotificationApiActor[] | null;
+    detail_link?: string | null;
     notification_state: NotificationApiState | string;
     created_at: string;
 }

package/dist/runtime/utils/notification-api.js

@@ -20,7 +20,8 @@ export const DEFAULT_NOTIFICATION_TABS = [
   { id: "all", label: "All" }
 ];
 export function mapSourceRecordType(sourceRecordType) {
-  return SOURCE_RECORD_TYPE_MAP[sourceRecordType] ?? "unknown";
+  const normalizedSourceRecordType = sourceRecordType.replace(/([a-z0-9])([A-Z])/g, "$1_$2").toLowerCase();
+  return SOURCE_RECORD_TYPE_MAP[normalizedSourceRecordType] ?? "unknown";
 }
 export function mapNotificationApiActor(actor) {
   const name = [actor.first_name, actor.last_name].filter(Boolean).join(" ").trim();
@@ -34,14 +35,14 @@ export function mapNotificationApiRecord(record, options) {
   return {
     id: String(record.id),
     type: mapSourceRecordType(record.source_record_type),
-    actors: record.actors.map(mapNotificationApiActor),
+    actors: (record.actors ?? []).map(mapNotificationApiActor),
     actionText: record.title,
     timestampLabel: formatNotificationTimeAgo(record.created_at, {
       locale: options.locale,
       now: options.now,
       labels: {
         justNow: options.dateLabels.justNow,
-        yesterday: options.dateLabels.yesterdayTimeAgo
+        yesterdayTimeAgo: options.dateLabels.yesterdayTimeAgo
       }
     }),
     createdAt: record.created_at,
@@ -49,7 +50,7 @@ export function mapNotificationApiRecord(record, options) {
     dismissed: state === "dismissed",
     read: state === "read",
     unread: state === "unread",
-    href: record.detail_link
+    href: record.detail_link ?? void 0
   };
 }
 export function groupNotificationItems(items, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apptegy/nuxt-navigation",
-  "version": "0.1.105",
+  "version": "0.1.107",
   "type": "module",
   "exports": {
     ".": {