@triptease/tt-navbar 0.0.19 → 0.0.21

package/dist/web/styles.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.19
+* @triptease/tt-navbar v0.0.21
 */
 
 // ../../node_modules/@lit/reactive-element/css-tag.js

package/dist/web/triptease-logo.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.19
+* @triptease/tt-navbar v0.0.21
 */
 
 // src/triptease-logo.ts

package/dist/web/tt-navbar.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.19
+* @triptease/tt-navbar v0.0.21
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1059,10 +1059,27 @@ var tripteaseLogo = `<svg  width="112" height="32" viewBox="0 0 112 32" fill="no
     </defs>
 </svg>`;
 
+// src/urlMappings.ts
+var urlMappings = {
+  "/paidsearch/$CLIENT_KEY/performance": "/channels",
+  "/meta/$CLIENT_KEY/performance": "/channels",
+  "/retargeting/$CLIENT_KEY/performance": "/channels",
+  "/messages/$CLIENT_KEY/messages": "/channels",
+  "/$CLIENT_KEY/email": "/channels",
+  "/pricematch/$CLIENT_KEY/performance": "/channels",
+  "/chat/insights/$CLIENT_KEY": "/channels"
+};
+
+// src/Routes.ts
+var Routes = {
+  CampaignManager: "CampaignManager"
+};
+
 // src/TtNavbar.ts
 var TtNavbar = class extends i4 {
   constructor() {
     super(...arguments);
+    this.campaignManagerUrl = "https://app.campaign-manager.triptease.io";
     this.sidebarOpen = true;
     /*
      * Set the active state for the current page.
@@ -1088,22 +1105,38 @@ var TtNavbar = class extends i4 {
       const currentPath = window.location.pathname;
       let bestMatch;
       let bestMatchLength = 0;
-      for (const link of this.allNavLinks) {
-        link.classList.remove("current-page");
-        if (link.hasAttribute("aria-current")) {
-          link.attributes.removeNamedItem("aria-current");
+      if (this.activeRoute === Routes.CampaignManager) {
+        const links = Object.values(this.allNavLinks);
+        bestMatch = links.find((link) => link.id === Routes.CampaignManager);
+      }
+      if (!bestMatch && this.clientKey) {
+        const parsedPath = currentPath.replace(this.clientKey, "$CLIENT_KEY");
+        const mappedUrl = urlMappings[parsedPath];
+        if (mappedUrl) {
+          const links = Object.values(this.allNavLinks);
+          bestMatch = links.find((link) => link.href.includes(mappedUrl));
         }
-        const linkPath = new URL(link.href).pathname;
-        if (currentPath.startsWith(linkPath)) {
-          if (linkPath.length > bestMatchLength) {
-            bestMatch = link;
-            bestMatchLength = linkPath.length;
+      }
+      if (!bestMatch) {
+        for (const link of this.allNavLinks) {
+          link.classList.remove("current-page");
+          if (link.hasAttribute("aria-current")) {
+            link.attributes.removeNamedItem("aria-current");
+          }
+          const linkPath = new URL(link.href).pathname;
+          if (currentPath.startsWith(linkPath)) {
+            if (linkPath.length > bestMatchLength) {
+              bestMatch = link;
+              bestMatchLength = linkPath.length;
+            }
           }
         }
       }
       if (bestMatch) {
         bestMatch.classList.add("current-page");
         bestMatch.setAttribute("aria-current", "page");
+      } else {
+        console.error(`No matching nav link found for path: ${currentPath}`);
       }
     };
     this.closeAllDetails = (element) => {
@@ -1132,8 +1165,8 @@ var TtNavbar = class extends i4 {
     this.buildUrl = (path) => {
       if (!this.clientKey) throw new Error("clientKey is required");
       const formattedPath = path.replace("$CLIENT_KEY", this.clientKey);
-      if (!this.baseUrl) return formattedPath;
-      return new URL(formattedPath, this.baseUrl).toString();
+      if (!this.platformUrl) return formattedPath;
+      return new URL(formattedPath, this.platformUrl).toString();
     };
     this.onAnchorClick = (e8) => {
       if (this.navigate) {
@@ -1168,7 +1201,7 @@ var TtNavbar = class extends i4 {
             @click=${this.onAnchorClick}
           >${o7(home)}<span>Dashboard</span></a
           >
-          <a class="nav-item" href="https://app.campaign-manager.triptease.io"
+          <a id="${Routes.CampaignManager}" class="nav-item" href=${this.campaignManagerUrl}
           >${o7(campaigns)}<span>Campaigns</span></a
           >
           <a
@@ -1325,11 +1358,17 @@ __decorateClass([
   n4({ type: Function })
 ], TtNavbar.prototype, "navigate", 2);
 __decorateClass([
-  n4({ type: String, attribute: "base-url" })
-], TtNavbar.prototype, "baseUrl", 2);
+  n4({ type: String, attribute: "campaign-manager-url" })
+], TtNavbar.prototype, "campaignManagerUrl", 2);
+__decorateClass([
+  n4({ type: String, attribute: "platform-url" })
+], TtNavbar.prototype, "platformUrl", 2);
 __decorateClass([
   n4({ type: String, attribute: "client-key" })
 ], TtNavbar.prototype, "clientKey", 2);
+__decorateClass([
+  n4({ type: String, attribute: "active-route" })
+], TtNavbar.prototype, "activeRoute", 2);
 __decorateClass([
   r6("details")
 ], TtNavbar.prototype, "allDetailsElements", 2);