@triptease/tt-navbar 0.0.38 → 0.0.40

package/dist/web/urlMappings.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.38
+* @triptease/tt-navbar v0.0.40
 */
 
 // src/urlMappings.ts

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tt-navbar following open-wc recommendations",
   "license": "MIT",
   "author": "tt-navbar",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/TtNavbar.ts

@@ -124,6 +124,7 @@ export class TtNavbar extends LitElement {
         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 });
       }
     }
 
@@ -233,18 +234,21 @@ export class TtNavbar extends LitElement {
             class="nav-item"
             href=${this.buildUrl('/')}
             @click=${this.onAnchorClick}
+            data-intercom-target="dashboard"
           >${unsafeSVG(home)}<span>Dashboard</span></a
           >
           <a id="${Routes.CampaignManager}" class="nav-item" href=${this.campaignManagerUrl}
+             data-intercom-target="campaigns"
           >${unsafeSVG(campaigns)}<span>Campaigns</span></a
           >
           <a
             class="nav-item"
             href=${this.buildUrl('/$CLIENT_KEY/channels')}
             @click=${this.onAnchorClick}
+            data-intercom-target="channels"
           >${unsafeSVG(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>
               ${unsafeSVG(graph)}
               <span>Market Insights</span>
@@ -255,17 +259,19 @@ export class TtNavbar extends LitElement {
                 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>
               ${unsafeSVG(gear)}
               <span>Settings</span>
@@ -276,30 +282,34 @@ export class TtNavbar extends LitElement {
                 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>
               ${unsafeSVG(user)}
               <span>Account</span>
@@ -310,17 +320,19 @@ export class TtNavbar extends LitElement {
                 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>
               ${unsafeSVG(wallet)}
               <span>Billing</span>
@@ -331,12 +343,14 @@ export class TtNavbar extends LitElement {
                 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>
@@ -405,6 +419,7 @@ export class TtNavbar extends LitElement {
               class="nav-item"
               href=${this.buildUrl('/logout')}
               @click=${this.onAnchorClick}
+              data-intercom-target="logout"
             >${unsafeSVG(logout)}<span>Logout</span></a>
           </div>
       </nav>

package/test/tt-navbar.test.ts

@@ -288,10 +288,11 @@ describe('TtNavbar', () => {
     [`/chat/insights/${CLIENT_KEY}`, 'Channels'],
     [`/${CLIENT_KEY}/email`, 'Channels'],
     [`/settings/${CLIENT_KEY}/branding`, 'Group settings'],
+    [`/settings/${CLIENT_KEY}/price-check`, 'Group settings'],
   ];
 
   URLs.forEach(([route, text]) => {
-    it.only(`should show the current page as active when link is ${route}`, async () => {
+    it(`should show the current page as active when link is ${route}`, async () => {
       // eslint-disable-next-line no-restricted-globals
       history.pushState({}, '', route); // 👈 mock URL