@triptease/tt-navbar 0.0.39 → 0.0.41

package/dist/web/styles.js

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

package/dist/web/triptease-logo.js

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

package/dist/web/tt-navbar.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.39
+* @triptease/tt-navbar v0.0.41
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2027,23 +2027,24 @@ var Routes = {
 var NavbarController = class {
   constructor(host) {
     this._isOpen = true;
+    this._hasInitialized = false;
     (this.host = host).addController(this);
   }
   get isOpen() {
     return this._isOpen;
   }
-  hostConnected() {
-    if (window.Clerk) {
+  hostUpdate() {
+    if (!this._hasInitialized && window.Clerk) {
       const userSetting = window.Clerk.user?.unsafeMetadata?.preferences?.ui?.navigationOpen;
       if (userSetting !== void 0) {
         this._isOpen = userSetting;
+        this._hasInitialized = true;
         this.host.requestUpdate();
       }
     }
   }
   async toggle() {
-    const newState = !this._isOpen;
-    this._isOpen = newState;
+    this._isOpen = !this._isOpen;
     if (window.Clerk) {
       await window.Clerk.user?.update({
         unsafeMetadata: {
@@ -2052,7 +2053,7 @@ var NavbarController = class {
             ...window.Clerk.user?.unsafeMetadata?.preferences,
             ui: {
               ...window.Clerk.user?.unsafeMetadata?.preferences?.ui,
-              navigationOpen: newState
+              navigationOpen: this.isOpen
             }
           }
         }
@@ -2113,7 +2114,6 @@ var TtNavbar = class extends i4 {
           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(clientSpecificUrl));
-          console.log({ mappedUrl, clientSpecificUrl, bestMatch });
         }
       }
       if (!bestMatch) {
@@ -2219,18 +2219,21 @@ var TtNavbar = class extends i4 {
             class="nav-item"
             href=${this.buildUrl("/")}
             @click=${this.onAnchorClick}
+            data-intercom-target="dashboard"
           >${o8(home)}<span>Dashboard</span></a
           >
           <a id="${Routes.CampaignManager}" class="nav-item" href=${this.campaignManagerUrl}
+             data-intercom-target="campaigns"
           >${o8(campaigns)}<span>Campaigns</span></a
           >
           <a
             class="nav-item"
             href=${this.buildUrl("/$CLIENT_KEY/channels")}
             @click=${this.onAnchorClick}
+            data-intercom-target="channels"
           >${o8(channels)}<span>Channels</span></a
           >
-          <details id="market-insights" @toggle=${this.handleToggle}>
+          <details id="market-insights" @toggle=${this.handleToggle} data-intercom-target="market-insights">
             <summary>
               ${o8(graph)}
               <span>Market Insights</span>
@@ -2241,17 +2244,19 @@ var TtNavbar = class extends i4 {
                 class="sub-nav-item"
                 href=${this.buildUrl("/parity/$CLIENT_KEY")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="parity-monitoring"
               >Parity monitoring</a
               >
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl("/guest-insights/$CLIENT_KEY")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="guest-insights"
               >Guest insights</a
               >
             </div>
           </details>
-          <details id="settings" @toggle=${this.handleToggle}>
+          <details id="settings" @toggle=${this.handleToggle} data-intercom-target="settings">
             <summary>
               ${o8(gear)}
               <span>Settings</span>
@@ -2262,30 +2267,34 @@ var TtNavbar = class extends i4 {
                 class="sub-nav-item"
                 href=${this.buildUrl("/$CLIENT_KEY/guest-behavioural-data")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="email-setup"
               >Email setup</a
               >
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl("/$CLIENT_KEY/crm-config")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="crm-connectivity"
               >CRM connectivity</a
               >
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl("/settings/$CLIENT_KEY/guides")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="group-settings"
               >Group settings</a
               >
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl("/settings/$CLIENT_KEY/hotels")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="property-settings"
               >Property settings</a
               >
             </div>
           </details>
           <hr />
-          <details id="account" @toggle=${this.handleToggle}>
+          <details id="account" @toggle=${this.handleToggle} data-intercom-target="account">
             <summary>
               ${o8(user)}
               <span>Account</span>
@@ -2296,17 +2305,19 @@ var TtNavbar = class extends i4 {
                 class="sub-nav-item"
                 href=${this.buildUrl("/account")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="user-settings"
               >User settings</a
               >
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl("/account/team/$CLIENT_KEY")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="team-permissions"
               >Team and permissions</a
               >
             </div>
           </details>
-          <details id="billing-routes" @toggle=${this.handleToggle}>
+          <details id="billing-routes" @toggle=${this.handleToggle} data-intercom-target="billing">
             <summary>
               ${o8(wallet)}
               <span>Billing</span>
@@ -2317,12 +2328,14 @@ var TtNavbar = class extends i4 {
                 class="sub-nav-item"
                 href=${this.buildUrl("/account/billing-management/$CLIENT_KEY")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="booking-reconciliation"
               >Booking reconciliation</a
               >
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl("/subscriptions/$CLIENT_KEY")}
                 @click=${this.onAnchorClick}
+                data-intercom-target="subscriptions"
               >Subscriptions</a
               >
             </div>
@@ -2362,30 +2375,31 @@ 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"
               class="nav-item"
               href=${this.buildUrl("/logout")}
               @click=${this.onAnchorClick}
+              data-intercom-target="logout"
             >${o8(logout)}<span>Logout</span></a>
           </div>
       </nav>