@knocklabs/react-core 0.2.18 → 0.2.20

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.2.20
+
+### Patch Changes
+
+- Updated dependencies [d0adb14]
+  - @knocklabs/client@0.10.9
+
+## 0.2.19
+
+### Patch Changes
+
+- 1e60c19: fix: re-introduce subscribe/setstate call for useNotifications
+
 ## 0.2.18
 
 ### Patch Changes

package/dist/cjs/modules/feed/hooks/useNotifications.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react");require("../../core/context/KnockProvider.js");require("@knocklabs/client");const n=require("../../core/hooks/useStableOptions.js");require("date-fns");function c(r,t,u={}){const e=s.useRef(),i=n(u);return s.useMemo(()=>(e.current&&e.current.dispose(),e.current=r.feeds.initialize(t,i),e.current.listenForUpdates(),e.current),[r,t,i])}module.exports=c;
+"use strict";const i=require("react");require("../../core/context/KnockProvider.js");require("@knocklabs/client");const o=require("../../core/hooks/useStableOptions.js");require("date-fns");function a(r,t,n={}){const e=i.useRef(),s=o(n);return i.useMemo(()=>(e.current&&e.current.dispose(),e.current=r.feeds.initialize(t,s),e.current.store.subscribe(c=>{var u;return(u=e==null?void 0:e.current)==null?void 0:u.store.setState(c)}),e.current.listenForUpdates(),e.current),[r,t,s])}module.exports=a;
 //# sourceMappingURL=useNotifications.js.map

package/dist/cjs/modules/feed/hooks/useNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.js","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed>();\n  const stableOptions = useStableOptions(options);\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(\n      feedChannelId,\n      stableOptions,\n    );\n\n    feedClientRef.current.listenForUpdates();\n\n    return feedClientRef.current;\n  }, [knock, feedChannelId, stableOptions]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","stableOptions","useStableOptions","useMemo","current","dispose","feeds","initialize","listenForUpdates"],"mappings":"8LAKA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAChBC,EAAgBC,EAAiBJ,CAAO,EAE9C,OAAOK,UAAQ,KACTJ,EAAcK,SAChBL,EAAcK,QAAQC,UAGxBN,EAAcK,QAAUR,EAAMU,MAAMC,WAClCV,EACAI,CACF,EAEAF,EAAcK,QAAQI,mBAEfT,EAAcK,SACpB,CAACR,EAAOC,EAAeI,CAAa,CAAC,CAC1C"}
+{"version":3,"file":"useNotifications.js","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed>();\n  const stableOptions = useStableOptions(options);\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(\n      feedChannelId,\n      stableOptions,\n    );\n\n    // In development, we need to introduce this extra set state to force a render\n    // for Zustand as otherwise the state doesn't get reflected correctly\n    feedClientRef.current.store.subscribe((t) =>\n      feedClientRef?.current?.store.setState(t),\n    );\n\n    feedClientRef.current.listenForUpdates();\n\n    return feedClientRef.current;\n  }, [knock, feedChannelId, stableOptions]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","stableOptions","useStableOptions","useMemo","current","dispose","feeds","initialize","store","subscribe","t","setState","listenForUpdates"],"mappings":"8LAKA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAChBC,EAAgBC,EAAiBJ,CAAO,EAE9C,OAAOK,UAAQ,KACTJ,EAAcK,SAChBL,EAAcK,QAAQC,UAGxBN,EAAcK,QAAUR,EAAMU,MAAMC,WAClCV,EACAI,CACF,EAIcG,EAAAA,QAAQI,MAAMC,UAAWC,GAAAA,OACrCX,OAAAA,EAAAA,GAAAA,YAAAA,EAAeK,UAAfL,YAAAA,EAAwBS,MAAMG,SAASD,GACzC,EAEAX,EAAcK,QAAQQ,mBAEfb,EAAcK,SACpB,CAACR,EAAOC,EAAeI,CAAa,CAAC,CAC1C"}

package/dist/esm/modules/feed/hooks/useNotifications.mjs

@@ -1,13 +1,16 @@
-import { useRef as s, useMemo as n } from "react";
+import { useRef as n, useMemo as c } from "react";
 import "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import u from "../../core/hooks/useStableOptions.mjs";
