@apptegy/nuxt-navigation 0.1.111 → 0.1.113-test.0

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.1.111",
+  "version": "0.1.113-test.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

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

@@ -29,27 +29,7 @@ type __VLS_Slots = {} & {
 } & {
     notifications?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "selected-option": (...args: any[]) => void;
-    "user-logout": (...args: any[]) => void;
-    "update:notificationPanelOpen": (...args: any[]) => void;
-    "update:activeTabId": (...args: any[]) => void;
-    "update:activeFilterId": (...args: any[]) => void;
-    "notifications-clear-all": (...args: any[]) => void;
-    "notifications-dismiss": (...args: any[]) => void;
-    "notifications-select": (...args: any[]) => void;
-    "notification-click": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onSelected-option"?: ((...args: any[]) => any) | undefined;
-    "onUser-logout"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:notificationPanelOpen"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:activeTabId"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:activeFilterId"?: ((...args: any[]) => any) | undefined;
-    "onNotifications-clear-all"?: ((...args: any[]) => any) | undefined;
-    "onNotifications-dismiss"?: ((...args: any[]) => any) | undefined;
-    "onNotifications-select"?: ((...args: any[]) => any) | undefined;
-    "onNotification-click"?: ((...args: any[]) => any) | undefined;
-}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     showNotifications: boolean;
     notificationsResponse: INotificationsApiResponse | null;
     notificationsLoading: boolean;

package/dist/runtime/components/Nav/NotificationItem.vue.d.ts

