@knocklabs/client 0.10.2 → 0.10.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.10.4
+
+### Patch Changes
+
+- 5a7c56e: fix: avoid adding duplicate visibiliy change event listeners
+
+## 0.10.3
+
+### Patch Changes
+
+- a71ce51: fix: event types to use items. and fix types
+
 ## 0.10.2
 
 ### Patch Changes

package/dist/cjs/clients/feed/feed.js

@@ -1,2 +1,2 @@
-"use strict";var S=Object.defineProperty;var k=(m,e,t)=>e in m?S(m,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):m[e]=t;var u=(m,e,t)=>(k(m,typeof e!="symbol"?e+"":e,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("eventemitter2"),f=require("../../networkStatus.js"),_=require("./store.js"),g={archived:"exclude"},v=2e3;class y{constructor(e,t,s){u(this,"userFeedId");u(this,"channel");u(this,"broadcaster");u(this,"defaultOptions");u(this,"broadcastChannel");u(this,"disconnectTimer",null);u(this,"hasSubscribedToRealTimeUpdates",!1);u(this,"visibilityChangeHandler",()=>{});u(this,"store");this.knock=e,this.feedId=t,this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.store=_.default(),this.broadcaster=new p({wildcard:!0,delimiter:"."}),this.defaultOptions={...g,...s},this.knock.log(`[Feed] Initialized a feed on channel ${t}`),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}reinitialize(){this.userFeedId=this.buildUserFeedId(),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}teardown(){this.knock.log("[Feed] Tearing down feed instance"),this.channel&&(this.channel.leave(),this.channel.off("new-message")),this.teardownAutoSocketManager(),this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),this.broadcastChannel&&this.broadcastChannel.close()}dispose(){this.knock.log("[Feed] Disposing of feed instance"),this.teardown(),this.broadcaster.removeAllListeners(),this.knock.feeds.removeInstance(this)}listenForUpdates(){this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0;const e=this.knock.client().socket;e&&!e.isConnected()&&e.connect(),this.channel&&["closed","errored"].includes(this.channel.state)&&this.channel.join()}on(e,t){this.broadcaster.on(e,t)}off(e,t){this.broadcaster.off(e,t)}getState(){return this.store.getState()}async markAsSeen(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"seen",{seen_at:t},"unseen_count"),this.makeStatusUpdate(e,"seen")}async markAllAsSeen(){const{getState:e,setState:t}=this.store,{metadata:s,items:a}=e();if(this.defaultOptions.status==="unseen")t(i=>i.resetStore({...s,total_count:0,unseen_count:0}));else{t(o=>o.setMetadata({...s,unseen_count:0}));const i={seen_at:new Date().toISOString()},l=a.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const n=await this.makeBulkStatusUpdate("seen");return this.broadcaster.emit("items:all_seen",{items:a}),this.broadcastOverChannel("items:all_seen",{items:a}),n}async markAsUnseen(e){return this.optimisticallyPerformStatusUpdate(e,"unseen",{seen_at:null},"unseen_count"),this.makeStatusUpdate(e,"unseen")}async markAsRead(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"read",{read_at:t},"unread_count"),this.makeStatusUpdate(e,"read")}async markAllAsRead(){const{getState:e,setState:t}=this.store,{metadata:s,items:a}=e();if(this.defaultOptions.status==="unread")t(i=>i.resetStore({...s,total_count:0,unread_count:0}));else{t(o=>o.setMetadata({...s,unread_count:0}));const i={read_at:new Date().toISOString()},l=a.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const n=await this.makeBulkStatusUpdate("read");return this.broadcaster.emit("items:all_read",{items:a}),this.broadcastOverChannel("items:all_read",{items:a}),n}async markAsUnread(e){return this.optimisticallyPerformStatusUpdate(e,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"interacted",{read_at:t,interacted_at:t},"unread_count"),this.makeStatusUpdate(e,"interacted")}async markAsArchived(e){const{getState:t,setState:s}=this.store,a=t(),r=this.defaultOptions.archived==="exclude",n=Array.isArray(e)?e:[e],i=n.map(l=>l.id);if(r){const l=n.filter(c=>!c.seen_at).length,o=n.filter(c=>!c.read_at).length,d={...a.metadata,total_count:a.metadata.total_count-n.length,unseen_count:a.metadata.unseen_count-l,unread_count:a.metadata.unread_count-o},h=a.items.filter(c=>!i.includes(c.id));s(c=>c.setResult({entries:h,meta:d,page_info:c.pageInfo}))}else a.setItemAttrs(i,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{setState:e,getState:t}=this.store,{items:s}=t(),a=this.defaultOptions.archived==="exclude";e(a?n=>n.resetStore():n=>{const i=s.map(l=>l.id);n.setItemAttrs(i,{archived_at:new Date().toISOString()})});const r=await this.makeBulkStatusUpdate("archive");return this.broadcaster.emit("items:all_archived",{items:s}),this.broadcastOverChannel("items:all_archived",{items:s}),r}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{setState:t,getState:s}=this.store,{networkStatus:a}=s();if(f.isRequestInFlight(a))return;t(d=>d.setNetworkStatus(e.__loadingType??f.NetworkStatus.loading));const r={...this.defaultOptions,...e,__loadingType:void 0,__fetchSource:void 0,__experimentalCrossBrowserUpdates:void 0,auto_manage_socket_connection:void 0,auto_manage_socket_connection_delay:void 0},n=await this.knock.client().makeRequest({method:"GET",url:`/v1/users/${this.knock.userId}/feeds/${this.feedId}`,params:r});if(n.statusCode==="error"||!n.body)return t(d=>d.setNetworkStatus(f.NetworkStatus.error)),{status:n.statusCode,data:n.error||n.body};const i={entries:n.body.entries,meta:n.body.meta,page_info:n.body.page_info};if(e.before){const d={shouldSetPage:!1,shouldAppend:!0};t(h=>h.setResult(i,d))}else if(e.after){const d={shouldSetPage:!0,shouldAppend:!0};t(h=>h.setResult(i,d))}else t(d=>d.setResult(i));this.broadcast("messages.new",i);const l=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",o={items:i.entries,metadata:i.meta,event:l};return this.broadcast(o.event,o),{data:i,status:n.statusCode}}async fetchNextPage(){const{getState:e}=this.store,{pageInfo:t}=e();t.after&&this.fetch({after:t.after,__loadingType:f.NetworkStatus.fetchMore})}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({metadata:e}){this.knock.log("[Feed] Received new real-time message");const{getState:t,setState:s}=this.store,{items:a}=t(),r=a[0];s(n=>n.setMetadata(e)),this.fetch({before:r==null?void 0:r.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,s,a){const{getState:r,setState:n}=this.store,i=Array.isArray(e)?e:[e],l=i.map(o=>o.id);if(a){const{metadata:o}=r(),d=i.filter(c=>{switch(t){case"seen":return c.seen_at===null;case"unseen":return c.seen_at!==null;case"read":case"interacted":return c.read_at===null;case"unread":return c.read_at!==null;default:return!0}}),h=t.startsWith("un")?d.length:-d.length;n(c=>c.setMetadata({...o,[a]:Math.max(0,o[a]+h)}))}n(o=>o.setItemAttrs(l,s))}async makeStatusUpdate(e,t){const s=Array.isArray(e)?e:[e],a=s.map(n=>n.id),r=await this.knock.messages.batchUpdateStatuses(a,t);return this.broadcaster.emit(`items.${t}`,{items:s}),this.broadcaster.emit(`items:${t}`,{items:s}),this.broadcastOverChannel(`items:${t}`,{items:s}),r}async makeBulkStatusUpdate(e){const t={user_ids:[this.knock.userId],engagement_status:this.defaultOptions.status!=="all"?this.defaultOptions.status:void 0,archived:this.defaultOptions.archived,has_tenant:this.defaultOptions.has_tenant,tenants:this.defaultOptions.tenant?[this.defaultOptions.tenant]:void 0};return await this.knock.messages.bulkUpdateAllStatusesInChannel({channelId:this.feedId,status:e,options:t})}setupBroadcastChannel(){this.broadcastChannel=typeof self<"u"&&"BroadcastChannel"in self?new BroadcastChannel(`knock:feed:${this.userFeedId}`):null,this.broadcastChannel&&this.defaultOptions.__experimentalCrossBrowserUpdates===!0&&(this.broadcastChannel.onmessage=e=>{switch(e.data.type){case"items:archived":case"items:unarchived":case"items:seen":case"items:unseen":case"items:read":case"items:unread":case"items:all_read":case"items:all_seen":case"items:all_archived":return this.fetch();default:return null}})}broadcastOverChannel(e,t){if(this.broadcastChannel)try{const s=JSON.parse(JSON.stringify(t));this.broadcastChannel.postMessage({type:e,payload:s})}catch(s){console.warn(`Could not broadcast ${e}, got error: ${s}`)}}initializeRealtimeConnection(){const{socket:e}=this.knock.client();e&&(this.channel=e.channel(`feeds:${this.userFeedId}`,this.defaultOptions),this.channel.on("new-message",t=>this.onNewMessageReceived(t)),this.defaultOptions.auto_manage_socket_connection&&this.setupAutoSocketManager(),this.hasSubscribedToRealTimeUpdates&&(e.isConnected()||e.connect(),this.channel.join()))}setupAutoSocketManager(){this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),document.addEventListener("visibilitychange",this.visibilityChangeHandler)}teardownAutoSocketManager(){document.removeEventListener("visibilitychange",this.visibilityChangeHandler)}handleVisibilityChange(){var s;const e=this.defaultOptions.auto_manage_socket_connection_delay??v,t=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var a;(a=t.socket)==null||a.disconnect(),this.disconnectTimer=null},e):document.visibilityState==="visible"&&(this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),(s=t.socket)!=null&&s.isConnected()||this.initializeRealtimeConnection())}}exports.default=y;
+"use strict";var S=Object.defineProperty;var k=(m,e,t)=>e in m?S(m,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):m[e]=t;var u=(m,e,t)=>(k(m,typeof e!="symbol"?e+"":e,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("eventemitter2"),f=require("../../networkStatus.js"),g=require("./store.js"),_={archived:"exclude"},v=2e3;class y{constructor(e,t,a){u(this,"userFeedId");u(this,"channel");u(this,"broadcaster");u(this,"defaultOptions");u(this,"broadcastChannel");u(this,"disconnectTimer",null);u(this,"hasSubscribedToRealTimeUpdates",!1);u(this,"visibilityChangeHandler",()=>{});u(this,"visibilityChangeListenerConnected",!1);u(this,"store");this.knock=e,this.feedId=t,this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.store=g.default(),this.broadcaster=new p({wildcard:!0,delimiter:"."}),this.defaultOptions={..._,...a},this.knock.log(`[Feed] Initialized a feed on channel ${t}`),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}reinitialize(){this.userFeedId=this.buildUserFeedId(),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}teardown(){this.knock.log("[Feed] Tearing down feed instance"),this.channel&&(this.channel.leave(),this.channel.off("new-message")),this.teardownAutoSocketManager(),this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),this.broadcastChannel&&this.broadcastChannel.close()}dispose(){this.knock.log("[Feed] Disposing of feed instance"),this.teardown(),this.broadcaster.removeAllListeners(),this.knock.feeds.removeInstance(this)}listenForUpdates(){this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0;const e=this.knock.client().socket;e&&!e.isConnected()&&e.connect(),this.channel&&["closed","errored"].includes(this.channel.state)&&this.channel.join()}on(e,t){this.broadcaster.on(e,t)}off(e,t){this.broadcaster.off(e,t)}getState(){return this.store.getState()}async markAsSeen(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"seen",{seen_at:t},"unseen_count"),this.makeStatusUpdate(e,"seen")}async markAllAsSeen(){const{getState:e,setState:t}=this.store,{metadata:a,items:n}=e();if(this.defaultOptions.status==="unseen")t(i=>i.resetStore({...a,total_count:0,unseen_count:0}));else{t(o=>o.setMetadata({...a,unseen_count:0}));const i={seen_at:new Date().toISOString()},l=n.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const s=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",n),s}async markAsUnseen(e){return this.optimisticallyPerformStatusUpdate(e,"unseen",{seen_at:null},"unseen_count"),this.makeStatusUpdate(e,"unseen")}async markAsRead(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"read",{read_at:t},"unread_count"),this.makeStatusUpdate(e,"read")}async markAllAsRead(){const{getState:e,setState:t}=this.store,{metadata:a,items:n}=e();if(this.defaultOptions.status==="unread")t(i=>i.resetStore({...a,total_count:0,unread_count:0}));else{t(o=>o.setMetadata({...a,unread_count:0}));const i={read_at:new Date().toISOString()},l=n.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const s=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",n),s}async markAsUnread(e){return this.optimisticallyPerformStatusUpdate(e,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"interacted",{read_at:t,interacted_at:t},"unread_count"),this.makeStatusUpdate(e,"interacted")}async markAsArchived(e){const{getState:t,setState:a}=this.store,n=t(),r=this.defaultOptions.archived==="exclude",s=Array.isArray(e)?e:[e],i=s.map(l=>l.id);if(r){const l=s.filter(c=>!c.seen_at).length,o=s.filter(c=>!c.read_at).length,d={...n.metadata,total_count:n.metadata.total_count-s.length,unseen_count:n.metadata.unseen_count-l,unread_count:n.metadata.unread_count-o},h=n.items.filter(c=>!i.includes(c.id));a(c=>c.setResult({entries:h,meta:d,page_info:c.pageInfo}))}else n.setItemAttrs(i,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{setState:e,getState:t}=this.store,{items:a}=t(),n=this.defaultOptions.archived==="exclude";e(n?s=>s.resetStore():s=>{const i=a.map(l=>l.id);s.setItemAttrs(i,{archived_at:new Date().toISOString()})});const r=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",a),r}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{setState:t,getState:a}=this.store,{networkStatus:n}=a();if(f.isRequestInFlight(n))return;t(d=>d.setNetworkStatus(e.__loadingType??f.NetworkStatus.loading));const r={...this.defaultOptions,...e,__loadingType:void 0,__fetchSource:void 0,__experimentalCrossBrowserUpdates:void 0,auto_manage_socket_connection:void 0,auto_manage_socket_connection_delay:void 0},s=await this.knock.client().makeRequest({method:"GET",url:`/v1/users/${this.knock.userId}/feeds/${this.feedId}`,params:r});if(s.statusCode==="error"||!s.body)return t(d=>d.setNetworkStatus(f.NetworkStatus.error)),{status:s.statusCode,data:s.error||s.body};const i={entries:s.body.entries,meta:s.body.meta,page_info:s.body.page_info};if(e.before){const d={shouldSetPage:!1,shouldAppend:!0};t(h=>h.setResult(i,d))}else if(e.after){const d={shouldSetPage:!0,shouldAppend:!0};t(h=>h.setResult(i,d))}else t(d=>d.setResult(i));this.broadcast("messages.new",i);const l=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",o={items:i.entries,metadata:i.meta,event:l};return this.broadcast(o.event,o),{data:i,status:s.statusCode}}async fetchNextPage(){const{getState:e}=this.store,{pageInfo:t}=e();t.after&&this.fetch({after:t.after,__loadingType:f.NetworkStatus.fetchMore})}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({metadata:e}){this.knock.log("[Feed] Received new real-time message");const{getState:t,setState:a}=this.store,{items:n}=t(),r=n[0];a(s=>s.setMetadata(e)),this.fetch({before:r==null?void 0:r.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,a,n){const{getState:r,setState:s}=this.store,i=Array.isArray(e)?e:[e],l=i.map(o=>o.id);if(n){const{metadata:o}=r(),d=i.filter(c=>{switch(t){case"seen":return c.seen_at===null;case"unseen":return c.seen_at!==null;case"read":case"interacted":return c.read_at===null;case"unread":return c.read_at!==null;default:return!0}}),h=t.startsWith("un")?d.length:-d.length;s(c=>c.setMetadata({...o,[n]:Math.max(0,o[n]+h)}))}s(o=>o.setItemAttrs(l,a))}async makeStatusUpdate(e,t){const a=Array.isArray(e)?e:[e],n=a.map(s=>s.id),r=await this.knock.messages.batchUpdateStatuses(n,t);return this.emitEvent(t,a),r}async makeBulkStatusUpdate(e){const t={user_ids:[this.knock.userId],engagement_status:this.defaultOptions.status!=="all"?this.defaultOptions.status:void 0,archived:this.defaultOptions.archived,has_tenant:this.defaultOptions.has_tenant,tenants:this.defaultOptions.tenant?[this.defaultOptions.tenant]:void 0};return await this.knock.messages.bulkUpdateAllStatusesInChannel({channelId:this.feedId,status:e,options:t})}setupBroadcastChannel(){this.broadcastChannel=typeof self<"u"&&"BroadcastChannel"in self?new BroadcastChannel(`knock:feed:${this.userFeedId}`):null,this.broadcastChannel&&this.defaultOptions.__experimentalCrossBrowserUpdates===!0&&(this.broadcastChannel.onmessage=e=>{switch(e.data.type){case"items:archived":case"items:unarchived":case"items:seen":case"items:unseen":case"items:read":case"items:unread":case"items:all_read":case"items:all_seen":case"items:all_archived":return this.fetch();default:return null}})}broadcastOverChannel(e,t){if(this.broadcastChannel)try{const a=JSON.parse(JSON.stringify(t));this.broadcastChannel.postMessage({type:e,payload:a})}catch(a){console.warn(`Could not broadcast ${e}, got error: ${a}`)}}initializeRealtimeConnection(){const{socket:e}=this.knock.client();e&&(this.channel=e.channel(`feeds:${this.userFeedId}`,this.defaultOptions),this.channel.on("new-message",t=>this.onNewMessageReceived(t)),this.defaultOptions.auto_manage_socket_connection&&this.setupAutoSocketManager(),this.hasSubscribedToRealTimeUpdates&&(e.isConnected()||e.connect(),this.channel.join()))}setupAutoSocketManager(){this.visibilityChangeListenerConnected||(this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),this.visibilityChangeListenerConnected=!0,document.addEventListener("visibilitychange",this.visibilityChangeHandler))}teardownAutoSocketManager(){document.removeEventListener("visibilitychange",this.visibilityChangeHandler),this.visibilityChangeListenerConnected=!1}emitEvent(e,t){this.broadcaster.emit(`items.${e}`,{items:t}),this.broadcaster.emit(`items:${e}`,{items:t}),this.broadcastOverChannel(`items:${e}`,{items:t})}handleVisibilityChange(){var a;const e=this.defaultOptions.auto_manage_socket_connection_delay??v,t=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var n;(n=t.socket)==null||n.disconnect(),this.disconnectTimer=null},e):document.visibilityState==="visible"&&(this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),(a=t.socket)!=null&&a.isConnected()||this.initializeRealtimeConnection())}}exports.default=y;
 //# sourceMappingURL=feed.js.map

package/dist/cjs/clients/feed/feed.js.map

@@ -1 +1 @@
-{"version":3,"file":"feed.js","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n  BulkUpdateMessagesInChannelProperties,\n  MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n  FeedClientOptions,\n  FeedItem,\n  FeedMetadata,\n  FeedResponse,\n  FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n  FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n  private userFeedId: string;\n  private channel?: Channel;\n  private broadcaster: EventEmitter;\n  private defaultOptions: FeedClientOptions;\n  private broadcastChannel!: BroadcastChannel | null;\n  private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n  private hasSubscribedToRealTimeUpdates: Boolean = false;\n  private visibilityChangeHandler: () => void = () => {};\n\n  // The raw store instance, used for binding in React and other environments\n  public store: StoreApi<FeedStoreState>;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n  ) {\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = { ...feedClientDefaults, ...options };\n\n    this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n    // Attempt to setup a realtime connection (does not join)\n    this.initializeRealtimeConnection();\n\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n   */\n  reinitialize() {\n    // Reinitialize the user feed id incase the userId changed\n    this.userFeedId = this.buildUserFeedId();\n\n    // Reinitialize the real-time connection\n    this.initializeRealtimeConnection();\n\n    // Reinitialize our broadcast channel\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Cleans up a feed instance by destroying the store and disconnecting\n   * an open socket connection.\n   */\n  teardown() {\n    this.knock.log(\"[Feed] Tearing down feed instance\");\n\n    if (this.channel) {\n      this.channel.leave();\n      this.channel.off(\"new-message\");\n    }\n\n    this.teardownAutoSocketManager();\n\n    if (this.disconnectTimer) {\n      clearTimeout(this.disconnectTimer);\n      this.disconnectTimer = null;\n    }\n\n    if (this.broadcastChannel) {\n      this.broadcastChannel.close();\n    }\n  }\n\n  /** Tears down an instance and removes it entirely from the feed manager */\n  dispose() {\n    this.knock.log(\"[Feed] Disposing of feed instance\");\n    this.teardown();\n    this.broadcaster.removeAllListeners();\n    this.knock.feeds.removeInstance(this);\n  }\n\n  /*\n    Initializes a real-time connection to Knock, connecting the websocket for the\n    current ApiClient instance if the socket is not already connected.\n  */\n  listenForUpdates() {\n    this.knock.log(\"[Feed] Connecting to real-time service\");\n\n    this.hasSubscribedToRealTimeUpdates = true;\n\n    const maybeSocket = this.knock.client().socket;\n\n    // Connect the socket only if we don't already have a connection\n    if (maybeSocket && !maybeSocket.isConnected()) {\n      maybeSocket.connect();\n    }\n\n    // Only join the channel if we're not already in a joining state\n    if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n      this.channel.join();\n    }\n  }\n\n  /* Binds a handler to be invoked when event occurs */\n  on(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.on(eventName, callback);\n  }\n\n  off(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.off(eventName, callback);\n  }\n\n  getState() {\n    return this.store.getState();\n  }\n\n  async markAsSeen(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"seen\",\n      { seen_at: now },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"seen\");\n  }\n\n  async markAllAsSeen() {\n    // To mark all of the messages as seen we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unseen_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n    // If we're looking at the unseen view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnseen) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unseen_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unseen_count: 0 }));\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"seen\");\n\n    this.broadcaster.emit(`items:all_seen`, { items });\n    this.broadcastOverChannel(`items:all_seen`, { items });\n\n    return result;\n  }\n\n  async markAsUnseen(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unseen\",\n      { seen_at: null },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unseen\");\n  }\n\n  async markAsRead(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"read\",\n      { read_at: now },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"read\");\n  }\n\n  async markAllAsRead() {\n    // To mark all of the messages as read we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unread_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n    // If we're looking at the unread view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnread) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unread_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unread_count: 0 }));\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"read\");\n\n    this.broadcaster.emit(`items:all_read`, { items });\n    this.broadcastOverChannel(`items:all_read`, { items });\n\n    return result;\n  }\n\n  async markAsUnread(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unread\",\n      { read_at: null },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unread\");\n  }\n\n  async markAsInteracted(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"interacted\",\n      {\n        read_at: now,\n        interacted_at: now,\n      },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"interacted\");\n  }\n\n  /*\n  Marking one or more items as archived should:\n\n  - Decrement the badge count for any unread / unseen items\n  - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n  TODO: how do we handle rollbacks?\n  */\n  async markAsArchived(itemOrItems: FeedItemOrItems) {\n    const { getState, setState } = this.store;\n    const state = getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n\n    const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n    /*\n      In the code here we want to optimistically update counts and items\n      that are persisted such that we can display updates immediately on the feed\n      without needing to make a network request.\n\n      Note: right now this does *not* take into account offline handling or any extensive retry\n      logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n      this library.\n\n      Scenarios to consider:\n\n      ## Feed scope to archived *only*\n\n      - Counts should not be decremented\n      - Items should not be removed\n\n      ## Feed scoped to exclude archived items (the default)\n\n      - Counts should be decremented\n      - Items should be removed\n\n      ## Feed scoped to include archived items as well\n\n      - Counts should not be decremented\n      - Items should not be removed\n    */\n\n    if (shouldOptimisticallyRemoveItems) {\n      // If any of the items are unseen or unread, then capture as we'll want to decrement\n      // the counts for these in the metadata we have\n      const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n      const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: state.metadata.total_count - normalizedItems.length,\n        unseen_count: state.metadata.unseen_count - unseenCount,\n        unread_count: state.metadata.unread_count - unreadCount,\n      };\n\n      // Remove the archiving entries\n      const entriesToSet = state.items.filter(\n        (item) => !itemIds.includes(item.id),\n      );\n\n      setState((state) =>\n        state.setResult({\n          entries: entriesToSet,\n          meta: updatedMetadata,\n          page_info: state.pageInfo,\n        }),\n      );\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n    }\n\n    return this.makeStatusUpdate(itemOrItems, \"archived\");\n  }\n\n  async markAllAsArchived() {\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    const { setState, getState } = this.store;\n    const { items } = getState();\n\n    // Here if we're looking at a feed that excludes all of the archived items by default then we\n    // will want to optimistically remove all of the items from the feed as they are now all excluded\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    if (shouldOptimisticallyRemoveItems) {\n      // Reset the store to clear out all of items and reset the badge count\n      setState((store) => store.resetStore());\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      setState((store) => {\n        const itemIds = items.map((i) => i.id);\n        store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n      });\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"archive\");\n\n    this.broadcaster.emit(`items:all_archived`, { items });\n    this.broadcastOverChannel(`items:all_archived`, { items });\n\n    return result;\n  }\n\n  async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n      archived_at: null,\n    });\n\n    return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n  }\n\n  /* Fetches the feed content, appending it to the store */\n  async fetch(options: FetchFeedOptions = {}) {\n    const { setState, getState } = this.store;\n    const { networkStatus } = getState();\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    setState((store) =>\n      store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),\n    );\n\n    // Always include the default params, if they have been set\n    const queryParams = {\n      ...this.defaultOptions,\n      ...options,\n      // Unset options that should not be sent to the API\n      __loadingType: undefined,\n      __fetchSource: undefined,\n      __experimentalCrossBrowserUpdates: undefined,\n      auto_manage_socket_connection: undefined,\n      auto_manage_socket_connection_delay: undefined,\n    };\n\n    const result = await this.knock.client().makeRequest({\n      method: \"GET\",\n      url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n      params: queryParams,\n    });\n\n    if (result.statusCode === \"error\" || !result.body) {\n      setState((store) => store.setNetworkStatus(NetworkStatus.error));\n\n      return {\n        status: result.statusCode,\n        data: result.error || result.body,\n      };\n    }\n\n    const response = {\n      entries: result.body.entries,\n      meta: result.body.meta,\n      page_info: result.body.page_info,\n    };\n\n    if (options.before) {\n      const opts = { shouldSetPage: false, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else {\n      setState((state) => state.setResult(response));\n    }\n\n    // Legacy `messages.new` event, should be removed in a future version\n    this.broadcast(\"messages.new\", response);\n\n    // Broadcast the appropriate event type depending on the fetch source\n    const feedEventType: FeedEvent =\n      options.__fetchSource === \"socket\"\n        ? \"items.received.realtime\"\n        : \"items.received.page\";\n\n    const eventPayload = {\n      items: response.entries as FeedItem[],\n      metadata: response.meta as FeedMetadata,\n      event: feedEventType,\n    };\n\n    this.broadcast(eventPayload.event, eventPayload);\n\n    return { data: response, status: result.statusCode };\n  }\n\n  async fetchNextPage() {\n    // Attempts to fetch the next page of results (if we have any)\n    const { getState } = this.store;\n    const { pageInfo } = getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  private broadcast(\n    eventName: FeedEvent,\n    data: FeedResponse | FeedEventPayload,\n  ) {\n    this.broadcaster.emit(eventName, data);\n  }\n\n  // Invoked when a new real-time message comes in from the socket\n  private async onNewMessageReceived({\n    metadata,\n  }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { getState, setState } = this.store;\n    const { items } = getState();\n    const currentHead: FeedItem | undefined = items[0];\n    // Optimistically set the badge counts\n    setState((state) => state.setMetadata(metadata));\n    // Fetch the items before the current head (if it exists)\n    this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n  }\n\n  private buildUserFeedId() {\n    return `${this.feedId}:${this.knock.userId}`;\n  }\n\n  private optimisticallyPerformStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    attrs: object,\n    badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n  ) {\n    const { getState, setState } = this.store;\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n    const itemIds = normalizedItems.map((item) => item.id);\n\n    if (badgeCountAttr) {\n      const { metadata } = getState();\n\n      // We only want to update the counts of items that have not already been counted towards the\n      // badge count total to avoid updating the badge count unnecessarily.\n      const itemsToUpdate = normalizedItems.filter((item) => {\n        switch (type) {\n          case \"seen\":\n            return item.seen_at === null;\n          case \"unseen\":\n            return item.seen_at !== null;\n          case \"read\":\n          case \"interacted\":\n            return item.read_at === null;\n          case \"unread\":\n            return item.read_at !== null;\n          default:\n            return true;\n        }\n      });\n\n      // Tnis is a hack to determine the direction of whether we're\n      // adding or removing from the badge count\n      const direction = type.startsWith(\"un\")\n        ? itemsToUpdate.length\n        : -itemsToUpdate.length;\n\n      setState((store) =>\n        store.setMetadata({\n          ...metadata,\n          [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n        }),\n      );\n    }\n\n    // Update the items with the given attributes\n    setState((store) => store.setItemAttrs(itemIds, attrs));\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n  ) {\n    // Always treat items as a batch to use the corresponding batch endpoint\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n    const itemIds = items.map((item) => item.id);\n\n    const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n    // Emit the event that these items had their statuses changed\n    // Note: we do this after the update to ensure that the server event actually completed\n    this.broadcaster.emit(`items.${type}`, { items });\n\n    // Note: `items.type` format is being deprecated in favor over the `items:type` format,\n    // but emit both formats to make it backward compatible for now.\n    this.broadcaster.emit(`items:${type}`, { items });\n    this.broadcastOverChannel(`items:${type}`, { items });\n\n    return result;\n  }\n\n  private async makeBulkStatusUpdate(\n    status: BulkUpdateMessagesInChannelProperties[\"status\"],\n  ) {\n    // The base scope for the call should take into account all of the options currently\n    // set on the feed, as well as being scoped for the current user. We do this so that\n    // we ONLY make changes to the messages that are currently in view on this feed, and not\n    // all messages that exist.\n    const options = {\n      user_ids: [this.knock.userId!],\n      engagement_status:\n        this.defaultOptions.status !== \"all\"\n          ? this.defaultOptions.status\n          : undefined,\n      archived: this.defaultOptions.archived,\n      has_tenant: this.defaultOptions.has_tenant,\n      tenants: this.defaultOptions.tenant\n        ? [this.defaultOptions.tenant]\n        : undefined,\n    };\n\n    return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n      channelId: this.feedId,\n      status,\n      options,\n    });\n  }\n\n  private setupBroadcastChannel() {\n    // Attempt to bind to listen to other events from this feed in different tabs\n    // Note: here we ensure `self` is available (it's not in server rendered envs)\n    this.broadcastChannel =\n      typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n        ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n        : null;\n\n    // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n    // channel (iff it's enabled and exists)\n    if (\n      this.broadcastChannel &&\n      this.defaultOptions.__experimentalCrossBrowserUpdates === true\n    ) {\n      this.broadcastChannel.onmessage = (e) => {\n        switch (e.data.type) {\n          case \"items:archived\":\n          case \"items:unarchived\":\n          case \"items:seen\":\n          case \"items:unseen\":\n          case \"items:read\":\n          case \"items:unread\":\n          case \"items:all_read\":\n          case \"items:all_seen\":\n          case \"items:all_archived\":\n            // When items are updated in any other tab, simply refetch to get the latest state\n            // to make sure that the state gets updated accordingly. In the future here we could\n            // maybe do this optimistically without the fetch.\n            return this.fetch();\n          default:\n            return null;\n        }\n      };\n    }\n  }\n\n  private broadcastOverChannel(type: string, payload: any) {\n    // The broadcastChannel may not be available in non-browser environments\n    if (!this.broadcastChannel) {\n      return;\n    }\n\n    // Here we stringify our payload and try and send as JSON such that we\n    // don't get any `An object could not be cloned` errors when trying to broadcast\n    try {\n      const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n      this.broadcastChannel.postMessage({\n        type,\n        payload: stringifiedPayload,\n      });\n    } catch (e) {\n      console.warn(`Could not broadcast ${type}, got error: ${e}`);\n    }\n  }\n\n  private initializeRealtimeConnection() {\n    const { socket: maybeSocket } = this.knock.client();\n\n    // In server environments we might not have a socket connection\n    if (!maybeSocket) return;\n\n    // Reinitialize channel connections incase the socket changed\n    this.channel = maybeSocket.channel(\n      `feeds:${this.userFeedId}`,\n      this.defaultOptions,\n    );\n\n    this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setupAutoSocketManager();\n    }\n\n    // If we're initializing but they have previously opted to listen to real-time updates\n    // then we will automatically reconnect on their behalf\n    if (this.hasSubscribedToRealTimeUpdates) {\n      if (!maybeSocket.isConnected()) maybeSocket.connect();\n      this.channel.join();\n    }\n  }\n\n  /**\n   * Listen for changes to document visibility and automatically disconnect\n   * or reconnect the socket after a delay\n   */\n  private setupAutoSocketManager() {\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private teardownAutoSocketManager() {\n    document.removeEventListener(\n      \"visibilitychange\",\n      this.visibilityChangeHandler,\n    );\n  }\n\n  private handleVisibilityChange() {\n    const disconnectDelay =\n      this.defaultOptions.auto_manage_socket_connection_delay ??\n      DEFAULT_DISCONNECT_DELAY;\n\n    const client = this.knock.client();\n\n    if (document.visibilityState === \"hidden\") {\n      // When the tab is hidden, clean up the socket connection after a delay\n      this.disconnectTimer = setTimeout(() => {\n        client.socket?.disconnect();\n        this.disconnectTimer = null;\n      }, disconnectDelay);\n    } else if (document.visibilityState === \"visible\") {\n      // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n      // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n      if (this.disconnectTimer) {\n        clearTimeout(this.disconnectTimer);\n        this.disconnectTimer = null;\n      }\n\n      // If the socket is not connected, try to reconnect\n      if (!client.socket?.isConnected()) {\n        this.initializeRealtimeConnection();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","getState","setState","metadata","items","store","attrs","itemIds","item","result","state","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"iXA+BMA,EAA0D,CAC9D,SAAU,SACZ,EAEMC,EAA2B,IAEjC,MAAMC,CAAK,CAaT,YACWC,EACAC,EACTC,EACA,CAhBMC,EAAA,mBACAA,EAAA,gBACAA,EAAA,oBACAA,EAAA,uBACAA,EAAA,yBACAA,EAAA,uBAAwD,MACxDA,EAAA,sCAA0C,IAC1CA,EAAA,+BAAsC,IAAM,CAAA,GAG7CA,EAAA,cAGI,KAAA,MAAAH,EACA,KAAA,OAAAC,EAGT,KAAK,OAASA,EACT,KAAA,WAAa,KAAK,kBACvB,KAAK,MAAQG,EAAAA,UACR,KAAA,YAAc,IAAIC,EAAa,CAAE,SAAU,GAAM,UAAW,IAAK,EACtE,KAAK,eAAiB,CAAE,GAAGR,EAAoB,GAAGK,CAAQ,EAE1D,KAAK,MAAM,IAAI,wCAAwCD,CAAM,EAAE,EAG/D,KAAK,6BAA6B,EAElC,KAAK,sBAAsB,CAC7B,CAKA,cAAe,CAER,KAAA,WAAa,KAAK,kBAGvB,KAAK,6BAA6B,EAGlC,KAAK,sBAAsB,CAC7B,CAMA,UAAW,CACJ,KAAA,MAAM,IAAI,mCAAmC,EAE9C,KAAK,UACP,KAAK,QAAQ,QACR,KAAA,QAAQ,IAAI,aAAa,GAGhC,KAAK,0BAA0B,EAE3B,KAAK,kBACP,aAAa,KAAK,eAAe,EACjC,KAAK,gBAAkB,MAGrB,KAAK,kBACP,KAAK,iBAAiB,OAE1B,CAGA,SAAU,CACH,KAAA,MAAM,IAAI,mCAAmC,EAClD,KAAK,SAAS,EACd,KAAK,YAAY,qBACZ,KAAA,MAAM,MAAM,eAAe,IAAI,CACtC,CAMA,kBAAmB,CACZ,KAAA,MAAM,IAAI,wCAAwC,EAEvD,KAAK,+BAAiC,GAEtC,MAAMK,EAAc,KAAK,MAAM,OAAA,EAAS,OAGpCA,GAAe,CAACA,EAAY,eAC9BA,EAAY,QAAQ,EAIlB,KAAK,SAAW,CAAC,SAAU,SAAS,EAAE,SAAS,KAAK,QAAQ,KAAK,GACnE,KAAK,QAAQ,MAEjB,CAGA,GACEC,EACAC,EACA,CACK,KAAA,YAAY,GAAGD,EAAWC,CAAQ,CACzC,CAEA,IACED,EACAC,EACA,CACK,KAAA,YAAY,IAAID,EAAWC,CAAQ,CAC1C,CAEA,UAAW,CACF,OAAA,KAAK,MAAM,UACpB,CAEA,MAAM,WAAWC,EAA8B,CAC7C,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,OACA,CAAE,QAASC,CAAI,EACf,cAAA,EAGK,KAAK,iBAAiBD,EAAa,MAAM,CAClD,CAEA,MAAM,eAAgB,CAYpB,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAIH,EAAS,EAOrC,GAL4B,KAAK,eAAe,SAAW,SAMzDC,EAAUG,GACRA,EAAM,WAAW,CACf,GAAGF,EACH,YAAa,EACb,aAAc,CAAA,CACf,CAAA,MAEE,CAEID,EAACG,GAAUA,EAAM,YAAY,CAAE,GAAGF,EAAU,aAAc,CAAG,CAAA,CAAC,EAEvE,MAAMG,EAAQ,CAAE,YAAa,KAAK,EAAE,eAC9BC,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAE3CN,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAGA,MAAMG,EAAS,MAAM,KAAK,qBAAqB,MAAM,EAErD,YAAK,YAAY,KAAK,iBAAkB,CAAE,MAAAL,EAAO,EACjD,KAAK,qBAAqB,iBAAkB,CAAE,MAAAA,CAAO,CAAA,EAE9CK,CACT,CAEA,MAAM,aAAaV,EAA8B,CAC1C,YAAA,kCACHA,EACA,SACA,CAAE,QAAS,IAAK,EAChB,cAAA,EAGK,KAAK,iBAAiBA,EAAa,QAAQ,CACpD,CAEA,MAAM,WAAWA,EAA8B,CAC7C,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,OACA,CAAE,QAASC,CAAI,EACf,cAAA,EAGK,KAAK,iBAAiBD,EAAa,MAAM,CAClD,CAEA,MAAM,eAAgB,CAYpB,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAIH,EAAS,EAOrC,GAL4B,KAAK,eAAe,SAAW,SAMzDC,EAAUG,GACRA,EAAM,WAAW,CACf,GAAGF,EACH,YAAa,EACb,aAAc,CAAA,CACf,CAAA,MAEE,CAEID,EAACG,GAAUA,EAAM,YAAY,CAAE,GAAGF,EAAU,aAAc,CAAG,CAAA,CAAC,EAEvE,MAAMG,EAAQ,CAAE,YAAa,KAAK,EAAE,eAC9BC,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAE3CN,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAGA,MAAMG,EAAS,MAAM,KAAK,qBAAqB,MAAM,EAErD,YAAK,YAAY,KAAK,iBAAkB,CAAE,MAAAL,EAAO,EACjD,KAAK,qBAAqB,iBAAkB,CAAE,MAAAA,CAAO,CAAA,EAE9CK,CACT,CAEA,MAAM,aAAaV,EAA8B,CAC1C,YAAA,kCACHA,EACA,SACA,CAAE,QAAS,IAAK,EAChB,cAAA,EAGK,KAAK,iBAAiBA,EAAa,QAAQ,CACpD,CAEA,MAAM,iBAAiBA,EAA8B,CACnD,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,aACA,CACE,QAASC,EACT,cAAeA,CACjB,EACA,cAAA,EAGK,KAAK,iBAAiBD,EAAa,YAAY,CACxD,CAUA,MAAM,eAAeA,EAA8B,CACjD,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9BQ,EAAQT,IAERU,EACJ,KAAK,eAAe,WAAa,UAE7BC,EAAkB,MAAM,QAAQb,CAAW,EAC7CA,EACA,CAACA,CAAW,EAEVQ,EAAoBK,EAAgB,IAAKJ,GAASA,EAAK,EAAE,EA6B/D,GAAIG,EAAiC,CAG7B,MAAAE,EAAcD,EAAgB,OAAQE,GAAM,CAACA,EAAE,OAAO,EAAE,OACxDC,EAAcH,EAAgB,OAAQE,GAAM,CAACA,EAAE,OAAO,EAAE,OAGxDE,EAAkB,CACtB,GAAGN,EAAM,SACT,YAAaA,EAAM,SAAS,YAAcE,EAAgB,OAC1D,aAAcF,EAAM,SAAS,aAAeG,EAC5C,aAAcH,EAAM,SAAS,aAAeK,CAAA,EAIxCE,EAAeP,EAAM,MAAM,OAC9BF,GAAS,CAACD,EAAQ,SAASC,EAAK,EAAE,CAAA,EAGrCN,EAAUQ,GACRA,EAAM,UAAU,CACd,QAASO,EACT,KAAMD,EACN,UAAWN,EAAM,QAAA,CAClB,CAAA,CACH,MAGMA,EAAA,aAAaH,EAAS,CAAE,gBAAiB,KAAK,EAAE,YAAY,CAAA,CAAG,EAGhE,OAAA,KAAK,iBAAiBR,EAAa,UAAU,CACtD,CAEA,MAAM,mBAAoB,CAIxB,KAAM,CAAE,SAAAG,EAAU,SAAAD,GAAa,KAAK,MAC9B,CAAE,MAAAG,GAAUH,IAIZU,EACJ,KAAK,eAAe,WAAa,UAIjCT,EAFES,EAEQN,GAAUA,EAAM,WAAY,EAG5BA,GAAU,CAClB,MAAME,EAAUH,EAAM,IAAKU,GAAMA,EAAE,EAAE,EAC/BT,EAAA,aAAaE,EAAS,CAAE,gBAAiB,KAAK,EAAE,YAAY,CAAA,CAAG,CAAA,CALjC,EAUxC,MAAME,EAAS,MAAM,KAAK,qBAAqB,SAAS,EAExD,YAAK,YAAY,KAAK,qBAAsB,CAAE,MAAAL,EAAO,EACrD,KAAK,qBAAqB,qBAAsB,CAAE,MAAAA,CAAO,CAAA,EAElDK,CACT,CAEA,MAAM,iBAAiBV,EAA8B,CAC9C,YAAA,kCAAkCA,EAAa,aAAc,CAChE,YAAa,IAAA,CACd,EAEM,KAAK,iBAAiBA,EAAa,YAAY,CACxD,CAGA,MAAM,MAAMP,EAA4B,GAAI,CAC1C,KAAM,CAAE,SAAAU,EAAU,SAAAD,GAAa,KAAK,MAC9B,CAAEiB,cAAAA,GAAkBjB,IAGtB,GAAAkB,EAAAA,kBAAkBD,CAAa,EACjC,OAIFhB,EAAUG,GACRA,EAAM,iBAAiBb,EAAQ,eAAiB4B,gBAAc,OAAO,CAAA,EAIvE,MAAMC,EAAc,CAClB,GAAG,KAAK,eACR,GAAG7B,EAEH,cAAe,OACf,cAAe,OACf,kCAAmC,OACnC,8BAA+B,OAC/B,oCAAqC,MAAA,EAGjCiB,EAAS,MAAM,KAAK,MAAM,OAAA,EAAS,YAAY,CACnD,OAAQ,MACR,IAAK,aAAa,KAAK,MAAM,MAAM,UAAU,KAAK,MAAM,GACxD,OAAQY,CAAA,CACT,EAED,GAAIZ,EAAO,aAAe,SAAW,CAACA,EAAO,KAC3C,OAAAP,EAAUG,GAAUA,EAAM,iBAAiBe,EAAA,cAAc,KAAK,CAAC,EAExD,CACL,OAAQX,EAAO,WACf,KAAMA,EAAO,OAASA,EAAO,IAAA,EAIjC,MAAMa,EAAW,CACf,QAASb,EAAO,KAAK,QACrB,KAAMA,EAAO,KAAK,KAClB,UAAWA,EAAO,KAAK,SAAA,EAGzB,GAAIjB,EAAQ,OAAQ,CAClB,MAAM+B,EAAO,CAAE,cAAe,GAAO,aAAc,EAAK,EACxDrB,EAAUQ,GAAUA,EAAM,UAAUY,EAAUC,CAAI,CAAC,CAAA,SAC1C/B,EAAQ,MAAO,CACxB,MAAM+B,EAAO,CAAE,cAAe,GAAM,aAAc,EAAK,EACvDrB,EAAUQ,GAAUA,EAAM,UAAUY,EAAUC,CAAI,CAAC,CAAA,MAEnDrB,EAAUQ,GAAUA,EAAM,UAAUY,CAAQ,CAAC,EAI1C,KAAA,UAAU,eAAgBA,CAAQ,EAGvC,MAAME,EACJhC,EAAQ,gBAAkB,SACtB,0BACA,sBAEAiC,EAAe,CACnB,MAAOH,EAAS,QAChB,SAAUA,EAAS,KACnB,MAAOE,CAAA,EAGJ,YAAA,UAAUC,EAAa,MAAOA,CAAY,EAExC,CAAE,KAAMH,EAAU,OAAQb,EAAO,UAAW,CACrD,CAEA,MAAM,eAAgB,CAEd,KAAA,CAAE,SAAAR,CAAS,EAAI,KAAK,MACpB,CAAE,SAAAyB,GAAazB,IAEhByB,EAAS,OAKd,KAAK,MAAM,CACT,MAAOA,EAAS,MAChB,cAAeN,EAAc,cAAA,SAAA,CAC9B,CACH,CAEQ,UACNvB,EACA8B,EACA,CACK,KAAA,YAAY,KAAK9B,EAAW8B,CAAI,CACvC,CAGA,MAAc,qBAAqB,CACjC,SAAAxB,CAAA,EAC8B,CACzB,KAAA,MAAM,IAAI,uCAAuC,EAGtD,KAAM,CAAE,SAAAF,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,MAAAE,GAAUH,IACZ2B,EAAoCxB,EAAM,CAAC,EAEjDF,EAAUQ,GAAUA,EAAM,YAAYP,CAAQ,CAAC,EAE/C,KAAK,MAAM,CAAE,OAAQyB,GAAA,YAAAA,EAAa,SAAU,cAAe,SAAU,CACvE,CAEQ,iBAAkB,CACxB,MAAO,GAAG,KAAK,MAAM,IAAI,KAAK,MAAM,MAAM,EAC5C,CAEQ,kCACN7B,EACA8B,EACAvB,EACAwB,EACA,CACA,KAAM,CAAE,SAAA7B,EAAU,SAAAC,GAAa,KAAK,MAC9BU,EAAkB,MAAM,QAAQb,CAAW,EAC7CA,EACA,CAACA,CAAW,EACVQ,EAAUK,EAAgB,IAAKJ,GAASA,EAAK,EAAE,EAErD,GAAIsB,EAAgB,CACZ,KAAA,CAAE,SAAA3B,GAAaF,IAIf8B,EAAgBnB,EAAgB,OAAQJ,GAAS,CACrD,OAAQqB,EAAM,CACZ,IAAK,OACH,OAAOrB,EAAK,UAAY,KAC1B,IAAK,SACH,OAAOA,EAAK,UAAY,KAC1B,IAAK,OACL,IAAK,aACH,OAAOA,EAAK,UAAY,KAC1B,IAAK,SACH,OAAOA,EAAK,UAAY,KAC1B,QACS,MAAA,EACX,CAAA,CACD,EAIKwB,EAAYH,EAAK,WAAW,IAAI,EAClCE,EAAc,OACd,CAACA,EAAc,OAEnB7B,EAAUG,GACRA,EAAM,YAAY,CAChB,GAAGF,EACH,CAAC2B,CAAc,EAAG,KAAK,IAAI,EAAG3B,EAAS2B,CAAc,EAAIE,CAAS,CAAA,CACnE,CAAA,CAEL,CAGA9B,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAEA,MAAc,iBACZP,EACA8B,EACA,CAEA,MAAMzB,EAAQ,MAAM,QAAQL,CAAW,EAAIA,EAAc,CAACA,CAAW,EAC/DQ,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAErCC,EAAS,MAAM,KAAK,MAAM,SAAS,oBAAoBF,EAASsB,CAAI,EAI1E,YAAK,YAAY,KAAK,SAASA,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAIhD,KAAK,YAAY,KAAK,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAChD,KAAK,qBAAqB,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAE7CK,CACT,CAEA,MAAc,qBACZwB,EACA,CAKA,MAAMzC,EAAU,CACd,SAAU,CAAC,KAAK,MAAM,MAAO,EAC7B,kBACE,KAAK,eAAe,SAAW,MAC3B,KAAK,eAAe,OACpB,OACN,SAAU,KAAK,eAAe,SAC9B,WAAY,KAAK,eAAe,WAChC,QAAS,KAAK,eAAe,OACzB,CAAC,KAAK,eAAe,MAAM,EAC3B,MAAA,EAGN,OAAO,MAAM,KAAK,MAAM,SAAS,+BAA+B,CAC9D,UAAW,KAAK,OAChB,OAAAyC,EACA,QAAAzC,CAAA,CACD,CACH,CAEQ,uBAAwB,CAG9B,KAAK,iBACH,OAAO,KAAS,KAAe,qBAAsB,KACjD,IAAI,iBAAiB,cAAc,KAAK,UAAU,EAAE,EACpD,KAKJ,KAAK,kBACL,KAAK,eAAe,oCAAsC,KAErD,KAAA,iBAAiB,UAAa,GAAM,CAC/B,OAAA,EAAE,KAAK,KAAM,CACnB,IAAK,iBACL,IAAK,mBACL,IAAK,aACL,IAAK,eACL,IAAK,aACL,IAAK,eACL,IAAK,iBACL,IAAK,iBACL,IAAK,qBAIH,OAAO,KAAK,QACd,QACS,OAAA,IACX,CAAA,EAGN,CAEQ,qBAAqBqC,EAAcK,EAAc,CAEnD,GAAC,KAAK,iBAMN,GAAA,CACF,MAAMC,EAAqB,KAAK,MAAM,KAAK,UAAUD,CAAO,CAAC,EAE7D,KAAK,iBAAiB,YAAY,CAChC,KAAAL,EACA,QAASM,CAAA,CACV,QACMC,EAAG,CACV,QAAQ,KAAK,uBAAuBP,CAAI,gBAAgBO,CAAC,EAAE,CAC7D,CACF,CAEQ,8BAA+B,CACrC,KAAM,CAAE,OAAQxC,CAAA,EAAgB,KAAK,MAAM,SAGtCA,IAGL,KAAK,QAAUA,EAAY,QACzB,SAAS,KAAK,UAAU,GACxB,KAAK,cAAA,EAGF,KAAA,QAAQ,GAAG,cAAgByC,GAAS,KAAK,qBAAqBA,CAAI,CAAC,EAEpE,KAAK,eAAe,+BACtB,KAAK,uBAAuB,EAK1B,KAAK,iCACFzC,EAAY,YAAY,GAAGA,EAAY,QAAQ,EACpD,KAAK,QAAQ,QAEjB,CAMQ,wBAAyB,CAC/B,KAAK,wBAA0B,KAAK,uBAAuB,KAAK,IAAI,EAC3D,SAAA,iBAAiB,mBAAoB,KAAK,uBAAuB,CAC5E,CAEQ,2BAA4B,CACzB,SAAA,oBACP,mBACA,KAAK,uBAAA,CAET,CAEQ,wBAAyB,OACzB,MAAA0C,EACJ,KAAK,eAAe,qCACpBlD,EAEImD,EAAS,KAAK,MAAM,OAAO,EAE7B,SAAS,kBAAoB,SAE1B,KAAA,gBAAkB,WAAW,IAAM,QACtCC,EAAAD,EAAO,SAAP,MAAAC,EAAe,aACf,KAAK,gBAAkB,MACtBF,CAAe,EACT,SAAS,kBAAoB,YAGlC,KAAK,kBACP,aAAa,KAAK,eAAe,EACjC,KAAK,gBAAkB,OAIpBE,EAAAD,EAAO,SAAP,MAAAC,EAAe,eAClB,KAAK,6BAA6B,EAGxC,CACF"}
+{"version":3,"file":"feed.js","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n  BulkUpdateMessagesInChannelProperties,\n  MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n  FeedClientOptions,\n  FeedItem,\n  FeedMetadata,\n  FeedResponse,\n  FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n  FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n  private userFeedId: string;\n  private channel?: Channel;\n  private broadcaster: EventEmitter;\n  private defaultOptions: FeedClientOptions;\n  private broadcastChannel!: BroadcastChannel | null;\n  private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n  private hasSubscribedToRealTimeUpdates: Boolean = false;\n  private visibilityChangeHandler: () => void = () => {};\n  private visibilityChangeListenerConnected: Boolean = false;\n\n  // The raw store instance, used for binding in React and other environments\n  public store: StoreApi<FeedStoreState>;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n  ) {\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = { ...feedClientDefaults, ...options };\n\n    this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n    // Attempt to setup a realtime connection (does not join)\n    this.initializeRealtimeConnection();\n\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n   */\n  reinitialize() {\n    // Reinitialize the user feed id incase the userId changed\n    this.userFeedId = this.buildUserFeedId();\n\n    // Reinitialize the real-time connection\n    this.initializeRealtimeConnection();\n\n    // Reinitialize our broadcast channel\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Cleans up a feed instance by destroying the store and disconnecting\n   * an open socket connection.\n   */\n  teardown() {\n    this.knock.log(\"[Feed] Tearing down feed instance\");\n\n    if (this.channel) {\n      this.channel.leave();\n      this.channel.off(\"new-message\");\n    }\n\n    this.teardownAutoSocketManager();\n\n    if (this.disconnectTimer) {\n      clearTimeout(this.disconnectTimer);\n      this.disconnectTimer = null;\n    }\n\n    if (this.broadcastChannel) {\n      this.broadcastChannel.close();\n    }\n  }\n\n  /** Tears down an instance and removes it entirely from the feed manager */\n  dispose() {\n    this.knock.log(\"[Feed] Disposing of feed instance\");\n    this.teardown();\n    this.broadcaster.removeAllListeners();\n    this.knock.feeds.removeInstance(this);\n  }\n\n  /*\n    Initializes a real-time connection to Knock, connecting the websocket for the\n    current ApiClient instance if the socket is not already connected.\n  */\n  listenForUpdates() {\n    this.knock.log(\"[Feed] Connecting to real-time service\");\n\n    this.hasSubscribedToRealTimeUpdates = true;\n\n    const maybeSocket = this.knock.client().socket;\n\n    // Connect the socket only if we don't already have a connection\n    if (maybeSocket && !maybeSocket.isConnected()) {\n      maybeSocket.connect();\n    }\n\n    // Only join the channel if we're not already in a joining state\n    if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n      this.channel.join();\n    }\n  }\n\n  /* Binds a handler to be invoked when event occurs */\n  on(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.on(eventName, callback);\n  }\n\n  off(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.off(eventName, callback);\n  }\n\n  getState() {\n    return this.store.getState();\n  }\n\n  async markAsSeen(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"seen\",\n      { seen_at: now },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"seen\");\n  }\n\n  async markAllAsSeen() {\n    // To mark all of the messages as seen we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unseen_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n    // If we're looking at the unseen view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnseen) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unseen_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unseen_count: 0 }));\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"seen\");\n    this.emitEvent(\"all_seen\", items);\n\n    return result;\n  }\n\n  async markAsUnseen(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unseen\",\n      { seen_at: null },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unseen\");\n  }\n\n  async markAsRead(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"read\",\n      { read_at: now },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"read\");\n  }\n\n  async markAllAsRead() {\n    // To mark all of the messages as read we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unread_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n    // If we're looking at the unread view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnread) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unread_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unread_count: 0 }));\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"read\");\n    this.emitEvent(\"all_read\", items);\n\n    return result;\n  }\n\n  async markAsUnread(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unread\",\n      { read_at: null },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unread\");\n  }\n\n  async markAsInteracted(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"interacted\",\n      {\n        read_at: now,\n        interacted_at: now,\n      },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"interacted\");\n  }\n\n  /*\n  Marking one or more items as archived should:\n\n  - Decrement the badge count for any unread / unseen items\n  - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n  TODO: how do we handle rollbacks?\n  */\n  async markAsArchived(itemOrItems: FeedItemOrItems) {\n    const { getState, setState } = this.store;\n    const state = getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n\n    const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n    /*\n      In the code here we want to optimistically update counts and items\n      that are persisted such that we can display updates immediately on the feed\n      without needing to make a network request.\n\n      Note: right now this does *not* take into account offline handling or any extensive retry\n      logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n      this library.\n\n      Scenarios to consider:\n\n      ## Feed scope to archived *only*\n\n      - Counts should not be decremented\n      - Items should not be removed\n\n      ## Feed scoped to exclude archived items (the default)\n\n      - Counts should be decremented\n      - Items should be removed\n\n      ## Feed scoped to include archived items as well\n\n      - Counts should not be decremented\n      - Items should not be removed\n    */\n\n    if (shouldOptimisticallyRemoveItems) {\n      // If any of the items are unseen or unread, then capture as we'll want to decrement\n      // the counts for these in the metadata we have\n      const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n      const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: state.metadata.total_count - normalizedItems.length,\n        unseen_count: state.metadata.unseen_count - unseenCount,\n        unread_count: state.metadata.unread_count - unreadCount,\n      };\n\n      // Remove the archiving entries\n      const entriesToSet = state.items.filter(\n        (item) => !itemIds.includes(item.id),\n      );\n\n      setState((state) =>\n        state.setResult({\n          entries: entriesToSet,\n          meta: updatedMetadata,\n          page_info: state.pageInfo,\n        }),\n      );\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n    }\n\n    return this.makeStatusUpdate(itemOrItems, \"archived\");\n  }\n\n  async markAllAsArchived() {\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    const { setState, getState } = this.store;\n    const { items } = getState();\n\n    // Here if we're looking at a feed that excludes all of the archived items by default then we\n    // will want to optimistically remove all of the items from the feed as they are now all excluded\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    if (shouldOptimisticallyRemoveItems) {\n      // Reset the store to clear out all of items and reset the badge count\n      setState((store) => store.resetStore());\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      setState((store) => {\n        const itemIds = items.map((i) => i.id);\n        store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n      });\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"archive\");\n    this.emitEvent(\"all_archived\", items);\n\n    return result;\n  }\n\n  async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n      archived_at: null,\n    });\n\n    return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n  }\n\n  /* Fetches the feed content, appending it to the store */\n  async fetch(options: FetchFeedOptions = {}) {\n    const { setState, getState } = this.store;\n    const { networkStatus } = getState();\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    setState((store) =>\n      store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),\n    );\n\n    // Always include the default params, if they have been set\n    const queryParams = {\n      ...this.defaultOptions,\n      ...options,\n      // Unset options that should not be sent to the API\n      __loadingType: undefined,\n      __fetchSource: undefined,\n      __experimentalCrossBrowserUpdates: undefined,\n      auto_manage_socket_connection: undefined,\n      auto_manage_socket_connection_delay: undefined,\n    };\n\n    const result = await this.knock.client().makeRequest({\n      method: \"GET\",\n      url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n      params: queryParams,\n    });\n\n    if (result.statusCode === \"error\" || !result.body) {\n      setState((store) => store.setNetworkStatus(NetworkStatus.error));\n\n      return {\n        status: result.statusCode,\n        data: result.error || result.body,\n      };\n    }\n\n    const response = {\n      entries: result.body.entries,\n      meta: result.body.meta,\n      page_info: result.body.page_info,\n    };\n\n    if (options.before) {\n      const opts = { shouldSetPage: false, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else {\n      setState((state) => state.setResult(response));\n    }\n\n    // Legacy `messages.new` event, should be removed in a future version\n    this.broadcast(\"messages.new\", response);\n\n    // Broadcast the appropriate event type depending on the fetch source\n    const feedEventType: FeedEvent =\n      options.__fetchSource === \"socket\"\n        ? \"items.received.realtime\"\n        : \"items.received.page\";\n\n    const eventPayload = {\n      items: response.entries as FeedItem[],\n      metadata: response.meta as FeedMetadata,\n      event: feedEventType,\n    };\n\n    this.broadcast(eventPayload.event, eventPayload);\n\n    return { data: response, status: result.statusCode };\n  }\n\n  async fetchNextPage() {\n    // Attempts to fetch the next page of results (if we have any)\n    const { getState } = this.store;\n    const { pageInfo } = getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  private broadcast(\n    eventName: FeedEvent,\n    data: FeedResponse | FeedEventPayload,\n  ) {\n    this.broadcaster.emit(eventName, data);\n  }\n\n  // Invoked when a new real-time message comes in from the socket\n  private async onNewMessageReceived({\n    metadata,\n  }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { getState, setState } = this.store;\n    const { items } = getState();\n    const currentHead: FeedItem | undefined = items[0];\n    // Optimistically set the badge counts\n    setState((state) => state.setMetadata(metadata));\n    // Fetch the items before the current head (if it exists)\n    this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n  }\n\n  private buildUserFeedId() {\n    return `${this.feedId}:${this.knock.userId}`;\n  }\n\n  private optimisticallyPerformStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    attrs: object,\n    badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n  ) {\n    const { getState, setState } = this.store;\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n    const itemIds = normalizedItems.map((item) => item.id);\n\n    if (badgeCountAttr) {\n      const { metadata } = getState();\n\n      // We only want to update the counts of items that have not already been counted towards the\n      // badge count total to avoid updating the badge count unnecessarily.\n      const itemsToUpdate = normalizedItems.filter((item) => {\n        switch (type) {\n          case \"seen\":\n            return item.seen_at === null;\n          case \"unseen\":\n            return item.seen_at !== null;\n          case \"read\":\n          case \"interacted\":\n            return item.read_at === null;\n          case \"unread\":\n            return item.read_at !== null;\n          default:\n            return true;\n        }\n      });\n\n      // Tnis is a hack to determine the direction of whether we're\n      // adding or removing from the badge count\n      const direction = type.startsWith(\"un\")\n        ? itemsToUpdate.length\n        : -itemsToUpdate.length;\n\n      setState((store) =>\n        store.setMetadata({\n          ...metadata,\n          [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n        }),\n      );\n    }\n\n    // Update the items with the given attributes\n    setState((store) => store.setItemAttrs(itemIds, attrs));\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n  ) {\n    // Always treat items as a batch to use the corresponding batch endpoint\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n    const itemIds = items.map((item) => item.id);\n\n    const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n    // Emit the event that these items had their statuses changed\n    // Note: we do this after the update to ensure that the server event actually completed\n    this.emitEvent(type, items);\n\n    return result;\n  }\n\n  private async makeBulkStatusUpdate(\n    status: BulkUpdateMessagesInChannelProperties[\"status\"],\n  ) {\n    // The base scope for the call should take into account all of the options currently\n    // set on the feed, as well as being scoped for the current user. We do this so that\n    // we ONLY make changes to the messages that are currently in view on this feed, and not\n    // all messages that exist.\n    const options = {\n      user_ids: [this.knock.userId!],\n      engagement_status:\n        this.defaultOptions.status !== \"all\"\n          ? this.defaultOptions.status\n          : undefined,\n      archived: this.defaultOptions.archived,\n      has_tenant: this.defaultOptions.has_tenant,\n      tenants: this.defaultOptions.tenant\n        ? [this.defaultOptions.tenant]\n        : undefined,\n    };\n\n    return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n      channelId: this.feedId,\n      status,\n      options,\n    });\n  }\n\n  private setupBroadcastChannel() {\n    // Attempt to bind to listen to other events from this feed in different tabs\n    // Note: here we ensure `self` is available (it's not in server rendered envs)\n    this.broadcastChannel =\n      typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n        ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n        : null;\n\n    // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n    // channel (iff it's enabled and exists)\n    if (\n      this.broadcastChannel &&\n      this.defaultOptions.__experimentalCrossBrowserUpdates === true\n    ) {\n      this.broadcastChannel.onmessage = (e) => {\n        switch (e.data.type) {\n          case \"items:archived\":\n          case \"items:unarchived\":\n          case \"items:seen\":\n          case \"items:unseen\":\n          case \"items:read\":\n          case \"items:unread\":\n          case \"items:all_read\":\n          case \"items:all_seen\":\n          case \"items:all_archived\":\n            // When items are updated in any other tab, simply refetch to get the latest state\n            // to make sure that the state gets updated accordingly. In the future here we could\n            // maybe do this optimistically without the fetch.\n            return this.fetch();\n          default:\n            return null;\n        }\n      };\n    }\n  }\n\n  private broadcastOverChannel(type: string, payload: any) {\n    // The broadcastChannel may not be available in non-browser environments\n    if (!this.broadcastChannel) {\n      return;\n    }\n\n    // Here we stringify our payload and try and send as JSON such that we\n    // don't get any `An object could not be cloned` errors when trying to broadcast\n    try {\n      const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n      this.broadcastChannel.postMessage({\n        type,\n        payload: stringifiedPayload,\n      });\n    } catch (e) {\n      console.warn(`Could not broadcast ${type}, got error: ${e}`);\n    }\n  }\n\n  private initializeRealtimeConnection() {\n    const { socket: maybeSocket } = this.knock.client();\n\n    // In server environments we might not have a socket connection\n    if (!maybeSocket) return;\n\n    // Reinitialize channel connections incase the socket changed\n    this.channel = maybeSocket.channel(\n      `feeds:${this.userFeedId}`,\n      this.defaultOptions,\n    );\n\n    this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setupAutoSocketManager();\n    }\n\n    // If we're initializing but they have previously opted to listen to real-time updates\n    // then we will automatically reconnect on their behalf\n    if (this.hasSubscribedToRealTimeUpdates) {\n      if (!maybeSocket.isConnected()) maybeSocket.connect();\n      this.channel.join();\n    }\n  }\n\n  /**\n   * Listen for changes to document visibility and automatically disconnect\n   * or reconnect the socket after a delay\n   */\n  private setupAutoSocketManager() {\n    if (this.visibilityChangeListenerConnected) return;\n\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    this.visibilityChangeListenerConnected = true;\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private teardownAutoSocketManager() {\n    document.removeEventListener(\n      \"visibilitychange\",\n      this.visibilityChangeHandler,\n    );\n    this.visibilityChangeListenerConnected = false;\n  }\n\n  private emitEvent(\n    type:\n      | MessageEngagementStatus\n      | \"all_read\"\n      | \"all_seen\"\n      | \"all_archived\"\n      | \"unread\"\n      | \"unseen\"\n      | \"unarchived\",\n    items: FeedItem[],\n  ) {\n    // Handle both `items.` and `items:` format for events for compatibility reasons\n    this.broadcaster.emit(`items.${type}`, { items });\n    this.broadcaster.emit(`items:${type}`, { items });\n    // Internal events only need `items:`\n    this.broadcastOverChannel(`items:${type}`, { items });\n  }\n\n  private handleVisibilityChange() {\n    const disconnectDelay =\n      this.defaultOptions.auto_manage_socket_connection_delay ??\n      DEFAULT_DISCONNECT_DELAY;\n\n    const client = this.knock.client();\n\n    if (document.visibilityState === \"hidden\") {\n      // When the tab is hidden, clean up the socket connection after a delay\n      this.disconnectTimer = setTimeout(() => {\n        client.socket?.disconnect();\n        this.disconnectTimer = null;\n      }, disconnectDelay);\n    } else if (document.visibilityState === \"visible\") {\n      // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n      // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n      if (this.disconnectTimer) {\n        clearTimeout(this.disconnectTimer);\n        this.disconnectTimer = null;\n      }\n\n      // If the socket is not connected, try to reconnect\n      if (!client.socket?.isConnected()) {\n        this.initializeRealtimeConnection();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","getState","setState","metadata","items","store","attrs","itemIds","item","result","state","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"iXA+BMA,EAA0D,CAC9D,SAAU,SACZ,EAEMC,EAA2B,IAEjC,MAAMC,CAAK,CAcT,YACWC,EACAC,EACTC,EACA,CAjBMC,EAAA,mBACAA,EAAA,gBACAA,EAAA,oBACAA,EAAA,uBACAA,EAAA,yBACAA,EAAA,uBAAwD,MACxDA,EAAA,sCAA0C,IAC1CA,EAAA,+BAAsC,IAAM,CAAA,GAC5CA,EAAA,yCAA6C,IAG9CA,EAAA,cAGI,KAAA,MAAAH,EACA,KAAA,OAAAC,EAGT,KAAK,OAASA,EACT,KAAA,WAAa,KAAK,kBACvB,KAAK,MAAQG,EAAAA,UACR,KAAA,YAAc,IAAIC,EAAa,CAAE,SAAU,GAAM,UAAW,IAAK,EACtE,KAAK,eAAiB,CAAE,GAAGR,EAAoB,GAAGK,CAAQ,EAE1D,KAAK,MAAM,IAAI,wCAAwCD,CAAM,EAAE,EAG/D,KAAK,6BAA6B,EAElC,KAAK,sBAAsB,CAC7B,CAKA,cAAe,CAER,KAAA,WAAa,KAAK,kBAGvB,KAAK,6BAA6B,EAGlC,KAAK,sBAAsB,CAC7B,CAMA,UAAW,CACJ,KAAA,MAAM,IAAI,mCAAmC,EAE9C,KAAK,UACP,KAAK,QAAQ,QACR,KAAA,QAAQ,IAAI,aAAa,GAGhC,KAAK,0BAA0B,EAE3B,KAAK,kBACP,aAAa,KAAK,eAAe,EACjC,KAAK,gBAAkB,MAGrB,KAAK,kBACP,KAAK,iBAAiB,OAE1B,CAGA,SAAU,CACH,KAAA,MAAM,IAAI,mCAAmC,EAClD,KAAK,SAAS,EACd,KAAK,YAAY,qBACZ,KAAA,MAAM,MAAM,eAAe,IAAI,CACtC,CAMA,kBAAmB,CACZ,KAAA,MAAM,IAAI,wCAAwC,EAEvD,KAAK,+BAAiC,GAEtC,MAAMK,EAAc,KAAK,MAAM,OAAA,EAAS,OAGpCA,GAAe,CAACA,EAAY,eAC9BA,EAAY,QAAQ,EAIlB,KAAK,SAAW,CAAC,SAAU,SAAS,EAAE,SAAS,KAAK,QAAQ,KAAK,GACnE,KAAK,QAAQ,MAEjB,CAGA,GACEC,EACAC,EACA,CACK,KAAA,YAAY,GAAGD,EAAWC,CAAQ,CACzC,CAEA,IACED,EACAC,EACA,CACK,KAAA,YAAY,IAAID,EAAWC,CAAQ,CAC1C,CAEA,UAAW,CACF,OAAA,KAAK,MAAM,UACpB,CAEA,MAAM,WAAWC,EAA8B,CAC7C,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,OACA,CAAE,QAASC,CAAI,EACf,cAAA,EAGK,KAAK,iBAAiBD,EAAa,MAAM,CAClD,CAEA,MAAM,eAAgB,CAYpB,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAIH,EAAS,EAOrC,GAL4B,KAAK,eAAe,SAAW,SAMzDC,EAAUG,GACRA,EAAM,WAAW,CACf,GAAGF,EACH,YAAa,EACb,aAAc,CAAA,CACf,CAAA,MAEE,CAEID,EAACG,GAAUA,EAAM,YAAY,CAAE,GAAGF,EAAU,aAAc,CAAG,CAAA,CAAC,EAEvE,MAAMG,EAAQ,CAAE,YAAa,KAAK,EAAE,eAC9BC,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAE3CN,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAGA,MAAMG,EAAS,MAAM,KAAK,qBAAqB,MAAM,EAChD,YAAA,UAAU,WAAYL,CAAK,EAEzBK,CACT,CAEA,MAAM,aAAaV,EAA8B,CAC1C,YAAA,kCACHA,EACA,SACA,CAAE,QAAS,IAAK,EAChB,cAAA,EAGK,KAAK,iBAAiBA,EAAa,QAAQ,CACpD,CAEA,MAAM,WAAWA,EAA8B,CAC7C,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,OACA,CAAE,QAASC,CAAI,EACf,cAAA,EAGK,KAAK,iBAAiBD,EAAa,MAAM,CAClD,CAEA,MAAM,eAAgB,CAYpB,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAIH,EAAS,EAOrC,GAL4B,KAAK,eAAe,SAAW,SAMzDC,EAAUG,GACRA,EAAM,WAAW,CACf,GAAGF,EACH,YAAa,EACb,aAAc,CAAA,CACf,CAAA,MAEE,CAEID,EAACG,GAAUA,EAAM,YAAY,CAAE,GAAGF,EAAU,aAAc,CAAG,CAAA,CAAC,EAEvE,MAAMG,EAAQ,CAAE,YAAa,KAAK,EAAE,eAC9BC,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAE3CN,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAGA,MAAMG,EAAS,MAAM,KAAK,qBAAqB,MAAM,EAChD,YAAA,UAAU,WAAYL,CAAK,EAEzBK,CACT,CAEA,MAAM,aAAaV,EAA8B,CAC1C,YAAA,kCACHA,EACA,SACA,CAAE,QAAS,IAAK,EAChB,cAAA,EAGK,KAAK,iBAAiBA,EAAa,QAAQ,CACpD,CAEA,MAAM,iBAAiBA,EAA8B,CACnD,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,aACA,CACE,QAASC,EACT,cAAeA,CACjB,EACA,cAAA,EAGK,KAAK,iBAAiBD,EAAa,YAAY,CACxD,CAUA,MAAM,eAAeA,EAA8B,CACjD,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9BQ,EAAQT,IAERU,EACJ,KAAK,eAAe,WAAa,UAE7BC,EAAkB,MAAM,QAAQb,CAAW,EAC7CA,EACA,CAACA,CAAW,EAEVQ,EAAoBK,EAAgB,IAAKJ,GAASA,EAAK,EAAE,EA6B/D,GAAIG,EAAiC,CAG7B,MAAAE,EAAcD,EAAgB,OAAQE,GAAM,CAACA,EAAE,OAAO,EAAE,OACxDC,EAAcH,EAAgB,OAAQE,GAAM,CAACA,EAAE,OAAO,EAAE,OAGxDE,EAAkB,CACtB,GAAGN,EAAM,SACT,YAAaA,EAAM,SAAS,YAAcE,EAAgB,OAC1D,aAAcF,EAAM,SAAS,aAAeG,EAC5C,aAAcH,EAAM,SAAS,aAAeK,CAAA,EAIxCE,EAAeP,EAAM,MAAM,OAC9BF,GAAS,CAACD,EAAQ,SAASC,EAAK,EAAE,CAAA,EAGrCN,EAAUQ,GACRA,EAAM,UAAU,CACd,QAASO,EACT,KAAMD,EACN,UAAWN,EAAM,QAAA,CAClB,CAAA,CACH,MAGMA,EAAA,aAAaH,EAAS,CAAE,gBAAiB,KAAK,EAAE,YAAY,CAAA,CAAG,EAGhE,OAAA,KAAK,iBAAiBR,EAAa,UAAU,CACtD,CAEA,MAAM,mBAAoB,CAIxB,KAAM,CAAE,SAAAG,EAAU,SAAAD,GAAa,KAAK,MAC9B,CAAE,MAAAG,GAAUH,IAIZU,EACJ,KAAK,eAAe,WAAa,UAIjCT,EAFES,EAEQN,GAAUA,EAAM,WAAY,EAG5BA,GAAU,CAClB,MAAME,EAAUH,EAAM,IAAKU,GAAMA,EAAE,EAAE,EAC/BT,EAAA,aAAaE,EAAS,CAAE,gBAAiB,KAAK,EAAE,YAAY,CAAA,CAAG,CAAA,CALjC,EAUxC,MAAME,EAAS,MAAM,KAAK,qBAAqB,SAAS,EACnD,YAAA,UAAU,eAAgBL,CAAK,EAE7BK,CACT,CAEA,MAAM,iBAAiBV,EAA8B,CAC9C,YAAA,kCAAkCA,EAAa,aAAc,CAChE,YAAa,IAAA,CACd,EAEM,KAAK,iBAAiBA,EAAa,YAAY,CACxD,CAGA,MAAM,MAAMP,EAA4B,GAAI,CAC1C,KAAM,CAAE,SAAAU,EAAU,SAAAD,GAAa,KAAK,MAC9B,CAAEiB,cAAAA,GAAkBjB,IAGtB,GAAAkB,EAAAA,kBAAkBD,CAAa,EACjC,OAIFhB,EAAUG,GACRA,EAAM,iBAAiBb,EAAQ,eAAiB4B,gBAAc,OAAO,CAAA,EAIvE,MAAMC,EAAc,CAClB,GAAG,KAAK,eACR,GAAG7B,EAEH,cAAe,OACf,cAAe,OACf,kCAAmC,OACnC,8BAA+B,OAC/B,oCAAqC,MAAA,EAGjCiB,EAAS,MAAM,KAAK,MAAM,OAAA,EAAS,YAAY,CACnD,OAAQ,MACR,IAAK,aAAa,KAAK,MAAM,MAAM,UAAU,KAAK,MAAM,GACxD,OAAQY,CAAA,CACT,EAED,GAAIZ,EAAO,aAAe,SAAW,CAACA,EAAO,KAC3C,OAAAP,EAAUG,GAAUA,EAAM,iBAAiBe,EAAA,cAAc,KAAK,CAAC,EAExD,CACL,OAAQX,EAAO,WACf,KAAMA,EAAO,OAASA,EAAO,IAAA,EAIjC,MAAMa,EAAW,CACf,QAASb,EAAO,KAAK,QACrB,KAAMA,EAAO,KAAK,KAClB,UAAWA,EAAO,KAAK,SAAA,EAGzB,GAAIjB,EAAQ,OAAQ,CAClB,MAAM+B,EAAO,CAAE,cAAe,GAAO,aAAc,EAAK,EACxDrB,EAAUQ,GAAUA,EAAM,UAAUY,EAAUC,CAAI,CAAC,CAAA,SAC1C/B,EAAQ,MAAO,CACxB,MAAM+B,EAAO,CAAE,cAAe,GAAM,aAAc,EAAK,EACvDrB,EAAUQ,GAAUA,EAAM,UAAUY,EAAUC,CAAI,CAAC,CAAA,MAEnDrB,EAAUQ,GAAUA,EAAM,UAAUY,CAAQ,CAAC,EAI1C,KAAA,UAAU,eAAgBA,CAAQ,EAGvC,MAAME,EACJhC,EAAQ,gBAAkB,SACtB,0BACA,sBAEAiC,EAAe,CACnB,MAAOH,EAAS,QAChB,SAAUA,EAAS,KACnB,MAAOE,CAAA,EAGJ,YAAA,UAAUC,EAAa,MAAOA,CAAY,EAExC,CAAE,KAAMH,EAAU,OAAQb,EAAO,UAAW,CACrD,CAEA,MAAM,eAAgB,CAEd,KAAA,CAAE,SAAAR,CAAS,EAAI,KAAK,MACpB,CAAE,SAAAyB,GAAazB,IAEhByB,EAAS,OAKd,KAAK,MAAM,CACT,MAAOA,EAAS,MAChB,cAAeN,EAAc,cAAA,SAAA,CAC9B,CACH,CAEQ,UACNvB,EACA8B,EACA,CACK,KAAA,YAAY,KAAK9B,EAAW8B,CAAI,CACvC,CAGA,MAAc,qBAAqB,CACjC,SAAAxB,CAAA,EAC8B,CACzB,KAAA,MAAM,IAAI,uCAAuC,EAGtD,KAAM,CAAE,SAAAF,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,MAAAE,GAAUH,IACZ2B,EAAoCxB,EAAM,CAAC,EAEjDF,EAAUQ,GAAUA,EAAM,YAAYP,CAAQ,CAAC,EAE/C,KAAK,MAAM,CAAE,OAAQyB,GAAA,YAAAA,EAAa,SAAU,cAAe,SAAU,CACvE,CAEQ,iBAAkB,CACxB,MAAO,GAAG,KAAK,MAAM,IAAI,KAAK,MAAM,MAAM,EAC5C,CAEQ,kCACN7B,EACA8B,EACAvB,EACAwB,EACA,CACA,KAAM,CAAE,SAAA7B,EAAU,SAAAC,GAAa,KAAK,MAC9BU,EAAkB,MAAM,QAAQb,CAAW,EAC7CA,EACA,CAACA,CAAW,EACVQ,EAAUK,EAAgB,IAAKJ,GAASA,EAAK,EAAE,EAErD,GAAIsB,EAAgB,CACZ,KAAA,CAAE,SAAA3B,GAAaF,IAIf8B,EAAgBnB,EAAgB,OAAQJ,GAAS,CACrD,OAAQqB,EAAM,CACZ,IAAK,OACH,OAAOrB,EAAK,UAAY,KAC1B,IAAK,SACH,OAAOA,EAAK,UAAY,KAC1B,IAAK,OACL,IAAK,aACH,OAAOA,EAAK,UAAY,KAC1B,IAAK,SACH,OAAOA,EAAK,UAAY,KAC1B,QACS,MAAA,EACX,CAAA,CACD,EAIKwB,EAAYH,EAAK,WAAW,IAAI,EAClCE,EAAc,OACd,CAACA,EAAc,OAEnB7B,EAAUG,GACRA,EAAM,YAAY,CAChB,GAAGF,EACH,CAAC2B,CAAc,EAAG,KAAK,IAAI,EAAG3B,EAAS2B,CAAc,EAAIE,CAAS,CAAA,CACnE,CAAA,CAEL,CAGA9B,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAEA,MAAc,iBACZP,EACA8B,EACA,CAEA,MAAMzB,EAAQ,MAAM,QAAQL,CAAW,EAAIA,EAAc,CAACA,CAAW,EAC/DQ,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAErCC,EAAS,MAAM,KAAK,MAAM,SAAS,oBAAoBF,EAASsB,CAAI,EAIrE,YAAA,UAAUA,EAAMzB,CAAK,EAEnBK,CACT,CAEA,MAAc,qBACZwB,EACA,CAKA,MAAMzC,EAAU,CACd,SAAU,CAAC,KAAK,MAAM,MAAO,EAC7B,kBACE,KAAK,eAAe,SAAW,MAC3B,KAAK,eAAe,OACpB,OACN,SAAU,KAAK,eAAe,SAC9B,WAAY,KAAK,eAAe,WAChC,QAAS,KAAK,eAAe,OACzB,CAAC,KAAK,eAAe,MAAM,EAC3B,MAAA,EAGN,OAAO,MAAM,KAAK,MAAM,SAAS,+BAA+B,CAC9D,UAAW,KAAK,OAChB,OAAAyC,EACA,QAAAzC,CAAA,CACD,CACH,CAEQ,uBAAwB,CAG9B,KAAK,iBACH,OAAO,KAAS,KAAe,qBAAsB,KACjD,IAAI,iBAAiB,cAAc,KAAK,UAAU,EAAE,EACpD,KAKJ,KAAK,kBACL,KAAK,eAAe,oCAAsC,KAErD,KAAA,iBAAiB,UAAa,GAAM,CAC/B,OAAA,EAAE,KAAK,KAAM,CACnB,IAAK,iBACL,IAAK,mBACL,IAAK,aACL,IAAK,eACL,IAAK,aACL,IAAK,eACL,IAAK,iBACL,IAAK,iBACL,IAAK,qBAIH,OAAO,KAAK,QACd,QACS,OAAA,IACX,CAAA,EAGN,CAEQ,qBAAqBqC,EAAcK,EAAc,CAEnD,GAAC,KAAK,iBAMN,GAAA,CACF,MAAMC,EAAqB,KAAK,MAAM,KAAK,UAAUD,CAAO,CAAC,EAE7D,KAAK,iBAAiB,YAAY,CAChC,KAAAL,EACA,QAASM,CAAA,CACV,QACMC,EAAG,CACV,QAAQ,KAAK,uBAAuBP,CAAI,gBAAgBO,CAAC,EAAE,CAC7D,CACF,CAEQ,8BAA+B,CACrC,KAAM,CAAE,OAAQxC,CAAA,EAAgB,KAAK,MAAM,SAGtCA,IAGL,KAAK,QAAUA,EAAY,QACzB,SAAS,KAAK,UAAU,GACxB,KAAK,cAAA,EAGF,KAAA,QAAQ,GAAG,cAAgByC,GAAS,KAAK,qBAAqBA,CAAI,CAAC,EAEpE,KAAK,eAAe,+BACtB,KAAK,uBAAuB,EAK1B,KAAK,iCACFzC,EAAY,YAAY,GAAGA,EAAY,QAAQ,EACpD,KAAK,QAAQ,QAEjB,CAMQ,wBAAyB,CAC3B,KAAK,oCAET,KAAK,wBAA0B,KAAK,uBAAuB,KAAK,IAAI,EACpE,KAAK,kCAAoC,GAChC,SAAA,iBAAiB,mBAAoB,KAAK,uBAAuB,EAC5E,CAEQ,2BAA4B,CACzB,SAAA,oBACP,mBACA,KAAK,uBAAA,EAEP,KAAK,kCAAoC,EAC3C,CAEQ,UACNiC,EAQAzB,EACA,CAEA,KAAK,YAAY,KAAK,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAChD,KAAK,YAAY,KAAK,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAEhD,KAAK,qBAAqB,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,CACtD,CAEQ,wBAAyB,OACzB,MAAAkC,EACJ,KAAK,eAAe,qCACpBlD,EAEImD,EAAS,KAAK,MAAM,OAAO,EAE7B,SAAS,kBAAoB,SAE1B,KAAA,gBAAkB,WAAW,IAAM,QACtCC,EAAAD,EAAO,SAAP,MAAAC,EAAe,aACf,KAAK,gBAAkB,MACtBF,CAAe,EACT,SAAS,kBAAoB,YAGlC,KAAK,kBACP,aAAa,KAAK,eAAe,EACjC,KAAK,gBAAkB,OAIpBE,EAAAD,EAAO,SAAP,MAAAC,EAAe,eAClB,KAAK,6BAA6B,EAGxC,CACF"}

package/dist/esm/clients/feed/feed.mjs

@@ -1,14 +1,14 @@
 var p = Object.defineProperty;
-var _ = (m, e, t) => e in m ? p(m, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[e] = t;
-var h = (m, e, t) => (_(m, typeof e != "symbol" ? e + "" : e, t), t);
-import k from "eventemitter2";
-import { isRequestInFlight as S, NetworkStatus as f } from "../../networkStatus.mjs";
-import g from "./store.mjs";
+var k = (m, e, t) => e in m ? p(m, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[e] = t;
+var h = (m, e, t) => (k(m, typeof e != "symbol" ? e + "" : e, t), t);
+import S from "eventemitter2";
+import { isRequestInFlight as g, NetworkStatus as f } from "../../networkStatus.mjs";
+import _ from "./store.mjs";
 const v = {
   archived: "exclude"
 }, y = 2e3;
 class A {
-  constructor(e, t, s) {
+  constructor(e, t, a) {
     h(this, "userFeedId");
     h(this, "channel");
     h(this, "broadcaster");
@@ -18,9 +18,10 @@ class A {
     h(this, "hasSubscribedToRealTimeUpdates", !1);
     h(this, "visibilityChangeHandler", () => {
     });
+    h(this, "visibilityChangeListenerConnected", !1);
     // The raw store instance, used for binding in React and other environments
     h(this, "store");
-    this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = g(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = { ...v, ...s }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
+    this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = _(), this.broadcaster = new S({ wildcard: !0, delimiter: "." }), this.defaultOptions = { ...v, ...a }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
   }
   /**
    * Used to reinitialize a current feed instance, which is useful when reauthenticating users
@@ -68,22 +69,22 @@ class A {
     ), this.makeStatusUpdate(e, "seen");
   }
   async markAllAsSeen() {
-    const { getState: e, setState: t } = this.store, { metadata: s, items: a } = e();
+    const { getState: e, setState: t } = this.store, { metadata: a, items: n } = e();
     if (this.defaultOptions.status === "unseen")
       t(
         (i) => i.resetStore({
-          ...s,
+          ...a,
           total_count: 0,
           unseen_count: 0
         })
       );
     else {
-      t((o) => o.setMetadata({ ...s, unseen_count: 0 }));
-      const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, l = a.map((o) => o.id);
+      t((o) => o.setMetadata({ ...a, unseen_count: 0 }));
+      const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, l = n.map((o) => o.id);
       t((o) => o.setItemAttrs(l, i));
     }
-    const n = await this.makeBulkStatusUpdate("seen");
-    return this.broadcaster.emit("items:all_seen", { items: a }), this.broadcastOverChannel("items:all_seen", { items: a }), n;
+    const s = await this.makeBulkStatusUpdate("seen");
+    return this.emitEvent("all_seen", n), s;
   }
   async markAsUnseen(e) {
     return this.optimisticallyPerformStatusUpdate(
@@ -103,22 +104,22 @@ class A {
     ), this.makeStatusUpdate(e, "read");
   }
   async markAllAsRead() {
-    const { getState: e, setState: t } = this.store, { metadata: s, items: a } = e();
+    const { getState: e, setState: t } = this.store, { metadata: a, items: n } = e();
     if (this.defaultOptions.status === "unread")
       t(
         (i) => i.resetStore({
-          ...s,
+          ...a,
           total_count: 0,
           unread_count: 0
         })
       );
     else {
-      t((o) => o.setMetadata({ ...s, unread_count: 0 }));
-      const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, l = a.map((o) => o.id);
+      t((o) => o.setMetadata({ ...a, unread_count: 0 }));
+      const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, l = n.map((o) => o.id);
       t((o) => o.setItemAttrs(l, i));
     }
-    const n = await this.makeBulkStatusUpdate("read");
-    return this.broadcaster.emit("items:all_read", { items: a }), this.broadcastOverChannel("items:all_read", { items: a }), n;
+    const s = await this.makeBulkStatusUpdate("read");
+    return this.emitEvent("all_read", n), s;
   }
   async markAsUnread(e) {
     return this.optimisticallyPerformStatusUpdate(
@@ -149,17 +150,17 @@ class A {
     TODO: how do we handle rollbacks?
     */
   async markAsArchived(e) {
-    const { getState: t, setState: s } = this.store, a = t(), r = this.defaultOptions.archived === "exclude", n = Array.isArray(e) ? e : [e], i = n.map((l) => l.id);
+    const { getState: t, setState: a } = this.store, n = t(), r = this.defaultOptions.archived === "exclude", s = Array.isArray(e) ? e : [e], i = s.map((l) => l.id);
     if (r) {
-      const l = n.filter((c) => !c.seen_at).length, o = n.filter((c) => !c.read_at).length, d = {
-        ...a.metadata,
-        total_count: a.metadata.total_count - n.length,
-        unseen_count: a.metadata.unseen_count - l,
-        unread_count: a.metadata.unread_count - o
-      }, u = a.items.filter(
+      const l = s.filter((c) => !c.seen_at).length, o = s.filter((c) => !c.read_at).length, d = {
+        ...n.metadata,
+        total_count: n.metadata.total_count - s.length,
+        unseen_count: n.metadata.unseen_count - l,
+        unread_count: n.metadata.unread_count - o
+      }, u = n.items.filter(
         (c) => !i.includes(c.id)
       );
-      s(
+      a(
         (c) => c.setResult({
           entries: u,
           meta: d,
@@ -167,17 +168,17 @@ class A {
         })
       );
     } else
-      a.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
+      n.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
     return this.makeStatusUpdate(e, "archived");
   }
   async markAllAsArchived() {
-    const { setState: e, getState: t } = this.store, { items: s } = t(), a = this.defaultOptions.archived === "exclude";
-    e(a ? (n) => n.resetStore() : (n) => {
-      const i = s.map((l) => l.id);
-      n.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
+    const { setState: e, getState: t } = this.store, { items: a } = t(), n = this.defaultOptions.archived === "exclude";
+    e(n ? (s) => s.resetStore() : (s) => {
+      const i = a.map((l) => l.id);
+      s.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
     });
     const r = await this.makeBulkStatusUpdate("archive");
-    return this.broadcaster.emit("items:all_archived", { items: s }), this.broadcastOverChannel("items:all_archived", { items: s }), r;
+    return this.emitEvent("all_archived", a), r;
   }
   async markAsUnarchived(e) {
     return this.optimisticallyPerformStatusUpdate(e, "unarchived", {
@@ -186,8 +187,8 @@ class A {
   }
   /* Fetches the feed content, appending it to the store */
   async fetch(e = {}) {
-    const { setState: t, getState: s } = this.store, { networkStatus: a } = s();
-    if (S(a))
+    const { setState: t, getState: a } = this.store, { networkStatus: n } = a();
+    if (g(n))
       return;
     t(
       (d) => d.setNetworkStatus(e.__loadingType ?? f.loading)
@@ -201,20 +202,20 @@ class A {
       __experimentalCrossBrowserUpdates: void 0,
       auto_manage_socket_connection: void 0,
       auto_manage_socket_connection_delay: void 0
-    }, n = await this.knock.client().makeRequest({
+    }, s = await this.knock.client().makeRequest({
       method: "GET",
       url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,
       params: r
     });
-    if (n.statusCode === "error" || !n.body)
+    if (s.statusCode === "error" || !s.body)
       return t((d) => d.setNetworkStatus(f.error)), {
-        status: n.statusCode,
-        data: n.error || n.body
+        status: s.statusCode,
+        data: s.error || s.body
       };
     const i = {
-      entries: n.body.entries,
-      meta: n.body.meta,
-      page_info: n.body.page_info
+      entries: s.body.entries,
+      meta: s.body.meta,
+      page_info: s.body.page_info
     };
     if (e.before) {
       const d = { shouldSetPage: !1, shouldAppend: !0 };
@@ -230,7 +231,7 @@ class A {
       metadata: i.meta,
       event: l
     };
-    return this.broadcast(o.event, o), { data: i, status: n.statusCode };
+    return this.broadcast(o.event, o), { data: i, status: s.statusCode };
   }
   async fetchNextPage() {
     const { getState: e } = this.store, { pageInfo: t } = e();
@@ -247,15 +248,15 @@ class A {
     metadata: e
   }) {
     this.knock.log("[Feed] Received new real-time message");
-    const { getState: t, setState: s } = this.store, { items: a } = t(), r = a[0];
-    s((n) => n.setMetadata(e)), this.fetch({ before: r == null ? void 0 : r.__cursor, __fetchSource: "socket" });
+    const { getState: t, setState: a } = this.store, { items: n } = t(), r = n[0];
+    a((s) => s.setMetadata(e)), this.fetch({ before: r == null ? void 0 : r.__cursor, __fetchSource: "socket" });
   }
   buildUserFeedId() {
     return `${this.feedId}:${this.knock.userId}`;
   }
-  optimisticallyPerformStatusUpdate(e, t, s, a) {
-    const { getState: r, setState: n } = this.store, i = Array.isArray(e) ? e : [e], l = i.map((o) => o.id);
-    if (a) {
+  optimisticallyPerformStatusUpdate(e, t, a, n) {
+    const { getState: r, setState: s } = this.store, i = Array.isArray(e) ? e : [e], l = i.map((o) => o.id);
+    if (n) {
       const { metadata: o } = r(), d = i.filter((c) => {
         switch (t) {
           case "seen":
@@ -271,18 +272,18 @@ class A {
             return !0;
         }
       }), u = t.startsWith("un") ? d.length : -d.length;
-      n(
+      s(
         (c) => c.setMetadata({
           ...o,
-          [a]: Math.max(0, o[a] + u)
+          [n]: Math.max(0, o[n] + u)
         })
       );
     }
-    n((o) => o.setItemAttrs(l, s));
+    s((o) => o.setItemAttrs(l, a));
   }
   async makeStatusUpdate(e, t) {
-    const s = Array.isArray(e) ? e : [e], a = s.map((n) => n.id), r = await this.knock.messages.batchUpdateStatuses(a, t);
-    return this.broadcaster.emit(`items.${t}`, { items: s }), this.broadcaster.emit(`items:${t}`, { items: s }), this.broadcastOverChannel(`items:${t}`, { items: s }), r;
+    const a = Array.isArray(e) ? e : [e], n = a.map((s) => s.id), r = await this.knock.messages.batchUpdateStatuses(n, t);
+    return this.emitEvent(t, a), r;
   }
   async makeBulkStatusUpdate(e) {
     const t = {
@@ -319,13 +320,13 @@ class A {
   broadcastOverChannel(e, t) {
     if (this.broadcastChannel)
       try {
-        const s = JSON.parse(JSON.stringify(t));
+        const a = JSON.parse(JSON.stringify(t));
         this.broadcastChannel.postMessage({
           type: e,
-          payload: s
+          payload: a
         });
-      } catch (s) {
-        console.warn(`Could not broadcast ${e}, got error: ${s}`);
+      } catch (a) {
+        console.warn(`Could not broadcast ${e}, got error: ${a}`);
       }
   }
   initializeRealtimeConnection() {
@@ -340,21 +341,24 @@ class A {
    * or reconnect the socket after a delay
    */
   setupAutoSocketManager() {
-    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this), document.addEventListener("visibilitychange", this.visibilityChangeHandler);
+    this.visibilityChangeListenerConnected || (this.visibilityChangeHandler = this.handleVisibilityChange.bind(this), this.visibilityChangeListenerConnected = !0, document.addEventListener("visibilitychange", this.visibilityChangeHandler));
   }
   teardownAutoSocketManager() {
     document.removeEventListener(
       "visibilitychange",
       this.visibilityChangeHandler
-    );
+    ), this.visibilityChangeListenerConnected = !1;
+  }
+  emitEvent(e, t) {
+    this.broadcaster.emit(`items.${e}`, { items: t }), this.broadcaster.emit(`items:${e}`, { items: t }), this.broadcastOverChannel(`items:${e}`, { items: t });
   }
   handleVisibilityChange() {
-    var s;
+    var a;
     const e = this.defaultOptions.auto_manage_socket_connection_delay ?? y, t = this.knock.client();
     document.visibilityState === "hidden" ? this.disconnectTimer = setTimeout(() => {
-      var a;
-      (a = t.socket) == null || a.disconnect(), this.disconnectTimer = null;
-    }, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (s = t.socket) != null && s.isConnected() || this.initializeRealtimeConnection());
+      var n;
+      (n = t.socket) == null || n.disconnect(), this.disconnectTimer = null;
+    }, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (a = t.socket) != null && a.isConnected() || this.initializeRealtimeConnection());
   }
 }
 export {

package/dist/esm/clients/feed/feed.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n  BulkUpdateMessagesInChannelProperties,\n  MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n  FeedClientOptions,\n  FeedItem,\n  FeedMetadata,\n  FeedResponse,\n  FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n  FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n  private userFeedId: string;\n  private channel?: Channel;\n  private broadcaster: EventEmitter;\n  private defaultOptions: FeedClientOptions;\n  private broadcastChannel!: BroadcastChannel | null;\n  private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n  private hasSubscribedToRealTimeUpdates: Boolean = false;\n  private visibilityChangeHandler: () => void = () => {};\n\n  // The raw store instance, used for binding in React and other environments\n  public store: StoreApi<FeedStoreState>;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n  ) {\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = { ...feedClientDefaults, ...options };\n\n    this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n    // Attempt to setup a realtime connection (does not join)\n    this.initializeRealtimeConnection();\n\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n   */\n  reinitialize() {\n    // Reinitialize the user feed id incase the userId changed\n    this.userFeedId = this.buildUserFeedId();\n\n    // Reinitialize the real-time connection\n    this.initializeRealtimeConnection();\n\n    // Reinitialize our broadcast channel\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Cleans up a feed instance by destroying the store and disconnecting\n   * an open socket connection.\n   */\n  teardown() {\n    this.knock.log(\"[Feed] Tearing down feed instance\");\n\n    if (this.channel) {\n      this.channel.leave();\n      this.channel.off(\"new-message\");\n    }\n\n    this.teardownAutoSocketManager();\n\n    if (this.disconnectTimer) {\n      clearTimeout(this.disconnectTimer);\n      this.disconnectTimer = null;\n    }\n\n    if (this.broadcastChannel) {\n      this.broadcastChannel.close();\n    }\n  }\n\n  /** Tears down an instance and removes it entirely from the feed manager */\n  dispose() {\n    this.knock.log(\"[Feed] Disposing of feed instance\");\n    this.teardown();\n    this.broadcaster.removeAllListeners();\n    this.knock.feeds.removeInstance(this);\n  }\n\n  /*\n    Initializes a real-time connection to Knock, connecting the websocket for the\n    current ApiClient instance if the socket is not already connected.\n  */\n  listenForUpdates() {\n    this.knock.log(\"[Feed] Connecting to real-time service\");\n\n    this.hasSubscribedToRealTimeUpdates = true;\n\n    const maybeSocket = this.knock.client().socket;\n\n    // Connect the socket only if we don't already have a connection\n    if (maybeSocket && !maybeSocket.isConnected()) {\n      maybeSocket.connect();\n    }\n\n    // Only join the channel if we're not already in a joining state\n    if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n      this.channel.join();\n    }\n  }\n\n  /* Binds a handler to be invoked when event occurs */\n  on(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.on(eventName, callback);\n  }\n\n  off(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.off(eventName, callback);\n  }\n\n  getState() {\n    return this.store.getState();\n  }\n\n  async markAsSeen(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"seen\",\n      { seen_at: now },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"seen\");\n  }\n\n  async markAllAsSeen() {\n    // To mark all of the messages as seen we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unseen_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n    // If we're looking at the unseen view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnseen) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unseen_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unseen_count: 0 }));\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"seen\");\n\n    this.broadcaster.emit(`items:all_seen`, { items });\n    this.broadcastOverChannel(`items:all_seen`, { items });\n\n    return result;\n  }\n\n  async markAsUnseen(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unseen\",\n      { seen_at: null },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unseen\");\n  }\n\n  async markAsRead(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"read\",\n      { read_at: now },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"read\");\n  }\n\n  async markAllAsRead() {\n    // To mark all of the messages as read we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unread_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n    // If we're looking at the unread view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnread) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unread_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unread_count: 0 }));\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"read\");\n\n    this.broadcaster.emit(`items:all_read`, { items });\n    this.broadcastOverChannel(`items:all_read`, { items });\n\n    return result;\n  }\n\n  async markAsUnread(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unread\",\n      { read_at: null },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unread\");\n  }\n\n  async markAsInteracted(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"interacted\",\n      {\n        read_at: now,\n        interacted_at: now,\n      },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"interacted\");\n  }\n\n  /*\n  Marking one or more items as archived should:\n\n  - Decrement the badge count for any unread / unseen items\n  - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n  TODO: how do we handle rollbacks?\n  */\n  async markAsArchived(itemOrItems: FeedItemOrItems) {\n    const { getState, setState } = this.store;\n    const state = getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n\n    const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n    /*\n      In the code here we want to optimistically update counts and items\n      that are persisted such that we can display updates immediately on the feed\n      without needing to make a network request.\n\n      Note: right now this does *not* take into account offline handling or any extensive retry\n      logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n      this library.\n\n      Scenarios to consider:\n\n      ## Feed scope to archived *only*\n\n      - Counts should not be decremented\n      - Items should not be removed\n\n      ## Feed scoped to exclude archived items (the default)\n\n      - Counts should be decremented\n      - Items should be removed\n\n      ## Feed scoped to include archived items as well\n\n      - Counts should not be decremented\n      - Items should not be removed\n    */\n\n    if (shouldOptimisticallyRemoveItems) {\n      // If any of the items are unseen or unread, then capture as we'll want to decrement\n      // the counts for these in the metadata we have\n      const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n      const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: state.metadata.total_count - normalizedItems.length,\n        unseen_count: state.metadata.unseen_count - unseenCount,\n        unread_count: state.metadata.unread_count - unreadCount,\n      };\n\n      // Remove the archiving entries\n      const entriesToSet = state.items.filter(\n        (item) => !itemIds.includes(item.id),\n      );\n\n      setState((state) =>\n        state.setResult({\n          entries: entriesToSet,\n          meta: updatedMetadata,\n          page_info: state.pageInfo,\n        }),\n      );\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n    }\n\n    return this.makeStatusUpdate(itemOrItems, \"archived\");\n  }\n\n  async markAllAsArchived() {\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    const { setState, getState } = this.store;\n    const { items } = getState();\n\n    // Here if we're looking at a feed that excludes all of the archived items by default then we\n    // will want to optimistically remove all of the items from the feed as they are now all excluded\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    if (shouldOptimisticallyRemoveItems) {\n      // Reset the store to clear out all of items and reset the badge count\n      setState((store) => store.resetStore());\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      setState((store) => {\n        const itemIds = items.map((i) => i.id);\n        store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n      });\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"archive\");\n\n    this.broadcaster.emit(`items:all_archived`, { items });\n    this.broadcastOverChannel(`items:all_archived`, { items });\n\n    return result;\n  }\n\n  async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n      archived_at: null,\n    });\n\n    return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n  }\n\n  /* Fetches the feed content, appending it to the store */\n  async fetch(options: FetchFeedOptions = {}) {\n    const { setState, getState } = this.store;\n    const { networkStatus } = getState();\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    setState((store) =>\n      store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),\n    );\n\n    // Always include the default params, if they have been set\n    const queryParams = {\n      ...this.defaultOptions,\n      ...options,\n      // Unset options that should not be sent to the API\n      __loadingType: undefined,\n      __fetchSource: undefined,\n      __experimentalCrossBrowserUpdates: undefined,\n      auto_manage_socket_connection: undefined,\n      auto_manage_socket_connection_delay: undefined,\n    };\n\n    const result = await this.knock.client().makeRequest({\n      method: \"GET\",\n      url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n      params: queryParams,\n    });\n\n    if (result.statusCode === \"error\" || !result.body) {\n      setState((store) => store.setNetworkStatus(NetworkStatus.error));\n\n      return {\n        status: result.statusCode,\n        data: result.error || result.body,\n      };\n    }\n\n    const response = {\n      entries: result.body.entries,\n      meta: result.body.meta,\n      page_info: result.body.page_info,\n    };\n\n    if (options.before) {\n      const opts = { shouldSetPage: false, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else {\n      setState((state) => state.setResult(response));\n    }\n\n    // Legacy `messages.new` event, should be removed in a future version\n    this.broadcast(\"messages.new\", response);\n\n    // Broadcast the appropriate event type depending on the fetch source\n    const feedEventType: FeedEvent =\n      options.__fetchSource === \"socket\"\n        ? \"items.received.realtime\"\n        : \"items.received.page\";\n\n    const eventPayload = {\n      items: response.entries as FeedItem[],\n      metadata: response.meta as FeedMetadata,\n      event: feedEventType,\n    };\n\n    this.broadcast(eventPayload.event, eventPayload);\n\n    return { data: response, status: result.statusCode };\n  }\n\n  async fetchNextPage() {\n    // Attempts to fetch the next page of results (if we have any)\n    const { getState } = this.store;\n    const { pageInfo } = getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  private broadcast(\n    eventName: FeedEvent,\n    data: FeedResponse | FeedEventPayload,\n  ) {\n    this.broadcaster.emit(eventName, data);\n  }\n\n  // Invoked when a new real-time message comes in from the socket\n  private async onNewMessageReceived({\n    metadata,\n  }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { getState, setState } = this.store;\n    const { items } = getState();\n    const currentHead: FeedItem | undefined = items[0];\n    // Optimistically set the badge counts\n    setState((state) => state.setMetadata(metadata));\n    // Fetch the items before the current head (if it exists)\n    this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n  }\n\n  private buildUserFeedId() {\n    return `${this.feedId}:${this.knock.userId}`;\n  }\n\n  private optimisticallyPerformStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    attrs: object,\n    badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n  ) {\n    const { getState, setState } = this.store;\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n    const itemIds = normalizedItems.map((item) => item.id);\n\n    if (badgeCountAttr) {\n      const { metadata } = getState();\n\n      // We only want to update the counts of items that have not already been counted towards the\n      // badge count total to avoid updating the badge count unnecessarily.\n      const itemsToUpdate = normalizedItems.filter((item) => {\n        switch (type) {\n          case \"seen\":\n            return item.seen_at === null;\n          case \"unseen\":\n            return item.seen_at !== null;\n          case \"read\":\n          case \"interacted\":\n            return item.read_at === null;\n          case \"unread\":\n            return item.read_at !== null;\n          default:\n            return true;\n        }\n      });\n\n      // Tnis is a hack to determine the direction of whether we're\n      // adding or removing from the badge count\n      const direction = type.startsWith(\"un\")\n        ? itemsToUpdate.length\n        : -itemsToUpdate.length;\n\n      setState((store) =>\n        store.setMetadata({\n          ...metadata,\n          [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n        }),\n      );\n    }\n\n    // Update the items with the given attributes\n    setState((store) => store.setItemAttrs(itemIds, attrs));\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n  ) {\n    // Always treat items as a batch to use the corresponding batch endpoint\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n    const itemIds = items.map((item) => item.id);\n\n    const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n    // Emit the event that these items had their statuses changed\n    // Note: we do this after the update to ensure that the server event actually completed\n    this.broadcaster.emit(`items.${type}`, { items });\n\n    // Note: `items.type` format is being deprecated in favor over the `items:type` format,\n    // but emit both formats to make it backward compatible for now.\n    this.broadcaster.emit(`items:${type}`, { items });\n    this.broadcastOverChannel(`items:${type}`, { items });\n\n    return result;\n  }\n\n  private async makeBulkStatusUpdate(\n    status: BulkUpdateMessagesInChannelProperties[\"status\"],\n  ) {\n    // The base scope for the call should take into account all of the options currently\n    // set on the feed, as well as being scoped for the current user. We do this so that\n    // we ONLY make changes to the messages that are currently in view on this feed, and not\n    // all messages that exist.\n    const options = {\n      user_ids: [this.knock.userId!],\n      engagement_status:\n        this.defaultOptions.status !== \"all\"\n          ? this.defaultOptions.status\n          : undefined,\n      archived: this.defaultOptions.archived,\n      has_tenant: this.defaultOptions.has_tenant,\n      tenants: this.defaultOptions.tenant\n        ? [this.defaultOptions.tenant]\n        : undefined,\n    };\n\n    return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n      channelId: this.feedId,\n      status,\n      options,\n    });\n  }\n\n  private setupBroadcastChannel() {\n    // Attempt to bind to listen to other events from this feed in different tabs\n    // Note: here we ensure `self` is available (it's not in server rendered envs)\n    this.broadcastChannel =\n      typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n        ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n        : null;\n\n    // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n    // channel (iff it's enabled and exists)\n    if (\n      this.broadcastChannel &&\n      this.defaultOptions.__experimentalCrossBrowserUpdates === true\n    ) {\n      this.broadcastChannel.onmessage = (e) => {\n        switch (e.data.type) {\n          case \"items:archived\":\n          case \"items:unarchived\":\n          case \"items:seen\":\n          case \"items:unseen\":\n          case \"items:read\":\n          case \"items:unread\":\n          case \"items:all_read\":\n          case \"items:all_seen\":\n          case \"items:all_archived\":\n            // When items are updated in any other tab, simply refetch to get the latest state\n            // to make sure that the state gets updated accordingly. In the future here we could\n            // maybe do this optimistically without the fetch.\n            return this.fetch();\n          default:\n            return null;\n        }\n      };\n    }\n  }\n\n  private broadcastOverChannel(type: string, payload: any) {\n    // The broadcastChannel may not be available in non-browser environments\n    if (!this.broadcastChannel) {\n      return;\n    }\n\n    // Here we stringify our payload and try and send as JSON such that we\n    // don't get any `An object could not be cloned` errors when trying to broadcast\n    try {\n      const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n      this.broadcastChannel.postMessage({\n        type,\n        payload: stringifiedPayload,\n      });\n    } catch (e) {\n      console.warn(`Could not broadcast ${type}, got error: ${e}`);\n    }\n  }\n\n  private initializeRealtimeConnection() {\n    const { socket: maybeSocket } = this.knock.client();\n\n    // In server environments we might not have a socket connection\n    if (!maybeSocket) return;\n\n    // Reinitialize channel connections incase the socket changed\n    this.channel = maybeSocket.channel(\n      `feeds:${this.userFeedId}`,\n      this.defaultOptions,\n    );\n\n    this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setupAutoSocketManager();\n    }\n\n    // If we're initializing but they have previously opted to listen to real-time updates\n    // then we will automatically reconnect on their behalf\n    if (this.hasSubscribedToRealTimeUpdates) {\n      if (!maybeSocket.isConnected()) maybeSocket.connect();\n      this.channel.join();\n    }\n  }\n\n  /**\n   * Listen for changes to document visibility and automatically disconnect\n   * or reconnect the socket after a delay\n   */\n  private setupAutoSocketManager() {\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private teardownAutoSocketManager() {\n    document.removeEventListener(\n      \"visibilitychange\",\n      this.visibilityChangeHandler,\n    );\n  }\n\n  private handleVisibilityChange() {\n    const disconnectDelay =\n      this.defaultOptions.auto_manage_socket_connection_delay ??\n      DEFAULT_DISCONNECT_DELAY;\n\n    const client = this.knock.client();\n\n    if (document.visibilityState === \"hidden\") {\n      // When the tab is hidden, clean up the socket connection after a delay\n      this.disconnectTimer = setTimeout(() => {\n        client.socket?.disconnect();\n        this.disconnectTimer = null;\n      }, disconnectDelay);\n    } else if (document.visibilityState === \"visible\") {\n      // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n      // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n      if (this.disconnectTimer) {\n        clearTimeout(this.disconnectTimer);\n        this.disconnectTimer = null;\n      }\n\n      // If the socket is not connected, try to reconnect\n      if (!client.socket?.isConnected()) {\n        this.initializeRealtimeConnection();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","getState","setState","metadata","items","store","attrs","itemIds","item","result","state","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}
+{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n  BulkUpdateMessagesInChannelProperties,\n  MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n  FeedClientOptions,\n  FeedItem,\n  FeedMetadata,\n  FeedResponse,\n  FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n  FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n  private userFeedId: string;\n  private channel?: Channel;\n  private broadcaster: EventEmitter;\n  private defaultOptions: FeedClientOptions;\n  private broadcastChannel!: BroadcastChannel | null;\n  private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n  private hasSubscribedToRealTimeUpdates: Boolean = false;\n  private visibilityChangeHandler: () => void = () => {};\n  private visibilityChangeListenerConnected: Boolean = false;\n\n  // The raw store instance, used for binding in React and other environments\n  public store: StoreApi<FeedStoreState>;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n  ) {\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = { ...feedClientDefaults, ...options };\n\n    this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n    // Attempt to setup a realtime connection (does not join)\n    this.initializeRealtimeConnection();\n\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n   */\n  reinitialize() {\n    // Reinitialize the user feed id incase the userId changed\n    this.userFeedId = this.buildUserFeedId();\n\n    // Reinitialize the real-time connection\n    this.initializeRealtimeConnection();\n\n    // Reinitialize our broadcast channel\n    this.setupBroadcastChannel();\n  }\n\n  /**\n   * Cleans up a feed instance by destroying the store and disconnecting\n   * an open socket connection.\n   */\n  teardown() {\n    this.knock.log(\"[Feed] Tearing down feed instance\");\n\n    if (this.channel) {\n      this.channel.leave();\n      this.channel.off(\"new-message\");\n    }\n\n    this.teardownAutoSocketManager();\n\n    if (this.disconnectTimer) {\n      clearTimeout(this.disconnectTimer);\n      this.disconnectTimer = null;\n    }\n\n    if (this.broadcastChannel) {\n      this.broadcastChannel.close();\n    }\n  }\n\n  /** Tears down an instance and removes it entirely from the feed manager */\n  dispose() {\n    this.knock.log(\"[Feed] Disposing of feed instance\");\n    this.teardown();\n    this.broadcaster.removeAllListeners();\n    this.knock.feeds.removeInstance(this);\n  }\n\n  /*\n    Initializes a real-time connection to Knock, connecting the websocket for the\n    current ApiClient instance if the socket is not already connected.\n  */\n  listenForUpdates() {\n    this.knock.log(\"[Feed] Connecting to real-time service\");\n\n    this.hasSubscribedToRealTimeUpdates = true;\n\n    const maybeSocket = this.knock.client().socket;\n\n    // Connect the socket only if we don't already have a connection\n    if (maybeSocket && !maybeSocket.isConnected()) {\n      maybeSocket.connect();\n    }\n\n    // Only join the channel if we're not already in a joining state\n    if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n      this.channel.join();\n    }\n  }\n\n  /* Binds a handler to be invoked when event occurs */\n  on(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.on(eventName, callback);\n  }\n\n  off(\n    eventName: BindableFeedEvent,\n    callback: FeedEventCallback | FeedRealTimeCallback,\n  ) {\n    this.broadcaster.off(eventName, callback);\n  }\n\n  getState() {\n    return this.store.getState();\n  }\n\n  async markAsSeen(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"seen\",\n      { seen_at: now },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"seen\");\n  }\n\n  async markAllAsSeen() {\n    // To mark all of the messages as seen we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unseen_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n    // If we're looking at the unseen view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnseen) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unseen_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unseen_count: 0 }));\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"seen\");\n    this.emitEvent(\"all_seen\", items);\n\n    return result;\n  }\n\n  async markAsUnseen(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unseen\",\n      { seen_at: null },\n      \"unseen_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unseen\");\n  }\n\n  async markAsRead(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"read\",\n      { read_at: now },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"read\");\n  }\n\n  async markAllAsRead() {\n    // To mark all of the messages as read we:\n    // 1. Optimistically update *everything* we have in the store\n    // 2. We decrement the `unread_count` to zero optimistically\n    // 3. We issue the API call to the endpoint\n    //\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n    //\n    // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n    // items by removing everything from view.\n    const { getState, setState } = this.store;\n    const { metadata, items } = getState();\n\n    const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n    // If we're looking at the unread view, then we want to remove all of the items optimistically\n    // from the store given that nothing should be visible. We do this by resetting the store state\n    // and setting the current metadata counts to 0\n    if (isViewingOnlyUnread) {\n      setState((store) =>\n        store.resetStore({\n          ...metadata,\n          total_count: 0,\n          unread_count: 0,\n        }),\n      );\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      setState((store) => store.setMetadata({ ...metadata, unread_count: 0 }));\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      setState((store) => store.setItemAttrs(itemIds, attrs));\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"read\");\n    this.emitEvent(\"all_read\", items);\n\n    return result;\n  }\n\n  async markAsUnread(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"unread\",\n      { read_at: null },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"unread\");\n  }\n\n  async markAsInteracted(itemOrItems: FeedItemOrItems) {\n    const now = new Date().toISOString();\n    this.optimisticallyPerformStatusUpdate(\n      itemOrItems,\n      \"interacted\",\n      {\n        read_at: now,\n        interacted_at: now,\n      },\n      \"unread_count\",\n    );\n\n    return this.makeStatusUpdate(itemOrItems, \"interacted\");\n  }\n\n  /*\n  Marking one or more items as archived should:\n\n  - Decrement the badge count for any unread / unseen items\n  - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n  TODO: how do we handle rollbacks?\n  */\n  async markAsArchived(itemOrItems: FeedItemOrItems) {\n    const { getState, setState } = this.store;\n    const state = getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n\n    const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n    /*\n      In the code here we want to optimistically update counts and items\n      that are persisted such that we can display updates immediately on the feed\n      without needing to make a network request.\n\n      Note: right now this does *not* take into account offline handling or any extensive retry\n      logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n      this library.\n\n      Scenarios to consider:\n\n      ## Feed scope to archived *only*\n\n      - Counts should not be decremented\n      - Items should not be removed\n\n      ## Feed scoped to exclude archived items (the default)\n\n      - Counts should be decremented\n      - Items should be removed\n\n      ## Feed scoped to include archived items as well\n\n      - Counts should not be decremented\n      - Items should not be removed\n    */\n\n    if (shouldOptimisticallyRemoveItems) {\n      // If any of the items are unseen or unread, then capture as we'll want to decrement\n      // the counts for these in the metadata we have\n      const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n      const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: state.metadata.total_count - normalizedItems.length,\n        unseen_count: state.metadata.unseen_count - unseenCount,\n        unread_count: state.metadata.unread_count - unreadCount,\n      };\n\n      // Remove the archiving entries\n      const entriesToSet = state.items.filter(\n        (item) => !itemIds.includes(item.id),\n      );\n\n      setState((state) =>\n        state.setResult({\n          entries: entriesToSet,\n          meta: updatedMetadata,\n          page_info: state.pageInfo,\n        }),\n      );\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n    }\n\n    return this.makeStatusUpdate(itemOrItems, \"archived\");\n  }\n\n  async markAllAsArchived() {\n    // Note: there is the potential for a race condition here because the bulk\n    // update is an async method, so if a new message comes in during this window before\n    // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n    const { setState, getState } = this.store;\n    const { items } = getState();\n\n    // Here if we're looking at a feed that excludes all of the archived items by default then we\n    // will want to optimistically remove all of the items from the feed as they are now all excluded\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    if (shouldOptimisticallyRemoveItems) {\n      // Reset the store to clear out all of items and reset the badge count\n      setState((store) => store.resetStore());\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      setState((store) => {\n        const itemIds = items.map((i) => i.id);\n        store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n      });\n    }\n\n    // Issue the API request to the bulk status change API\n    const result = await this.makeBulkStatusUpdate(\"archive\");\n    this.emitEvent(\"all_archived\", items);\n\n    return result;\n  }\n\n  async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n    this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n      archived_at: null,\n    });\n\n    return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n  }\n\n  /* Fetches the feed content, appending it to the store */\n  async fetch(options: FetchFeedOptions = {}) {\n    const { setState, getState } = this.store;\n    const { networkStatus } = getState();\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    setState((store) =>\n      store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),\n    );\n\n    // Always include the default params, if they have been set\n    const queryParams = {\n      ...this.defaultOptions,\n      ...options,\n      // Unset options that should not be sent to the API\n      __loadingType: undefined,\n      __fetchSource: undefined,\n      __experimentalCrossBrowserUpdates: undefined,\n      auto_manage_socket_connection: undefined,\n      auto_manage_socket_connection_delay: undefined,\n    };\n\n    const result = await this.knock.client().makeRequest({\n      method: \"GET\",\n      url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n      params: queryParams,\n    });\n\n    if (result.statusCode === \"error\" || !result.body) {\n      setState((store) => store.setNetworkStatus(NetworkStatus.error));\n\n      return {\n        status: result.statusCode,\n        data: result.error || result.body,\n      };\n    }\n\n    const response = {\n      entries: result.body.entries,\n      meta: result.body.meta,\n      page_info: result.body.page_info,\n    };\n\n    if (options.before) {\n      const opts = { shouldSetPage: false, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      setState((state) => state.setResult(response, opts));\n    } else {\n      setState((state) => state.setResult(response));\n    }\n\n    // Legacy `messages.new` event, should be removed in a future version\n    this.broadcast(\"messages.new\", response);\n\n    // Broadcast the appropriate event type depending on the fetch source\n    const feedEventType: FeedEvent =\n      options.__fetchSource === \"socket\"\n        ? \"items.received.realtime\"\n        : \"items.received.page\";\n\n    const eventPayload = {\n      items: response.entries as FeedItem[],\n      metadata: response.meta as FeedMetadata,\n      event: feedEventType,\n    };\n\n    this.broadcast(eventPayload.event, eventPayload);\n\n    return { data: response, status: result.statusCode };\n  }\n\n  async fetchNextPage() {\n    // Attempts to fetch the next page of results (if we have any)\n    const { getState } = this.store;\n    const { pageInfo } = getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  private broadcast(\n    eventName: FeedEvent,\n    data: FeedResponse | FeedEventPayload,\n  ) {\n    this.broadcaster.emit(eventName, data);\n  }\n\n  // Invoked when a new real-time message comes in from the socket\n  private async onNewMessageReceived({\n    metadata,\n  }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { getState, setState } = this.store;\n    const { items } = getState();\n    const currentHead: FeedItem | undefined = items[0];\n    // Optimistically set the badge counts\n    setState((state) => state.setMetadata(metadata));\n    // Fetch the items before the current head (if it exists)\n    this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n  }\n\n  private buildUserFeedId() {\n    return `${this.feedId}:${this.knock.userId}`;\n  }\n\n  private optimisticallyPerformStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    attrs: object,\n    badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n  ) {\n    const { getState, setState } = this.store;\n    const normalizedItems = Array.isArray(itemOrItems)\n      ? itemOrItems\n      : [itemOrItems];\n    const itemIds = normalizedItems.map((item) => item.id);\n\n    if (badgeCountAttr) {\n      const { metadata } = getState();\n\n      // We only want to update the counts of items that have not already been counted towards the\n      // badge count total to avoid updating the badge count unnecessarily.\n      const itemsToUpdate = normalizedItems.filter((item) => {\n        switch (type) {\n          case \"seen\":\n            return item.seen_at === null;\n          case \"unseen\":\n            return item.seen_at !== null;\n          case \"read\":\n          case \"interacted\":\n            return item.read_at === null;\n          case \"unread\":\n            return item.read_at !== null;\n          default:\n            return true;\n        }\n      });\n\n      // Tnis is a hack to determine the direction of whether we're\n      // adding or removing from the badge count\n      const direction = type.startsWith(\"un\")\n        ? itemsToUpdate.length\n        : -itemsToUpdate.length;\n\n      setState((store) =>\n        store.setMetadata({\n          ...metadata,\n          [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n        }),\n      );\n    }\n\n    // Update the items with the given attributes\n    setState((store) => store.setItemAttrs(itemIds, attrs));\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n  ) {\n    // Always treat items as a batch to use the corresponding batch endpoint\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n    const itemIds = items.map((item) => item.id);\n\n    const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n    // Emit the event that these items had their statuses changed\n    // Note: we do this after the update to ensure that the server event actually completed\n    this.emitEvent(type, items);\n\n    return result;\n  }\n\n  private async makeBulkStatusUpdate(\n    status: BulkUpdateMessagesInChannelProperties[\"status\"],\n  ) {\n    // The base scope for the call should take into account all of the options currently\n    // set on the feed, as well as being scoped for the current user. We do this so that\n    // we ONLY make changes to the messages that are currently in view on this feed, and not\n    // all messages that exist.\n    const options = {\n      user_ids: [this.knock.userId!],\n      engagement_status:\n        this.defaultOptions.status !== \"all\"\n          ? this.defaultOptions.status\n          : undefined,\n      archived: this.defaultOptions.archived,\n      has_tenant: this.defaultOptions.has_tenant,\n      tenants: this.defaultOptions.tenant\n        ? [this.defaultOptions.tenant]\n        : undefined,\n    };\n\n    return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n      channelId: this.feedId,\n      status,\n      options,\n    });\n  }\n\n  private setupBroadcastChannel() {\n    // Attempt to bind to listen to other events from this feed in different tabs\n    // Note: here we ensure `self` is available (it's not in server rendered envs)\n    this.broadcastChannel =\n      typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n        ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n        : null;\n\n    // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n    // channel (iff it's enabled and exists)\n    if (\n      this.broadcastChannel &&\n      this.defaultOptions.__experimentalCrossBrowserUpdates === true\n    ) {\n      this.broadcastChannel.onmessage = (e) => {\n        switch (e.data.type) {\n          case \"items:archived\":\n          case \"items:unarchived\":\n          case \"items:seen\":\n          case \"items:unseen\":\n          case \"items:read\":\n          case \"items:unread\":\n          case \"items:all_read\":\n          case \"items:all_seen\":\n          case \"items:all_archived\":\n            // When items are updated in any other tab, simply refetch to get the latest state\n            // to make sure that the state gets updated accordingly. In the future here we could\n            // maybe do this optimistically without the fetch.\n            return this.fetch();\n          default:\n            return null;\n        }\n      };\n    }\n  }\n\n  private broadcastOverChannel(type: string, payload: any) {\n    // The broadcastChannel may not be available in non-browser environments\n    if (!this.broadcastChannel) {\n      return;\n    }\n\n    // Here we stringify our payload and try and send as JSON such that we\n    // don't get any `An object could not be cloned` errors when trying to broadcast\n    try {\n      const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n      this.broadcastChannel.postMessage({\n        type,\n        payload: stringifiedPayload,\n      });\n    } catch (e) {\n      console.warn(`Could not broadcast ${type}, got error: ${e}`);\n    }\n  }\n\n  private initializeRealtimeConnection() {\n    const { socket: maybeSocket } = this.knock.client();\n\n    // In server environments we might not have a socket connection\n    if (!maybeSocket) return;\n\n    // Reinitialize channel connections incase the socket changed\n    this.channel = maybeSocket.channel(\n      `feeds:${this.userFeedId}`,\n      this.defaultOptions,\n    );\n\n    this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setupAutoSocketManager();\n    }\n\n    // If we're initializing but they have previously opted to listen to real-time updates\n    // then we will automatically reconnect on their behalf\n    if (this.hasSubscribedToRealTimeUpdates) {\n      if (!maybeSocket.isConnected()) maybeSocket.connect();\n      this.channel.join();\n    }\n  }\n\n  /**\n   * Listen for changes to document visibility and automatically disconnect\n   * or reconnect the socket after a delay\n   */\n  private setupAutoSocketManager() {\n    if (this.visibilityChangeListenerConnected) return;\n\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    this.visibilityChangeListenerConnected = true;\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private teardownAutoSocketManager() {\n    document.removeEventListener(\n      \"visibilitychange\",\n      this.visibilityChangeHandler,\n    );\n    this.visibilityChangeListenerConnected = false;\n  }\n\n  private emitEvent(\n    type:\n      | MessageEngagementStatus\n      | \"all_read\"\n      | \"all_seen\"\n      | \"all_archived\"\n      | \"unread\"\n      | \"unseen\"\n      | \"unarchived\",\n    items: FeedItem[],\n  ) {\n    // Handle both `items.` and `items:` format for events for compatibility reasons\n    this.broadcaster.emit(`items.${type}`, { items });\n    this.broadcaster.emit(`items:${type}`, { items });\n    // Internal events only need `items:`\n    this.broadcastOverChannel(`items:${type}`, { items });\n  }\n\n  private handleVisibilityChange() {\n    const disconnectDelay =\n      this.defaultOptions.auto_manage_socket_connection_delay ??\n      DEFAULT_DISCONNECT_DELAY;\n\n    const client = this.knock.client();\n\n    if (document.visibilityState === \"hidden\") {\n      // When the tab is hidden, clean up the socket connection after a delay\n      this.disconnectTimer = setTimeout(() => {\n        client.socket?.disconnect();\n        this.disconnectTimer = null;\n      }, disconnectDelay);\n    } else if (document.visibilityState === \"visible\") {\n      // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n      // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n      if (this.disconnectTimer) {\n        clearTimeout(this.disconnectTimer);\n        this.disconnectTimer = null;\n      }\n\n      // If the socket is not connected, try to reconnect\n      if (!client.socket?.isConnected()) {\n        this.initializeRealtimeConnection();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","getState","setState","metadata","items","store","attrs","itemIds","item","result","state","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}

package/dist/types/clients/feed/feed.d.ts

@@ -13,6 +13,7 @@ declare class Feed {
     private disconnectTimer;
     private hasSubscribedToRealTimeUpdates;
     private visibilityChangeHandler;
+    private visibilityChangeListenerConnected;
     store: StoreApi<FeedStoreState>;
     constructor(knock: Knock, feedId: string, options: FeedClientOptions);
     /**
@@ -60,6 +61,7 @@ declare class Feed {
      */
     private setupAutoSocketManager;
     private teardownAutoSocketManager;
+    private emitEvent;
     private handleVisibilityChange;
 }
 export default Feed;

package/dist/types/clients/feed/feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACpB,cAAc,EACf,MAAM,SAAS,CAAC;AASjB,cAAM,IAAI;IAcN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAdzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,8BAA8B,CAAkB;IACxD,OAAO,CAAC,uBAAuB,CAAwB;IAGhD,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;gBAG5B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB;IAgB5B;;OAEG;IACH,YAAY;IAWZ;;;OAGG;IACH,QAAQ;IAoBR,2EAA2E;IAC3E,OAAO;IAWP,gBAAgB;IAmBhB,EAAE,CACA,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,GAAG,CACD,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,QAAQ;IAIF,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA+Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA+Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAuB7C,cAAc,CAAC,WAAW,EAAE,eAAe;IA0E3C,iBAAiB;IAgCjB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA6EpC,aAAa;IAgBnB,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAelC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAmD3B,gBAAgB;YAsBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IA0BpC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACpB,cAAc,EACf,MAAM,SAAS,CAAC;AASjB,cAAM,IAAI;IAeN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAfzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,8BAA8B,CAAkB;IACxD,OAAO,CAAC,uBAAuB,CAAwB;IACvD,OAAO,CAAC,iCAAiC,CAAkB;IAGpD,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;gBAG5B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB;IAgB5B;;OAEG;IACH,YAAY;IAWZ;;;OAGG;IACH,QAAQ;IAoBR,2EAA2E;IAC3E,OAAO;IAWP,gBAAgB;IAmBhB,EAAE,CACA,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,GAAG,CACD,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,QAAQ;IAIF,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA6Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA6Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAuB7C,cAAc,CAAC,WAAW,EAAE,eAAe;IA0E3C,iBAAiB;IA8BjB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA6EpC,aAAa;IAgBnB,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAelC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAmD3B,gBAAgB;YAiBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IA0BpC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}

package/dist/types/clients/feed/interfaces.d.ts

@@ -67,8 +67,8 @@ export interface FeedMetadata {
     unread_count: number;
     unseen_count: number;
 }
-export interface FeedResponse {
-    entries: FeedItem[];
+export interface FeedResponse<T = any> {
+    entries: FeedItem<T>[];
     meta: FeedMetadata;
     page_info: PageInfo;
 }

package/dist/types/clients/feed/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/interfaces.ts"],"names":[],"mappings":"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"}

package/dist/types/clients/feed/types.d.ts

@@ -5,7 +5,7 @@ export type StoreFeedResultOptions = {
     shouldSetPage?: boolean;
     shouldAppend?: boolean;
 };
-export type FeedStoreState = {
+export interface FeedStoreState {
     items: FeedItem[];
     pageInfo: PageInfo;
     metadata: FeedMetadata;
@@ -16,18 +16,18 @@ export type FeedStoreState = {
     setNetworkStatus: (networkStatus: NetworkStatus) => void;
     setItemAttrs: (itemIds: string[], attrs: object) => void;
     resetStore: (metadata?: FeedMetadata) => void;
-};
-export type FeedMessagesReceivedPayload = {
+}
+export interface FeedMessagesReceivedPayload {
     metadata: FeedMetadata;
-};
+}
 export type FeedRealTimeEvent = "messages.new";
 export type FeedEvent = FeedRealTimeEvent | "items.received.page" | "items.received.realtime" | "items.archived" | "items.unarchived" | "items.seen" | "items.unseen" | "items.read" | "items.unread" | "items.all_archived" | "items.all_read" | "items.all_seen";
 export type BindableFeedEvent = FeedEvent | "items.received.*" | "items.*";
-export type FeedEventPayload = {
+export interface FeedEventPayload<T = any> {
     event: Omit<FeedEvent, "messages.new">;
-    items: FeedItem[];
+    items: FeedItem<T>[];
     metadata: FeedMetadata;
-};
+}
 export type FeedRealTimeCallback = (resp: FeedResponse) => void;
 export type FeedEventCallback = (payload: FeedEventPayload) => void;
 export type FeedItemOrItems = FeedItem | FeedItem[];

package/dist/types/clients/feed/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3E,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAQF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,SAAS,GACjB,iBAAiB,GACjB,qBAAqB,GACrB,yBAAyB,GACzB,gBAAgB,GAChB,kBAAkB,GAClB,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,gBAAgB,CAAC;AAGrB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACvC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3E,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,YAAY,CAAC;CACxB;AAQD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,SAAS,GACjB,iBAAiB,GACjB,qBAAqB,GACrB,yBAAyB,GACzB,gBAAgB,GAChB,kBAAkB,GAClB,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,gBAAgB,CAAC;AAGrB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE3E,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACvC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knocklabs/client",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "The clientside library for interacting with Knock",
   "homepage": "https://github.com/knocklabs/javascript/tree/main/packages/client",
   "author": "@knocklabs",

package/src/clients/feed/feed.ts

@@ -44,6 +44,7 @@ class Feed {
   private disconnectTimer: ReturnType<typeof setTimeout> | null = null;
   private hasSubscribedToRealTimeUpdates: Boolean = false;
   private visibilityChangeHandler: () => void = () => {};
+  private visibilityChangeListenerConnected: Boolean = false;
 
   // The raw store instance, used for binding in React and other environments
   public store: StoreApi<FeedStoreState>;
@@ -206,9 +207,7 @@ class Feed {
 
     // Issue the API request to the bulk status change API
     const result = await this.makeBulkStatusUpdate("seen");
-
-    this.broadcaster.emit(`items:all_seen`, { items });
-    this.broadcastOverChannel(`items:all_seen`, { items });
+    this.emitEvent("all_seen", items);
 
     return result;
   }
@@ -276,9 +275,7 @@ class Feed {
 
     // Issue the API request to the bulk status change API
     const result = await this.makeBulkStatusUpdate("read");
-
-    this.broadcaster.emit(`items:all_read`, { items });
-    this.broadcastOverChannel(`items:all_read`, { items });
+    this.emitEvent("all_read", items);
 
     return result;
   }
@@ -416,9 +413,7 @@ class Feed {
 
     // Issue the API request to the bulk status change API
     const result = await this.makeBulkStatusUpdate("archive");
-
-    this.broadcaster.emit(`items:all_archived`, { items });
-    this.broadcastOverChannel(`items:all_archived`, { items });
+    this.emitEvent("all_archived", items);
 
     return result;
   }
@@ -615,12 +610,7 @@ class Feed {
 
     // Emit the event that these items had their statuses changed
     // Note: we do this after the update to ensure that the server event actually completed
-    this.broadcaster.emit(`items.${type}`, { items });
-
-    // Note: `items.type` format is being deprecated in favor over the `items:type` format,
-    // but emit both formats to make it backward compatible for now.
-    this.broadcaster.emit(`items:${type}`, { items });
-    this.broadcastOverChannel(`items:${type}`, { items });
+    this.emitEvent(type, items);
 
     return result;
   }
@@ -739,7 +729,10 @@ class Feed {
    * or reconnect the socket after a delay
    */
   private setupAutoSocketManager() {
+    if (this.visibilityChangeListenerConnected) return;
+
     this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);
+    this.visibilityChangeListenerConnected = true;
     document.addEventListener("visibilitychange", this.visibilityChangeHandler);
   }
 
@@ -748,6 +741,25 @@ class Feed {
       "visibilitychange",
       this.visibilityChangeHandler,
     );
+    this.visibilityChangeListenerConnected = false;
+  }
+
+  private emitEvent(
+    type:
+      | MessageEngagementStatus
+      | "all_read"
+      | "all_seen"
+      | "all_archived"
+      | "unread"
+      | "unseen"
+      | "unarchived",
+    items: FeedItem[],
+  ) {
+    // Handle both `items.` and `items:` format for events for compatibility reasons
+    this.broadcaster.emit(`items.${type}`, { items });
+    this.broadcaster.emit(`items:${type}`, { items });
+    // Internal events only need `items:`
+    this.broadcastOverChannel(`items:${type}`, { items });
   }
 
   private handleVisibilityChange() {

package/src/clients/feed/interfaces.ts

@@ -94,8 +94,8 @@ export interface FeedMetadata {
   unseen_count: number;
 }
 
-export interface FeedResponse {
-  entries: FeedItem[];
+export interface FeedResponse<T = any> {
+  entries: FeedItem<T>[];
   meta: FeedMetadata;
   page_info: PageInfo;
 }

package/src/clients/feed/types.ts

@@ -9,7 +9,7 @@ export type StoreFeedResultOptions = {
   shouldAppend?: boolean;
 };
 
-export type FeedStoreState = {
+export interface FeedStoreState {
   items: FeedItem[];
   pageInfo: PageInfo;
   metadata: FeedMetadata;
@@ -20,11 +20,11 @@ export type FeedStoreState = {
   setNetworkStatus: (networkStatus: NetworkStatus) => void;
   setItemAttrs: (itemIds: string[], attrs: object) => void;
   resetStore: (metadata?: FeedMetadata) => void;
-};
+}
 
-export type FeedMessagesReceivedPayload = {
+export interface FeedMessagesReceivedPayload {
   metadata: FeedMetadata;
-};
+}
 
 /*
 Event types:
@@ -51,11 +51,11 @@ export type FeedEvent =
 // Because we can bind to wild card feed events, this is here to accomodate whatever can be bound to
 export type BindableFeedEvent = FeedEvent | "items.received.*" | "items.*";
 
-export type FeedEventPayload = {
+export interface FeedEventPayload<T = any> {
   event: Omit<FeedEvent, "messages.new">;
-  items: FeedItem[];
+  items: FeedItem<T>[];
   metadata: FeedMetadata;
-};
+}
 
 export type FeedRealTimeCallback = (resp: FeedResponse) => void;