@triptease/tt-navbar 0.0.53 → 0.0.55

package/dist/web/getInitialNavbarState.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.53
+* @triptease/tt-navbar v0.0.55
 */
 
 // src/Config.ts

package/dist/web/global.d.js

@@ -1,4 +1,4 @@
 /**
-* @triptease/tt-navbar v0.0.53
+* @triptease/tt-navbar v0.0.55
 */
 //# sourceMappingURL=global.d.js.map

package/dist/web/index.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.53
+* @triptease/tt-navbar v0.0.55
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1909,6 +1909,7 @@ var styles2 = i`
     display: flex;
     align-items: center;
     padding: var(--space-scale-1) 0;
+    margin-bottom: var(--space-scale-2);
   }
 
   #client-selector tt-combobox {
@@ -1949,23 +1950,14 @@ var tripteaseLogo = `<svg  width="112" height="32" viewBox="0 0 112 32" fill="no
 
 // src/urlMappings.ts
 var urlMappings = {
-  "/paidsearch/$CLIENT_KEY/performance": "/channels",
-  "/meta/$CLIENT_KEY/performance": "/channels",
-  "/retargeting/$CLIENT_KEY/performance": "/channels",
-  "/retargeting/$CLIENT_KEY/ad-config": "/channels",
-  "/messages/$CLIENT_KEY/messages": "/channels",
-  "/messages/$CLIENT_KEY/messages/wizard": "/channels",
-  "/messages/$CLIENT_KEY/messages/type": "/channels",
-  "/messages/$CLIENT_KEY/messages/notifications": "/channels",
-  "/messages/$CLIENT_KEY/messages/templates/nudge": "/channels",
-  "/$CLIENT_KEY/email": "/channels",
-  "/pricematch/$CLIENT_KEY/performance": "/channels",
-  "/chat/insights/$CLIENT_KEY": "/channels",
-  "/settings/$CLIENT_KEY/branding": "/settings/$CLIENT_KEY/guides",
-  "/settings/$CLIENT_KEY/price-check": "/settings/$CLIENT_KEY/guides",
-  "/settings/$CLIENT_KEY/price-config": "/settings/$CLIENT_KEY/guides",
-  "/settings/$CLIENT_KEY/hotel-details-finder": "/settings/$CLIENT_KEY/guides",
-  "/settings/$CLIENT_KEY/deactivation-center": "/settings/$CLIENT_KEY/guides"
+  "/paidsearch/:clientKey/*": "/channels",
+  "/meta/:clientKey/*": "/channels",
+  "/retargeting/:clientKey/*": "/channels",
+  "/messages/:clientKey/*": "/channels",
+  "/:clientKey/email": "/channels",
+  "/pricematch/:clientKey/*": "/channels",
+  "/chat/insights/:clientKey": "/channels",
+  "/settings/:clientKey/*": "/settings/$CLIENT_KEY/guides"
 };
 
 // src/Routes.ts
@@ -2021,14 +2013,17 @@ var TtNavbar = class extends i4 {
       let bestMatch;
       let bestMatchLength = 0;
       if (this.activeRoute === Routes.CampaignManager) {
-        const links = Object.values(this.allNavLinks);
-        bestMatch = links.find((link) => link.id === Routes.CampaignManager);
+        bestMatch = this.campaignManagerLink;
       }
       if (!bestMatch && this.clientKey) {
         const parsedPath = currentPath.replace(this.clientKey, "$CLIENT_KEY");
-        const mappedUrl = urlMappings[parsedPath];
+        let mappedUrl = urlMappings[parsedPath];
+        const matchedPattern = this.mappedUrlPatterns.find((pattern) => pattern.test(currentPath, window.location.origin))?.pathname;
+        if (matchedPattern) {
+          mappedUrl = urlMappings[matchedPattern];
+        }
         if (mappedUrl) {
-          const clientSpecificUrl = mappedUrl.includes("$CLIENT_KEY") ? mappedUrl.replace("$CLIENT_KEY", this.clientKey) : mappedUrl;
+          const clientSpecificUrl = mappedUrl.replace("$CLIENT_KEY", this.clientKey);
           const links = Object.values(this.allNavLinks);
           bestMatch = links.find((link) => link.href.includes(clientSpecificUrl));
         }
@@ -2127,6 +2122,10 @@ var TtNavbar = class extends i4 {
     window.removeEventListener("tetris:navigate", this.setActiveState);
     super.disconnectedCallback();
   }
+  // eslint-disable-next-line no-undef
+  get mappedUrlPatterns() {
+    return Object.keys(urlMappings).map((pattern) => new URLPattern({ pathname: pattern, baseURL: window.location.origin }));
+  }
   render() {
     return x`
       <nav id=${this.id} class="${this.isOpen ? "" : "sidebar-closed"}">
@@ -2369,6 +2368,9 @@ __decorateClass([
 __decorateClass([
   r6("a")
 ], TtNavbar.prototype, "allNavLinks", 2);
+__decorateClass([
+  e5(`a#${Routes.CampaignManager}`)
+], TtNavbar.prototype, "campaignManagerLink", 2);
 
 // src/getInitialNavbarState.ts
 var getInitialNavbarState = (cookieString) => {