@triptease/tt-navbar 0.0.36 → 0.0.37

package/dist/web/urlMappings.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.36
+* @triptease/tt-navbar v0.0.37
 */
 
 // 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.36",
+  "version": "0.0.37",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/NavbarController.ts

@@ -31,7 +31,16 @@ export class NavbarController implements ReactiveController {
 
     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,
+            },
+          },
+        },
       });
     }
 

package/test/tt-navbar.test.ts

@@ -430,15 +430,23 @@ describe('TtNavbar', () => {
 
   it('should update Clerk state when toggling if Clerk is available', async () => {
     let timesCalled = 0;
+    let calledWith: unknown;
 
-    const mockUpdate = () => {
+    const mockUpdate = (args: unknown) => {
       timesCalled += 1;
+      calledWith = args;
     };
 
     window.Clerk = {
       user: {
         update: mockUpdate,
-        unsafeMetadata: { preferences: { ui: { navigationOpen: false } } },
+        unsafeMetadata: {
+          foo: 'foo',
+          preferences: {
+            bar: 'bar',
+            ui: { duck: 'duck', navigationOpen: false },
+          },
+        },
       },
     } as unknown as Clerk;
 
@@ -453,6 +461,18 @@ describe('TtNavbar', () => {
     navbarToggleBtn.click();
 
     await expect(timesCalled).to.equal(1);
+    expect(calledWith).to.deep.equal({
+      unsafeMetadata: {
+        foo: 'foo',
+        preferences: {
+          bar: 'bar',
+          ui: {
+            duck: 'duck',
+            navigationOpen: true,
+          },
+        },
+      },
+    });
 
     window.Clerk = undefined; // Cleanup
   });