@triptease/tt-navbar 0.0.36 → 0.0.38

package/dist/web/global.d.js

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

package/dist/web/index.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.36
+* @triptease/tt-navbar v0.0.38
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -865,7 +865,7 @@ var i6 = e7(class extends i5 {
   }
 });
 
-// node_modules/@triptease/tt-combobox/node_modules/@triptease/icons/dist/src/icons/chevron-down.js
+// ../../node_modules/@triptease/icons/dist/src/icons/chevron-down.js
 var chevronDown2 = `
 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-down chevron-down"
        viewBox="0 0 16 16" role="presentation">
@@ -874,12 +874,12 @@ var chevronDown2 = `
           stroke="currentColor"/>
   </svg>`;
 
-// node_modules/@triptease/tt-combobox/node_modules/@triptease/icons/dist/src/icons/alert.js
+// ../../node_modules/@triptease/icons/dist/src/icons/alert.js
 var alert2 = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM9.25 5.75C9.25 5.33579 9.58579 5 10 5C10.4142 5 10.75 5.33579 10.75 5.75V11.25C10.75 11.6642 10.4142 12 10 12C9.58579 12 9.25 11.6642 9.25 11.25V5.75ZM10.75 13.75C10.75 14.1642 10.4142 14.5 10 14.5C9.58579 14.5 9.25 14.1642 9.25 13.75C9.25 13.3358 9.58579 13 10 13C10.4142 13 10.75 13.3358 10.75 13.75Z" fill="#3B353B"/>
 </svg>`;
 
-// node_modules/@triptease/tt-combobox/dist/src/styles.js
+// ../../node_modules/@triptease/tt-combobox/dist/src/styles.js
 var styles = i`
   :host {
     display: flex;
@@ -1161,7 +1161,7 @@ var styles = i`
   }
 `;
 
-// node_modules/@triptease/tt-combobox/dist/src/TtCombobox.js
+// ../../node_modules/@triptease/tt-combobox/dist/src/TtCombobox.js
 var TtCombobox = class extends i4 {
   get form() {
     return this.internals.form;
@@ -1604,7 +1604,7 @@ __decorate([
   n4({ type: Array, attribute: "value" })
 ], TtCombobox.prototype, "value", void 0);
 
-// node_modules/@triptease/tt-combobox/dist/src/tt-combobox.js
+// ../../node_modules/@triptease/tt-combobox/dist/src/tt-combobox.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-combobox")) {
     window.customElements.define("tt-combobox", TtCombobox);
@@ -2010,7 +2010,12 @@ var urlMappings = {
   "/messages/$CLIENT_KEY/messages": "/channels",
   "/$CLIENT_KEY/email": "/channels",
   "/pricematch/$CLIENT_KEY/performance": "/channels",
-  "/chat/insights/$CLIENT_KEY": "/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"
 };
 
 // src/Routes.ts
@@ -2041,7 +2046,16 @@ var NavbarController = class {
     this._isOpen = newState;
     if (window.Clerk) {
       await window.Clerk.user?.update({
-        unsafeMetadata: { preferences: { ui: { navigationOpen: newState } } }
+        unsafeMetadata: {
+          ...window.Clerk.user?.unsafeMetadata,
+          preferences: {
+            ...window.Clerk.user?.unsafeMetadata?.preferences,
+            ui: {
+              ...window.Clerk.user?.unsafeMetadata?.preferences?.ui,
+              navigationOpen: newState
+            }
+          }
+        }
       });
     }
     this.host.requestUpdate();
@@ -2096,8 +2110,9 @@ var TtNavbar = class extends i4 {
         const parsedPath = currentPath.replace(this.clientKey, "$CLIENT_KEY");
         const mappedUrl = urlMappings[parsedPath];
         if (mappedUrl) {
+          const clientSpecificUrl = mappedUrl.includes("$CLIENT_KEY") ? mappedUrl.replace("$CLIENT_KEY", this.clientKey) : mappedUrl;
           const links = Object.values(this.allNavLinks);
-          bestMatch = links.find((link) => link.href.includes(mappedUrl));
+          bestMatch = links.find((link) => link.href.includes(clientSpecificUrl));
         }
       }
       if (!bestMatch) {
@@ -2346,24 +2361,24 @@ var TtNavbar = class extends i4 {
           <div class='nav-items'>
             <div id="client-selector">
               ${this.clients.length > 1 ? x`
-                      <tt-combobox
-                        .openUpward=${true}
-                        .value=${this.clientKey ? [this.clientKey] : []}
-                        @change=${this.handleClientChange}
-                      >
-                        ${this.clients.map(
+                    <tt-combobox
+                      .openUpward=${true}
+                      .value=${this.clientKey ? [this.clientKey] : []}
+                      @change=${this.handleClientChange}
+                    >
+                      ${this.clients.map(
       (client) => x`
-                            <option slot="option" value=${client.clientKey}>
-                              ${client.displayName}
-                            </option>
-                          `
+                          <option slot="option" value=${client.clientKey}>
+                            ${client.displayName}
+                          </option>
+                        `
     )}
-                      </tt-combobox>
-                    ` : x`
-                      <div class="single-client-name">
-                        ${this.clients.find((m3) => m3.clientKey === this.clientKey)?.displayName}
-                      </div>
-                    `}
+                    </tt-combobox>
+                  ` : x`
+                    <div class="single-client-name">
+                      ${this.clients.find((m3) => m3.clientKey === this.clientKey)?.displayName}
+                    </div>
+                  `}
             </div>
             <a
               id="logout-link"