+import p from "../../core/hooks/useStableOptions.mjs";
 import "date-fns";
-function l(e, r, o = {}) {
-  const t = s(), i = u(o);
-  return n(() => (t.current && t.current.dispose(), t.current = e.feeds.initialize(r, i), t.current.listenForUpdates(), t.current), [e, r, i]);
+function O(r, e, i = {}) {
+  const t = n(), s = p(i);
+  return c(() => (t.current && t.current.dispose(), t.current = r.feeds.initialize(e, s), t.current.store.subscribe((u) => {
+    var o;
+    return (o = t == null ? void 0 : t.current) == null ? void 0 : o.store.setState(u);
+  }), t.current.listenForUpdates(), t.current), [r, e, s]);
 }
 export {
-  l as default
+  O as default
 };
 //# sourceMappingURL=useNotifications.mjs.map

package/dist/esm/modules/feed/hooks/useNotifications.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.mjs","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed>();\n  const stableOptions = useStableOptions(options);\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(\n      feedChannelId,\n      stableOptions,\n    );\n\n    feedClientRef.current.listenForUpdates();\n\n    return feedClientRef.current;\n  }, [knock, feedChannelId, stableOptions]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","stableOptions","useStableOptions","useMemo","current","dispose","feeds","initialize","listenForUpdates"],"mappings":";;;;;AAKA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC,KAChBC,IAAgBC,EAAiBJ,CAAO;AAE9C,SAAOK,EAAQ,OACTJ,EAAcK,WAChBL,EAAcK,QAAQC,WAGxBN,EAAcK,UAAUR,EAAMU,MAAMC,WAClCV,GACAI,CACF,GAEAF,EAAcK,QAAQI,oBAEfT,EAAcK,UACpB,CAACR,GAAOC,GAAeI,CAAa,CAAC;AAC1C;"}
+{"version":3,"file":"useNotifications.mjs","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed>();\n  const stableOptions = useStableOptions(options);\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(\n      feedChannelId,\n      stableOptions,\n    );\n\n    // In development, we need to introduce this extra set state to force a render\n    // for Zustand as otherwise the state doesn't get reflected correctly\n    feedClientRef.current.store.subscribe((t) =>\n      feedClientRef?.current?.store.setState(t),\n    );\n\n    feedClientRef.current.listenForUpdates();\n\n    return feedClientRef.current;\n  }, [knock, feedChannelId, stableOptions]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","stableOptions","useStableOptions","useMemo","current","dispose","feeds","initialize","store","subscribe","t","setState","listenForUpdates"],"mappings":";;;;;AAKA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC,KAChBC,IAAgBC,EAAiBJ,CAAO;AAE9C,SAAOK,EAAQ,OACTJ,EAAcK,WAChBL,EAAcK,QAAQC,WAGxBN,EAAcK,UAAUR,EAAMU,MAAMC,WAClCV,GACAI,CACF,GAIcG,EAAAA,QAAQI,MAAMC,UAAWC,CAAAA,MAAAA;;AACrCX,YAAAA,IAAAA,KAAAA,gBAAAA,EAAeK,YAAfL,gBAAAA,EAAwBS,MAAMG,SAASD;AAAAA,GACzC,GAEAX,EAAcK,QAAQQ,oBAEfb,EAAcK,UACpB,CAACR,GAAOC,GAAeI,CAAa,CAAC;AAC1C;"}

package/dist/types/modules/feed/hooks/useNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAmBhC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAyBhC;AAED,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@knocklabs/react-core",
   "description": "A set of React components to build notification experiences powered by Knock",
   "author": "@knocklabs",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -48,7 +48,7 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.10.8",
+    "@knocklabs/client": "^0.10.9",
     "date-fns": "^3.3.1",
     "swr": "^2.2.5",
     "zustand": "^3.7.2"

package/src/modules/feed/hooks/useNotifications.ts

@@ -21,6 +21,12 @@ function useNotifications(
       stableOptions,
     );
 
+    // In development, we need to introduce this extra set state to force a render
+    // for Zustand as otherwise the state doesn't get reflected correctly
+    feedClientRef.current.store.subscribe((t) =>
+      feedClientRef?.current?.store.setState(t),
+    );
+
     feedClientRef.current.listenForUpdates();
 
     return feedClientRef.current;