@@ -3,10 +3,10 @@ type __VLS_Props = {
     item: INotificationItem;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (item: INotificationItem) => any;
     dismiss: (id: string) => any;
+    select: (item: INotificationItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((item: INotificationItem) => any) | undefined;
     onDismiss?: ((id: string) => any) | undefined;
+    onSelect?: ((item: INotificationItem) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/Nav/NotificationsPanel.vue.d.ts

@@ -8,11 +8,6 @@ type __VLS_Props = {
     mobile?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (payload: {
-        item: INotificationsPanelData["groups"][number]["notifications"][number];
-        tabId: string;
-        filterId: string;
-    }) => any;
     "update:activeTabId": (id: string) => any;
     "update:activeFilterId": (id: string) => any;
     "clear-all": (payload: {
@@ -25,13 +20,13 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {},
         tabId: string;
         filterId: string;
     }) => any;
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((payload: {
+    select: (payload: {
         item: INotificationsPanelData["groups"][number]["notifications"][number];
         tabId: string;
         filterId: string;
-    }) => any) | undefined;
+    }) => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:activeTabId"?: ((id: string) => any) | undefined;
     "onUpdate:activeFilterId"?: ((id: string) => any) | undefined;
     "onClear-all"?: ((payload: {
@@ -44,6 +39,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {},
         tabId: string;
         filterId: string;
     }) => any) | undefined;
+    onSelect?: ((payload: {
+        item: INotificationsPanelData["groups"][number]["notifications"][number];
+        tabId: string;
+        filterId: string;
+    }) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
     loading: boolean;

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

@@ -55,12 +55,12 @@
           <ul class="navbar-applications">
             <li v-for="application of applications" :key="application.id">
               <NavSidebarSection
-                  v-if="expanded || currentApplication === application.text || isMobile"
+                  v-if="expanded || isCurrentApplication(application) || isMobile"
                   :application="application"
-                  :active="currentApplication === application.text"
+                  :active="isCurrentApplication(application)"
                   :collapsed="!expanded && !isMobile"
                 >
-                  <slot v-if="currentApplication === application.text" />
+                  <slot v-if="isCurrentApplication(application)" />
                 </NavSidebarSection>
             </li>
           </ul>
@@ -94,6 +94,7 @@
 
 <script setup>
 import { useSidebar, useBranding, useNuxtApp, ref, watch, computed, onMounted, onBeforeUnmount, nextTick } from "#imports";
+import { isSameApplication } from "../../utils/application";
 import ApptegyLogo from "./Icons/ApptegyLogo.vue";
 import { useWindowSize } from "@vueuse/core";
 import Unpinned from "./Icons/Unpinned.vue";
@@ -127,6 +128,7 @@ const props = defineProps({
   showCollapseButton: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["toggle-expand"]);
+const isCurrentApplication = (application) => isSameApplication(props.currentApplication, application.text);
 const { state: expanded } = useSidebar();
 const { brand, getBrandingStyles } = await useBranding(props.clientId);
 const brandLogo = ref(brand.value?.logo_light);

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

@@ -30,34 +30,31 @@
 </template>
 
 <script setup>
-import { useSidebar, computed, ref, useNuxtApp } from "#imports";
-const ENGAGE_APP_TEXT = "engage";
+import { useSidebar, computed, ref } from "#imports";
+import { isEngageApplication, rewriteEngageUrl } from "../../utils/application";
+const NEWSLETTERS_APP_TEXT = "Newsletters";
 const props = defineProps({
   application: { type: Object, required: true },
   active: { type: Boolean, required: true },
   collapsed: { type: Boolean, required: true }
 });
-const { $ld } = useNuxtApp();
 const { state: expanded } = useSidebar();
 const isOpen = ref(true);
-const isEngageRenameEnabled = computed(() => {
-  return Boolean($ld?.flags?.engageToNewslettersNameChange);
-});
-const isNewslettersUrlEnabled = computed(() => {
-  return Boolean($ld?.flags?.engageToNewslettersUrlChange);
-});
+const isEngageApp = computed(() => isEngageApplication(props.application?.text, props.application?.id));
 const appText = computed(() => {
   const { text } = props.application || {};
-  if (text.toLowerCase() === ENGAGE_APP_TEXT && isEngageRenameEnabled.value) {
-    return "Newsletters";
+  if (isEngageApp.value) {
+    return NEWSLETTERS_APP_TEXT;
   }
   return text.replace("_", " ");
 });
 const applicationUrl = computed(() => {
-  const { text, url } = props.application || {};
-  if (props.active) return "";
-  if (text.toLowerCase() === ENGAGE_APP_TEXT && isNewslettersUrlEnabled.value) {
-    return url.replace(/\/engage(?=[/?#]|$)/i, "/newsletters");
+  const { url } = props.application || {};
+  if (props.active || !url) {
+    return "";
+  }
+  if (isEngageApp.value) {
+    return rewriteEngageUrl(url);
   }
   return url;
 });

package/dist/runtime/utils/application.d.ts

@@ -0,0 +1,5 @@
+export declare const ENGAGE_APP_ID = 12;
+export declare function normalizeApplicationKey(text?: string | null): string;
+export declare function isSameApplication(currentApplication?: string | null, applicationText?: string | null): boolean;
+export declare function isEngageApplication(text?: string | null, id?: number | null): boolean;
+export declare function rewriteEngageUrl(url: string): string;

package/dist/runtime/utils/application.js

@@ -0,0 +1,21 @@
+const ENGAGE_ALIASES = /* @__PURE__ */ new Set(["engage", "newsletters"]);
+export const ENGAGE_APP_ID = 12;
+export function normalizeApplicationKey(text) {
+  const normalized = text?.toLowerCase() ?? "";
+  if (ENGAGE_ALIASES.has(normalized)) {
+    return "engage";
+  }
+  return normalized;
+}
+export function isSameApplication(currentApplication, applicationText) {
+  return normalizeApplicationKey(currentApplication) === normalizeApplicationKey(applicationText);
+}
+export function isEngageApplication(text, id) {
+  if (id === ENGAGE_APP_ID) {
+    return true;
+  }
+  return ENGAGE_ALIASES.has(text?.toLowerCase() ?? "");
+}
+export function rewriteEngageUrl(url) {
+  return url.replace(/\/engage(?=[/?#]|$)/i, "/newsletters");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apptegy/nuxt-navigation",
-  "version": "0.1.111",
+  "version": "0.1.113-test.0",
   "type": "module",
   "exports": {
     ".": {
@@ -50,5 +50,6 @@
     "vitest": "catalog:",
     "vue": "catalog:",
     "vue-tsc": "catalog:"
-  }
+  },
+  "gitHead": "cbb3596d2eefade7ab3126e47dccbed676cdcc80"
 }