@triptease/tt-navbar 0.0.74 → 0.0.75

package/dist/web/urlMappings.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.74
+* @triptease/tt-navbar v0.0.75
 */
 
 // src/urlMappings.ts
@@ -17,8 +17,16 @@ var urlMappings = {
   "/:clientKey/messages/*": "/channels",
   "/:clientKey/pricematch/*": "/channels",
   "/:clientKey/chat/insights": "/channels",
-  "/settings/:clientKey/*": "/settings/$CLIENT_KEY/guides",
-  "/:clientKey/settings/*": "/$CLIENT_KEY/settings/guides"
+  "/:clientKey/parity": "/parity/$CLIENT_KEY",
+  "/:clientKey/parity/*": "/parity/$CLIENT_KEY",
+  // Settings routes - legacy paths map to new navbar link
+  "/settings/:clientKey/*": "/$CLIENT_KEY/settings/guides",
+  "/:clientKey/account/team": "/account/team/$CLIENT_KEY",
+  "/:clientKey/account/team/*": "/account/team/$CLIENT_KEY",
+  "/:clientKey/account/billing-management": "/account/billing-management/$CLIENT_KEY",
+  "/:clientKey/account/billing-management/*": "/account/billing-management/$CLIENT_KEY",
+  "/:clientKey/subscriptions": "/subscriptions/$CLIENT_KEY",
+  "/:clientKey/subscriptions/*": "/subscriptions/$CLIENT_KEY"
 };
 export {
   urlMappings

package/dist/web/urlMappings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/urlMappings.ts"],
-  "sourcesContent": ["type UrlMapping = Record<string, string>;\n\nconst urlMappings: UrlMapping = {\n  '/paidsearch/:clientKey/*': '/channels',\n  '/meta/:clientKey/*': '/channels',\n  '/retargeting/:clientKey/*': '/channels',\n  '/messages/:clientKey/*': '/channels',\n  '/:clientKey/email': '/channels',\n  '/pricematch/:clientKey/*': '/channels',\n  '/chat/insights/:clientKey': '/channels',\n  '/:clientKey/meta/*': '/channels',\n  '/:clientKey/paidsearch/*': '/channels',\n  '/:clientKey/retargeting/*': '/channels',\n  '/:clientKey/messages/*': '/channels',\n  '/:clientKey/pricematch/*': '/channels',\n  '/:clientKey/chat/insights': '/channels',\n  '/settings/:clientKey/*': '/settings/$CLIENT_KEY/guides',\n  '/:clientKey/settings/*': '/$CLIENT_KEY/settings/guides',\n};\n\nexport { urlMappings };\n"],
-  "mappings": ";;;;;AAEA,IAAM,cAA0B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,0BAA0B;AAC5B;",
+  "sourcesContent": ["type UrlMapping = Record<string, string>;\n\nconst urlMappings: UrlMapping = {\n  '/paidsearch/:clientKey/*': '/channels',\n  '/meta/:clientKey/*': '/channels',\n  '/retargeting/:clientKey/*': '/channels',\n  '/messages/:clientKey/*': '/channels',\n  '/:clientKey/email': '/channels',\n  '/pricematch/:clientKey/*': '/channels',\n  '/chat/insights/:clientKey': '/channels',\n  '/:clientKey/meta/*': '/channels',\n  '/:clientKey/paidsearch/*': '/channels',\n  '/:clientKey/retargeting/*': '/channels',\n  '/:clientKey/messages/*': '/channels',\n  '/:clientKey/pricematch/*': '/channels',\n  '/:clientKey/chat/insights': '/channels',\n  '/:clientKey/parity': '/parity/$CLIENT_KEY',\n  '/:clientKey/parity/*': '/parity/$CLIENT_KEY',\n  // Settings routes - legacy paths map to new navbar link\n  '/settings/:clientKey/*': '/$CLIENT_KEY/settings/guides',\n  '/:clientKey/account/team': '/account/team/$CLIENT_KEY',\n  '/:clientKey/account/team/*': '/account/team/$CLIENT_KEY',\n  '/:clientKey/account/billing-management': '/account/billing-management/$CLIENT_KEY',\n  '/:clientKey/account/billing-management/*': '/account/billing-management/$CLIENT_KEY',\n  '/:clientKey/subscriptions': '/subscriptions/$CLIENT_KEY',\n  '/:clientKey/subscriptions/*': '/subscriptions/$CLIENT_KEY',\n};\n\nexport { urlMappings };\n"],
+  "mappings": ";;;;;AAEA,IAAM,cAA0B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA;AAAA,EAExB,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,0CAA0C;AAAA,EAC1C,4CAA4C;AAAA,EAC5C,6BAA6B;AAAA,EAC7B,+BAA+B;AACjC;",
   "names": []
 }

