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

package/dist/module.json

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

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

@@ -31,7 +31,7 @@
 
 <script setup>
 import { useSidebar, computed, ref } from "#imports";
-const ENGAGE_APP_TEXT = "engage";
+import { isEngageApplication, rewriteEngageUrl } from "../../utils/application";
 const NEWSLETTERS_APP_TEXT = "Newsletters";
 const props = defineProps({
   application: { type: Object, required: true },
@@ -40,22 +40,21 @@ const props = defineProps({
 });
 const { state: expanded } = useSidebar();
 const isOpen = ref(true);
-const isEngageApplication = computed(() => {
-  const { text } = props.application || {};
-  return text.toLowerCase() === ENGAGE_APP_TEXT;
-});
+const isEngageApp = computed(() => isEngageApplication(props.application?.text, props.application?.id));
 const appText = computed(() => {
   const { text } = props.application || {};
-  if (isEngageApplication.value) {
+  if (isEngageApp.value) {
     return NEWSLETTERS_APP_TEXT;
   }
   return text.replace("_", " ");
 });
 const applicationUrl = computed(() => {
   const { url } = props.application || {};
-  if (props.active) return "";
-  if (isEngageApplication.value) {
-    return url.replace(/\/engage(?=[/?#]|$)/i, "/newsletters");
+  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.112",
+  "version": "0.1.113-test.0",
   "type": "module",
   "exports": {
     ".": {
@@ -36,20 +36,20 @@
     "primevue": "^4.2.5"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.6.2",
-    "@nuxt/eslint-config": "^1.6.0",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.0",
-    "@nuxt/test-utils": "^3.17.0",
-    "@types/node": "^22.0.0",
-    "eslint": "^9.31.0",
-    "nuxt": "^3.17.0",
+    "@nuxt/devtools": "catalog:",
+    "@nuxt/eslint-config": "catalog:",
+    "@nuxt/module-builder": "catalog:",
+    "@nuxt/schema": "catalog:",
+    "@nuxt/test-utils": "catalog:",
+    "@types/node": "catalog:",
+    "eslint": "catalog:",
+    "nuxt": "catalog:",
     "primevue": "^4.5.4",
-    "sass": "^1.89.2",
-    "typescript": "~5.8.0",
-    "vitest": "^3.2.4",
-    "vue": "^3.5.13",
-    "vue-tsc": "^3.0.3"
+    "sass": "catalog:",
+    "typescript": "catalog:",
+    "vitest": "catalog:",
+    "vue": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "gitHead": "cbb3596d2eefade7ab3126e47dccbed676cdcc80"
 }