@knocklabs/react-core 0.2.13 → 0.2.14

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.2.14
+
+### Patch Changes
+
+- 5fe3063: Fixes issue where notification data was not updating in react strict mode
+
 ## 0.2.13
 
 ### Patch Changes

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react");function u(s,i,e={}){const t=n.useRef();return n.useMemo(()=>{t.current&&t.current.dispose();const r=s.feeds.initialize(i,e);return r.listenForUpdates(),t.current=r,r},[s,i,e.source,e.tenant,e.has_tenant,e.archived])}module.exports=u;
+"use strict";const c=require("react");function i(t,s,e={}){const r=c.useRef();return c.useMemo(()=>(r.current&&r.current.dispose(),r.current=t.feeds.initialize(s,e),r.current.listenForUpdates(),r.current.store.subscribe(n=>{var u;return(u=r==null?void 0:r.current)==null?void 0:u.store.setState(n)}),r.current),[t,s,e.source,e.tenant,e.has_tenant,e.archived])}module.exports=i;
 //# 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\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n    feedClient.listenForUpdates();\n    feedClientRef.current = feedClient;\n\n    return feedClient;\n  }, [\n    knock,\n    feedChannelId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","useMemo","current","dispose","feedClient","feeds","initialize","listenForUpdates","source","tenant","has_tenant","archived"],"mappings":"sCAGA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAEtB,OAAOC,UAAQ,IAAM,CACfF,EAAcG,SAChBH,EAAcG,QAAQC,UAGxB,MAAMC,EAAaR,EAAMS,MAAMC,WAAWT,EAAeC,CAAO,EAEhEM,OAAAA,EAAWG,iBAAiB,EAC5BR,EAAcG,QAAUE,EAEjBA,CACN,EAAA,CACDR,EACAC,EACAC,EAAQU,OACRV,EAAQW,OACRX,EAAQY,WACRZ,EAAQa,QAAQ,CACjB,CACH"}
+{"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\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(feedChannelId, options);\n    feedClientRef.current.listenForUpdates();\n    feedClientRef.current.store.subscribe((t) =>\n      feedClientRef?.current?.store.setState(t),\n    );\n\n    return feedClientRef.current;\n  }, [\n    knock,\n    feedChannelId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","useMemo","current","dispose","feeds","initialize","listenForUpdates","store","subscribe","t","setState","source","tenant","has_tenant","archived"],"mappings":"sCAGA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAEtB,OAAOC,UAAQ,KACTF,EAAcG,SAChBH,EAAcG,QAAQC,UAGxBJ,EAAcG,QAAUN,EAAMQ,MAAMC,WAAWR,EAAeC,CAAO,EACrEC,EAAcG,QAAQI,mBACRJ,EAAAA,QAAQK,MAAMC,UAAWC,GAAAA,OACrCV,OAAAA,EAAAA,GAAAA,YAAAA,EAAeG,UAAfH,YAAAA,EAAwBQ,MAAMG,SAASD,GACzC,EAEOV,EAAcG,SACpB,CACDN,EACAC,EACAC,EAAQa,OACRb,EAAQc,OACRd,EAAQe,WACRf,EAAQgB,QAAQ,CACjB,CACH"}

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

@@ -1,13 +1,12 @@
-import { useRef as u, useMemo as s } from "react";
-function a(i, n, e = {}) {
-  const t = u();
-  return s(() => {
-    t.current && t.current.dispose();
-    const r = i.feeds.initialize(n, e);
-    return r.listenForUpdates(), t.current = r, r;
-  }, [i, n, e.source, e.tenant, e.has_tenant, e.archived]);
+import { useRef as n, useMemo as a } from "react";
+function f(t, u, e = {}) {
+  const r = n();
+  return a(() => (r.current && r.current.dispose(), r.current = t.feeds.initialize(u, e), r.current.listenForUpdates(), r.current.store.subscribe((c) => {
+    var s;
+    return (s = r == null ? void 0 : r.current) == null ? void 0 : s.store.setState(c);
+  }), r.current), [t, u, e.source, e.tenant, e.has_tenant, e.archived]);
 }
 export {
-  a as default
+  f 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\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n    feedClient.listenForUpdates();\n    feedClientRef.current = feedClient;\n\n    return feedClient;\n  }, [\n    knock,\n    feedChannelId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","useMemo","current","dispose","feedClient","feeds","initialize","listenForUpdates","source","tenant","has_tenant","archived"],"mappings":";AAGA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC;AAEtB,SAAOC,EAAQ,MAAM;AACnB,IAAIF,EAAcG,WAChBH,EAAcG,QAAQC;AAGxB,UAAMC,IAAaR,EAAMS,MAAMC,WAAWT,GAAeC,CAAO;AAEhEM,WAAAA,EAAWG,iBAAiB,GAC5BR,EAAcG,UAAUE,GAEjBA;AAAAA,EACN,GAAA,CACDR,GACAC,GACAC,EAAQU,QACRV,EAAQW,QACRX,EAAQY,YACRZ,EAAQa,QAAQ,CACjB;AACH;"}
+{"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\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(feedChannelId, options);\n    feedClientRef.current.listenForUpdates();\n    feedClientRef.current.store.subscribe((t) =>\n      feedClientRef?.current?.store.setState(t),\n    );\n\n    return feedClientRef.current;\n  }, [\n    knock,\n    feedChannelId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","useMemo","current","dispose","feeds","initialize","listenForUpdates","store","subscribe","t","setState","source","tenant","has_tenant","archived"],"mappings":";AAGA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC;AAEtB,SAAOC,EAAQ,OACTF,EAAcG,WAChBH,EAAcG,QAAQC,WAGxBJ,EAAcG,UAAUN,EAAMQ,MAAMC,WAAWR,GAAeC,CAAO,GACrEC,EAAcG,QAAQI,oBACRJ,EAAAA,QAAQK,MAAMC,UAAWC,CAAAA,MAAAA;;AACrCV,YAAAA,IAAAA,KAAAA,gBAAAA,EAAeG,YAAfH,gBAAAA,EAAwBQ,MAAMG,SAASD;AAAAA,GACzC,GAEOV,EAAcG,UACpB,CACDN,GACAC,GACAC,EAAQa,QACRb,EAAQc,QACRd,EAAQe,YACRf,EAAQgB,QAAQ,CACjB;AACH;"}

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;AAGnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAuBhC;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;AAGnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAwBhC;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.13",
+  "version": "0.2.14",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",

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

@@ -1,5 +1,5 @@
 import Knock, { Feed, FeedClientOptions } from "@knocklabs/client";
-import { useMemo, useRef } from "react";
+import { useMemo, useRef  } from "react";
 
 function useNotifications(
   knock: Knock,
@@ -13,12 +13,13 @@ function useNotifications(
       feedClientRef.current.dispose();
     }
 
-    const feedClient = knock.feeds.initialize(feedChannelId, options);
+    feedClientRef.current = knock.feeds.initialize(feedChannelId, options);
+    feedClientRef.current.listenForUpdates();
+    feedClientRef.current.store.subscribe((t) =>
+      feedClientRef?.current?.store.setState(t),
+    );
 
-    feedClient.listenForUpdates();
-    feedClientRef.current = feedClient;
-
-    return feedClient;
+    return feedClientRef.current;
   }, [
     knock,
     feedChannelId,