@knocklabs/client 0.11.4 → 0.12.0-rc.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knocklabs/client",
-  "version": "0.11.4",
+  "version": "0.12.0-rc.1.0",
   "description": "The clientside library for interacting with Knock",
   "homepage": "https://github.com/knocklabs/javascript/tree/main/packages/client",
   "author": "@knocklabs",
@@ -63,7 +63,7 @@
     "jsonwebtoken": "^9.0.2",
     "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
-    "rollup": "^4.27.4",
+    "rollup": "^4.34.8",
     "typescript": "^5.7.3",
     "vite": "^5.0.0",
     "vitest": "^2.1.8"
@@ -77,6 +77,6 @@
     "eventemitter2": "^6.4.5",
     "jwt-decode": "^4.0.0",
     "phoenix": "1.7.19",
-    "zustand": "^3.7.2"
+    "zustand": "^4.5.6"
   }
 }

package/src/clients/feed/feed.ts

@@ -1,7 +1,7 @@
 import { GenericData } from "@knocklabs/types";
 import EventEmitter from "eventemitter2";
 import { Channel } from "phoenix";
-import { StoreApi } from "zustand";
+import type { StoreApi } from "zustand";
 
 import Knock from "../../knock";
 import { NetworkStatus, isRequestInFlight } from "../../networkStatus";
@@ -577,7 +577,6 @@ class Feed {
     metadata,
   }: FeedMessagesReceivedPayload) {
     this.knock.log("[Feed] Received new real-time message");
-
     // Handle the new message coming in
     const { items, ...state } = this.store.getState();
     const currentHead: FeedItem | undefined = items[0];

package/src/clients/feed/store.ts

@@ -1,5 +1,5 @@
 import { GenericData } from "@knocklabs/types";
-import zustand from "zustand/vanilla";
+import { createStore as createVanillaZustandStore } from "zustand";
 
 import { NetworkStatus } from "../../networkStatus";
 
@@ -7,12 +7,6 @@ import { FeedItem } from "./interfaces";
 import { FeedStoreState } from "./types";
 import { deduplicateItems, sortItems } from "./utils";
 
-// Get the correct Zustand function. Caused by some issues in v3 exports
-// https://github.com/pmndrs/zustand/issues/334
-const create: typeof zustand =
-  // @ts-expect-error workaround for issue above
-  typeof zustand === "function" ? zustand : zustand.default;
-
 function processItems(items: FeedItem[]) {
   const deduped = deduplicateItems(items);
   const sorted = sortItems(deduped);
@@ -40,7 +34,7 @@ const initialStoreState = {
 };
 
 export default function createStore() {
-  return create<FeedStoreState>((set) => ({
+  return createVanillaZustandStore<FeedStoreState>()((set) => ({
     // Keeps track of all of the items loaded
     ...initialStoreState,
     // The network status indicates what's happening with the request