package/package.json

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

package/src/TtNavbar.ts

@@ -293,7 +293,7 @@ export class TtNavbar extends LitElement {
               >
               <a
                 class="sub-nav-item"
-                href=${this.buildUrl('/guest-insights/$CLIENT_KEY')}
+                href=${this.buildUrl('/$CLIENT_KEY/guest-insights')}
                 @click=${this.onAnchorClick}
                 data-intercom-target="guest-insights"
               >Guest insights</a
@@ -323,14 +323,14 @@ export class TtNavbar extends LitElement {
               >
               <a
                 class="sub-nav-item"
-                href=${this.buildUrl('/settings/$CLIENT_KEY/guides')}
+                href=${this.buildUrl('/$CLIENT_KEY/settings/guides')}
                 @click=${this.onAnchorClick}
                 data-intercom-target="group-settings"
               >Group settings</a
               >
               <a
                 class="sub-nav-item"
-                href=${this.buildUrl('/settings/$CLIENT_KEY/hotels')}
+                href=${this.buildUrl('/$CLIENT_KEY/settings/hotels')}
                 @click=${this.onAnchorClick}
                 data-intercom-target="property-settings"
               >Property settings</a
@@ -352,6 +352,7 @@ export class TtNavbar extends LitElement {
                 data-intercom-target="user-settings"
               >User settings</a
               >
+              <!-- TODO: Change to /$CLIENT_KEY/account/team when the change in Tetris is ready -->
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl('/account/team/$CLIENT_KEY')}
@@ -368,6 +369,7 @@ export class TtNavbar extends LitElement {
               <span class="icon chevron"> ${unsafeSVG(chevronDown)}</span>
             </summary>
             <div>
+              <!-- TODO: Change to /$CLIENT_KEY/account/billing-management when the change in Tetris is ready -->
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl('/account/billing-management/$CLIENT_KEY')}
@@ -375,6 +377,7 @@ export class TtNavbar extends LitElement {
                 data-intercom-target="booking-reconciliation"
               >Booking reconciliation</a
               >
+              <!-- TODO: Change to /$CLIENT_KEY/subscriptions when the change in Tetris is ready -->
               <a
                 class="sub-nav-item"
                 href=${this.buildUrl('/subscriptions/$CLIENT_KEY')}

package/src/urlMappings.ts

@@ -14,8 +14,16 @@ const urlMappings: UrlMapping = {
   '/:clientKey/messages/*': '/channels',
   '/:clientKey/pricematch/*': '/channels',
   '/:clientKey/chat/insights': '/channels',
-  '/settings/:clientKey/*': '/settings/$CLIENT_KEY/guides',
-  '/:clientKey/settings/*': '/$CLIENT_KEY/settings/guides',
+  '/:clientKey/parity': '/parity/$CLIENT_KEY',
+  '/:clientKey/parity/*': '/parity/$CLIENT_KEY',
+  // Settings routes - legacy paths map to new navbar link
+  '/settings/:clientKey/*': '/$CLIENT_KEY/settings/guides',
+  '/:clientKey/account/team': '/account/team/$CLIENT_KEY',
+  '/:clientKey/account/team/*': '/account/team/$CLIENT_KEY',
+  '/:clientKey/account/billing-management': '/account/billing-management/$CLIENT_KEY',
+  '/:clientKey/account/billing-management/*': '/account/billing-management/$CLIENT_KEY',
+  '/:clientKey/subscriptions': '/subscriptions/$CLIENT_KEY',
+  '/:clientKey/subscriptions/*': '/subscriptions/$CLIENT_KEY',
 };
 
 export { urlMappings };

package/test/tt-navbar.test.ts

@@ -60,11 +60,11 @@ describe('TtNavbar', () => {
       expect(getLinkByHref(links, 'https://app.campaign-manager.triptease.io')).to.exist;
       expect(getLinkByHref(links, `/${CLIENT_KEY}/channels`)).to.exist;
       expect(getLinkByHref(links, `/parity/${CLIENT_KEY}`)).to.exist;
-      expect(getLinkByHref(links, `/guest-insights/${CLIENT_KEY}`)).to.exist;
+      expect(getLinkByHref(links, `/${CLIENT_KEY}/guest-insights`)).to.exist;
       expect(getLinkByHref(links, `/${CLIENT_KEY}/guest-behavioural-data`)).to.exist;
       expect(getLinkByHref(links, `/${CLIENT_KEY}/crm-config`)).to.exist;
-      expect(getLinkByHref(links, `/settings/${CLIENT_KEY}/guides`)).to.exist;
-      expect(getLinkByHref(links, `/settings/${CLIENT_KEY}/hotels`)).to.exist;
+      expect(getLinkByHref(links, `/${CLIENT_KEY}/settings/guides`)).to.exist;
+      expect(getLinkByHref(links, `/${CLIENT_KEY}/settings/hotels`)).to.exist;
       expect(getLinkByHref(links, `/account`)).to.exist;
       expect(getLinkByHref(links, `/account/team/${CLIENT_KEY}`)).to.exist;
       expect(getLinkByHref(links, `/account/billing-management/${CLIENT_KEY}`)).to.exist;
@@ -228,7 +228,6 @@ describe('TtNavbar', () => {
     [`/parity/${CLIENT_KEY}`, 'Parity'],
     [`/parity/${CLIENT_KEY}/foo`, 'Parity'],
 
-    // Channels routes
     [`/paidsearch/${CLIENT_KEY}/performance`, 'Channels'],
     [`/meta/${CLIENT_KEY}/performance`, 'Channels'],
     [`/retargeting/${CLIENT_KEY}/performance`, 'Channels'],
@@ -243,19 +242,31 @@ describe('TtNavbar', () => {
     [`/chat/insights/${CLIENT_KEY}`, 'Channels'],
     [`/messages/${CLIENT_KEY}/messages/new/save-the-search`, 'Channels'],
 
-    // Channels routes with :clientKey as first path segment
     [`/${CLIENT_KEY}/meta/performance`, 'Channels'],
     [`/${CLIENT_KEY}/paidsearch/performance`, 'Channels'],
     [`/${CLIENT_KEY}/retargeting/performance`, 'Channels'],
     [`/${CLIENT_KEY}/messages/messages`, 'Channels'],
     [`/${CLIENT_KEY}/pricematch/performance`, 'Channels'],
 
-    // Settings routes
+    [`/${CLIENT_KEY}/guest-insights`, 'Guest insights'],
+    [`/${CLIENT_KEY}/parity`, 'Parity'],
+
     [`/settings/${CLIENT_KEY}/branding`, 'Group settings'],
     [`/settings/${CLIENT_KEY}/price-check`, 'Group settings'],
     [`/settings/${CLIENT_KEY}/price-config`, 'Group settings'],
     [`/settings/${CLIENT_KEY}/hotel-details-finder`, 'Group settings'],
     [`/settings/${CLIENT_KEY}/deactivation-center`, 'Group settings'],
+
+    [`/${CLIENT_KEY}/settings/guides`, 'Group settings'],
+    [`/${CLIENT_KEY}/settings/hotels`, 'Property settings'],
+
+    [`/account/team/${CLIENT_KEY}`, 'Team and permissions'],
+    [`/account/billing-management/${CLIENT_KEY}`, 'Booking reconciliation'],
+    [`/subscriptions/${CLIENT_KEY}`, 'Subscriptions'],
+
+    [`/${CLIENT_KEY}/account/team`, 'Team and permissions'],
+    [`/${CLIENT_KEY}/account/billing-management`, 'Booking reconciliation'],
+    [`/${CLIENT_KEY}/subscriptions`, 'Subscriptions'],
   ];
 
   URLs.forEach(([route, text]) => {