@knocklabs/client 0.18.1 → 0.18.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.18.3
+
+### Patch Changes
+
+- 9f0d317: fix(KNO-9711) Add step_ref to NotificationSource
+
+  Add optional nullable field corresponding to API spec
+
+## 0.18.2
+
+### Patch Changes
+
+- 1fc802b: fix(feed): optimistically update when unarchiving an item
+
 ## 0.18.1
 
 ### Patch Changes

package/dist/cjs/api.js

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var n=(t,e,s)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var r=(t,e,s)=>n(t,typeof e!="symbol"?e+"":e,s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("axios"),l=require("axios-retry"),c=require("phoenix"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},d=i(u),o=i(l);class h{constructor(e){r(this,"host");r(this,"apiKey");r(this,"userToken");r(this,"axiosClient");r(this,"socket");this.host=e.host,this.apiKey=e.apiKey,this.userToken=e.userToken||null,this.axiosClient=d.default.create({baseURL:this.host,headers:{Accept:"application/json","Content-Type":"application/json",Authorization:`Bearer ${this.apiKey}`,"X-Knock-User-Token":this.userToken,"X-Knock-Client":this.getKnockClientHeader()}}),typeof window<"u"&&(this.socket=new c.Socket(`${this.host.replace("http","ws")}/ws/v1`,{params:{user_token:this.userToken,api_key:this.apiKey}})),o.default(this.axiosClient,{retries:3,retryCondition:this.canRetryRequest,retryDelay:o.default.exponentialDelay})}async makeRequest(e){try{const s=await this.axiosClient(e);return{statusCode:s.status<300?"ok":"error",body:s.data,error:void 0,status:s.status}}catch(s){return console.error(s),{statusCode:"error",status:500,body:void 0,error:s}}}canRetryRequest(e){return o.default.isNetworkError(e)?!0:e.response?e.response.status>=500&&e.response.status<=599||e.response.status===429:!1}getKnockClientHeader(){return"Knock/ClientJS 0.18.1"}}exports.default=h;
+"use strict";var a=Object.defineProperty;var n=(t,e,s)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var r=(t,e,s)=>n(t,typeof e!="symbol"?e+"":e,s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("axios"),l=require("axios-retry"),c=require("phoenix"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},d=i(u),o=i(l);class h{constructor(e){r(this,"host");r(this,"apiKey");r(this,"userToken");r(this,"axiosClient");r(this,"socket");this.host=e.host,this.apiKey=e.apiKey,this.userToken=e.userToken||null,this.axiosClient=d.default.create({baseURL:this.host,headers:{Accept:"application/json","Content-Type":"application/json",Authorization:`Bearer ${this.apiKey}`,"X-Knock-User-Token":this.userToken,"X-Knock-Client":this.getKnockClientHeader()}}),typeof window<"u"&&(this.socket=new c.Socket(`${this.host.replace("http","ws")}/ws/v1`,{params:{user_token:this.userToken,api_key:this.apiKey}})),o.default(this.axiosClient,{retries:3,retryCondition:this.canRetryRequest,retryDelay:o.default.exponentialDelay})}async makeRequest(e){try{const s=await this.axiosClient(e);return{statusCode:s.status<300?"ok":"error",body:s.data,error:void 0,status:s.status}}catch(s){return console.error(s),{statusCode:"error",status:500,body:void 0,error:s}}}canRetryRequest(e){return o.default.isNetworkError(e)?!0:e.response?e.response.status>=500&&e.response.status<=599||e.response.status===429:!1}getKnockClientHeader(){return"Knock/ClientJS 0.18.3"}}exports.default=h;
 //# sourceMappingURL=api.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var g=Object.defineProperty;var p=(c,e,t)=>e in c?g(c,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[e]=t;var d=(c,e,t)=>p(c,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("eventemitter2"),_=require("nanoid"),v=require("../../helpers.js"),m=require("../../networkStatus.js"),S=require("./socket-manager.js"),y=require("./store.js"),f=require("./utils.js"),b=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},w=b(k),I={archived:"exclude"},C=2e3,U="client_";class A{constructor(e,t,s,a){d(this,"defaultOptions");d(this,"referenceId");d(this,"unsubscribeFromSocketEvents");d(this,"socketManager");d(this,"userFeedId");d(this,"broadcaster");d(this,"broadcastChannel");d(this,"disconnectTimer",null);d(this,"hasSubscribedToRealTimeUpdates",!1);d(this,"visibilityChangeHandler",()=>{});d(this,"visibilityChangeListenerConnected",!1);d(this,"store");this.knock=e,this.feedId=t,(!t||!v.isValidUuid(t))&&this.knock.log("[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.",!0),this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.referenceId=U+_.nanoid(),this.socketManager=a,this.store=y.default(),this.broadcaster=new w.default({wildcard:!0,delimiter:"."}),this.defaultOptions={...I,...f.mergeDateRangeParams(s)},this.knock.log(`[Feed] Initialized a feed on channel ${t}`),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}reinitialize(e){this.socketManager=e,this.userFeedId=this.buildUserFeedId(),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}teardown(){var e;this.knock.log("[Feed] Tearing down feed instance"),(e=this.socketManager)==null||e.leave(this),this.tearDownVisibilityListeners(),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(){var e;if(this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0,!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping listening for updates");return}this.unsubscribeFromSocketEvents=(e=this.socketManager)==null?void 0:e.join(this)}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{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unseen")s.resetStore({...e,total_count:0,unseen_count:0});else{s.setMetadata({...e,unseen_count:0});const n={seen_at:new Date().toISOString()},i=t.map(o=>o.id);s.setItemAttrs(i,n)}const r=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",t),r}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{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unread")s.resetStore({...e,total_count:0,unread_count:0});else{s.setMetadata({...e,unread_count:0});const n={read_at:new Date().toISOString()},i=t.map(o=>o.id);s.setItemAttrs(i,n)}const r=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",t),r}async markAsUnread(e){return this.optimisticallyPerformStatusUpdate(e,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e,t){const s=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"interacted",{read_at:s,interacted_at:s},"unread_count"),this.makeStatusUpdate(e,"interacted",t)}async markAsArchived(e){const t=this.store.getState(),s=this.defaultOptions.archived==="exclude",a=Array.isArray(e)?e:[e],r=a.map(n=>n.id);if(s){const n=a.filter(u=>!u.seen_at).length,i=a.filter(u=>!u.read_at).length,o={...t.metadata,total_count:Math.max(0,t.metadata.total_count-a.length),unseen_count:Math.max(0,t.metadata.unseen_count-n),unread_count:Math.max(0,t.metadata.unread_count-i)},l=t.items.filter(u=>!r.includes(u.id));t.setResult({entries:l,meta:o,page_info:t.pageInfo})}else t.setItemAttrs(r,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{items:e,...t}=this.store.getState();if(this.defaultOptions.archived==="exclude")t.resetStore();else{const r=e.map(n=>n.id);t.setItemAttrs(r,{archived_at:new Date().toISOString()})}const a=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",e),a}async markAllReadAsArchived(){const{items:e,...t}=this.store.getState(),a=e.filter(i=>i.read_at===null).map(i=>i.id);if(t.setItemAttrs(a,{archived_at:new Date().toISOString()}),this.defaultOptions.archived==="exclude"){const i=e.filter(l=>!a.includes(l.id)),o={...t.metadata,total_count:i.length,unread_count:0};t.setResult({entries:i,meta:o,page_info:t.pageInfo})}return await this.makeBulkStatusUpdate("archive")}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{networkStatus:t,...s}=this.store.getState();if(!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping fetch");return}if(m.isRequestInFlight(t)){this.knock.log("[Feed] Request is in flight, skipping fetch");return}s.setNetworkStatus(e.__loadingType??m.NetworkStatus.loading);const a=f.getFormattedTriggerData({...this.defaultOptions,...e}),r={...this.defaultOptions,...f.mergeDateRangeParams(e),trigger_data:a,__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 s.setNetworkStatus(m.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 u={shouldSetPage:!1,shouldAppend:!0};s.setResult(i,u)}else if(e.after){const u={shouldSetPage:!0,shouldAppend:!0};s.setResult(i,u)}else s.setResult(i);this.broadcast("messages.new",i);const o=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",l={items:i.entries,metadata:i.meta,event:o};return this.broadcast(l.event,l),{data:i,status:n.statusCode}}async fetchNextPage(e={}){const{pageInfo:t}=this.store.getState();t.after&&this.fetch({...e,after:t.after,__loadingType:m.NetworkStatus.fetchMore})}get socketChannelTopic(){return`feeds:${this.userFeedId}`}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({data:e}){var n;this.knock.log("[Feed] Received new real-time message");const{items:t,...s}=this.store.getState(),a=t[0],r=(n=e[this.referenceId])==null?void 0:n.metadata;r&&s.setMetadata(r),this.fetch({before:a==null?void 0:a.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,s,a){const r=this.store.getState(),n=Array.isArray(e)?e:[e],i=n.map(o=>o.id);if(a){const{metadata:o}=r,l=n.filter(h=>{switch(t){case"seen":return h.seen_at===null;case"unseen":return h.seen_at!==null;case"read":case"interacted":return h.read_at===null;case"unread":return h.read_at!==null;default:return!0}}),u=t.startsWith("un")?l.length:-l.length;r.setMetadata({...o,[a]:Math.max(0,o[a]+u)})}r.setItemAttrs(i,s)}async makeStatusUpdate(e,t,s){const a=Array.isArray(e)?e:[e],r=a.map(i=>i.id),n=await this.knock.messages.batchUpdateStatuses(r,t,{metadata:s});return this.emitEvent(t,a),n}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(){var e;this.socketManager&&(this.defaultOptions.auto_manage_socket_connection&&this.setUpVisibilityListeners(),this.hasSubscribedToRealTimeUpdates&&this.knock.isAuthenticated()&&(this.unsubscribeFromSocketEvents=(e=this.socketManager)==null?void 0:e.join(this)))}async handleSocketEvent(e){switch(e.event){case S.SocketEventType.NewMessage:this.onNewMessageReceived(e);return;default:{e.event;return}}}setUpVisibilityListeners(){typeof document>"u"||this.visibilityChangeListenerConnected||(this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),this.visibilityChangeListenerConnected=!0,document.addEventListener("visibilitychange",this.visibilityChangeHandler))}tearDownVisibilityListeners(){typeof document>"u"||(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,a;const e=this.defaultOptions.auto_manage_socket_connection_delay??C,t=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var r;(r=t.socket)==null||r.disconnect(),this.disconnectTimer=null},e):document.visibilityState==="visible"&&(this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),(s=t.socket)!=null&&s.isConnected()||(a=t.socket)==null||a.connect())}}exports.default=A;
+"use strict";var g=Object.defineProperty;var p=(u,e,t)=>e in u?g(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t;var c=(u,e,t)=>p(u,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("eventemitter2"),_=require("nanoid"),v=require("../../helpers.js"),m=require("../../networkStatus.js"),S=require("./socket-manager.js"),y=require("./store.js"),f=require("./utils.js"),b=u=>u&&typeof u=="object"&&"default"in u?u:{default:u},I=b(k),w={archived:"exclude"},C=2e3,U="client_";class A{constructor(e,t,s,n){c(this,"defaultOptions");c(this,"referenceId");c(this,"unsubscribeFromSocketEvents");c(this,"socketManager");c(this,"userFeedId");c(this,"broadcaster");c(this,"broadcastChannel");c(this,"disconnectTimer",null);c(this,"hasSubscribedToRealTimeUpdates",!1);c(this,"visibilityChangeHandler",()=>{});c(this,"visibilityChangeListenerConnected",!1);c(this,"store");this.knock=e,this.feedId=t,(!t||!v.isValidUuid(t))&&this.knock.log("[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.",!0),this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.referenceId=U+_.nanoid(),this.socketManager=n,this.store=y.default(),this.broadcaster=new I.default({wildcard:!0,delimiter:"."}),this.defaultOptions={...w,...f.mergeDateRangeParams(s)},this.knock.log(`[Feed] Initialized a feed on channel ${t}`),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}reinitialize(e){this.socketManager=e,this.userFeedId=this.buildUserFeedId(),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}teardown(){var e;this.knock.log("[Feed] Tearing down feed instance"),(e=this.socketManager)==null||e.leave(this),this.tearDownVisibilityListeners(),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(){var e;if(this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0,!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping listening for updates");return}this.unsubscribeFromSocketEvents=(e=this.socketManager)==null?void 0:e.join(this)}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{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unseen")s.resetStore({...e,total_count:0,unseen_count:0});else{s.setMetadata({...e,unseen_count:0});const a={seen_at:new Date().toISOString()},i=t.map(d=>d.id);s.setItemAttrs(i,a)}const r=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",t),r}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{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unread")s.resetStore({...e,total_count:0,unread_count:0});else{s.setMetadata({...e,unread_count:0});const a={read_at:new Date().toISOString()},i=t.map(d=>d.id);s.setItemAttrs(i,a)}const r=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",t),r}async markAsUnread(e){return this.optimisticallyPerformStatusUpdate(e,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e,t){const s=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"interacted",{read_at:s,interacted_at:s},"unread_count"),this.makeStatusUpdate(e,"interacted",t)}async markAsArchived(e){const t=this.store.getState(),s=this.defaultOptions.archived==="exclude",n=Array.isArray(e)?e:[e],r=n.map(a=>a.id);if(s){const a=n.filter(o=>!o.seen_at).length,i=n.filter(o=>!o.read_at).length,d={...t.metadata,total_count:Math.max(0,t.metadata.total_count-n.length),unseen_count:Math.max(0,t.metadata.unseen_count-a),unread_count:Math.max(0,t.metadata.unread_count-i)},l=t.items.filter(o=>!r.includes(o.id));t.setResult({entries:l,meta:d,page_info:t.pageInfo})}else t.setItemAttrs(r,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{items:e,...t}=this.store.getState();if(this.defaultOptions.archived==="exclude")t.resetStore();else{const r=e.map(a=>a.id);t.setItemAttrs(r,{archived_at:new Date().toISOString()})}const n=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",e),n}async markAllReadAsArchived(){const{items:e,...t}=this.store.getState(),n=e.filter(i=>i.read_at===null).map(i=>i.id);if(t.setItemAttrs(n,{archived_at:new Date().toISOString()}),this.defaultOptions.archived==="exclude"){const i=e.filter(l=>!n.includes(l.id)),d={...t.metadata,total_count:i.length,unread_count:0};t.setResult({entries:i,meta:d,page_info:t.pageInfo})}return await this.makeBulkStatusUpdate("archive")}async markAsUnarchived(e){const t=this.store.getState(),s=Array.isArray(e)?e:[e],n=s.map(a=>a.id);if(this.defaultOptions.archived==="only"){const a=s.filter(o=>!o.seen_at).length,i=s.filter(o=>!o.read_at).length,d={...t.metadata,total_count:Math.max(0,t.metadata.total_count-s.length),unseen_count:Math.max(0,t.metadata.unseen_count-a),unread_count:Math.max(0,t.metadata.unread_count-i)},l=t.items.filter(o=>!n.includes(o.id));t.setResult({entries:l,meta:d,page_info:t.pageInfo})}else this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null});return this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{networkStatus:t,...s}=this.store.getState();if(!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping fetch");return}if(m.isRequestInFlight(t)){this.knock.log("[Feed] Request is in flight, skipping fetch");return}s.setNetworkStatus(e.__loadingType??m.NetworkStatus.loading);const n=f.getFormattedTriggerData({...this.defaultOptions,...e}),r={...this.defaultOptions,...f.mergeDateRangeParams(e),trigger_data:n,__loadingType:void 0,__fetchSource:void 0,__experimentalCrossBrowserUpdates:void 0,auto_manage_socket_connection:void 0,auto_manage_socket_connection_delay:void 0},a=await this.knock.client().makeRequest({method:"GET",url:`/v1/users/${this.knock.userId}/feeds/${this.feedId}`,params:r});if(a.statusCode==="error"||!a.body)return s.setNetworkStatus(m.NetworkStatus.error),{status:a.statusCode,data:a.error||a.body};const i={entries:a.body.entries,meta:a.body.meta,page_info:a.body.page_info};if(e.before){const o={shouldSetPage:!1,shouldAppend:!0};s.setResult(i,o)}else if(e.after){const o={shouldSetPage:!0,shouldAppend:!0};s.setResult(i,o)}else s.setResult(i);this.broadcast("messages.new",i);const d=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",l={items:i.entries,metadata:i.meta,event:d};return this.broadcast(l.event,l),{data:i,status:a.statusCode}}async fetchNextPage(e={}){const{pageInfo:t}=this.store.getState();t.after&&this.fetch({...e,after:t.after,__loadingType:m.NetworkStatus.fetchMore})}get socketChannelTopic(){return`feeds:${this.userFeedId}`}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({data:e}){var a;this.knock.log("[Feed] Received new real-time message");const{items:t,...s}=this.store.getState(),n=t[0],r=(a=e[this.referenceId])==null?void 0:a.metadata;r&&s.setMetadata(r),this.fetch({before:n==null?void 0:n.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,s,n){const r=this.store.getState(),a=Array.isArray(e)?e:[e],i=a.map(d=>d.id);if(n){const{metadata:d}=r,l=a.filter(h=>{switch(t){case"seen":return h.seen_at===null;case"unseen":return h.seen_at!==null;case"read":case"interacted":return h.read_at===null;case"unread":return h.read_at!==null;default:return!0}}),o=t.startsWith("un")?l.length:-l.length;r.setMetadata({...d,[n]:Math.max(0,d[n]+o)})}r.setItemAttrs(i,s)}async makeStatusUpdate(e,t,s){const n=Array.isArray(e)?e:[e],r=n.map(i=>i.id),a=await this.knock.messages.batchUpdateStatuses(r,t,{metadata:s});return this.emitEvent(t,n),a}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(){var e;this.socketManager&&(this.defaultOptions.auto_manage_socket_connection&&this.setUpVisibilityListeners(),this.hasSubscribedToRealTimeUpdates&&this.knock.isAuthenticated()&&(this.unsubscribeFromSocketEvents=(e=this.socketManager)==null?void 0:e.join(this)))}async handleSocketEvent(e){switch(e.event){case S.SocketEventType.NewMessage:this.onNewMessageReceived(e);return;default:{e.event;return}}}setUpVisibilityListeners(){typeof document>"u"||this.visibilityChangeListenerConnected||(this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),this.visibilityChangeListenerConnected=!0,document.addEventListener("visibilitychange",this.visibilityChangeHandler))}tearDownVisibilityListeners(){typeof document>"u"||(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,n;const e=this.defaultOptions.auto_manage_socket_connection_delay??C,t=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var r;(r=t.socket)==null||r.disconnect(),this.disconnectTimer=null},e):document.visibilityState==="visible"&&(this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),(s=t.socket)!=null&&s.isConnected()||(n=t.socket)==null||n.connect())}}exports.default=A;
 //# 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 { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { nanoid } from \"nanoid\";\n\nimport { isValidUuid } from \"../../helpers\";\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  FetchFeedOptionsForRequest,\n} from \"./interfaces\";\nimport {\n  FeedSocketManager,\n  SocketEventPayload,\n  SocketEventType,\n} from \"./socket-manager\";\nimport createStore, { FeedStore } from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n} from \"./types\";\nimport { getFormattedTriggerData, mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nconst CLIENT_REF_ID_PREFIX = \"client_\";\n\nclass Feed {\n  public readonly defaultOptions: FeedClientOptions;\n  public readonly referenceId: string;\n  public unsubscribeFromSocketEvents: (() => void) | undefined = undefined;\n  private socketManager: FeedSocketManager | undefined;\n  private userFeedId: string;\n  private broadcaster: EventEmitter;\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: FeedStore;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n    socketManager: FeedSocketManager | undefined,\n  ) {\n    if (!feedId || !isValidUuid(feedId)) {\n      this.knock.log(\n        \"[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.\",\n        true,\n      );\n    }\n\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.referenceId = CLIENT_REF_ID_PREFIX + nanoid();\n    this.socketManager = socketManager;\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = {\n      ...feedClientDefaults,\n      ...mergeDateRangeParams(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(socketManager?: FeedSocketManager) {\n    this.socketManager = socketManager;\n\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    this.socketManager?.leave(this);\n\n    this.tearDownVisibilityListeners();\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    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\n        \"[Feed] User is not authenticated, skipping listening for updates\",\n      );\n      return;\n    }\n\n    this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unseen_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unseen_count: 0 });\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unread_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unread_count: 0 });\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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(\n    itemOrItems: FeedItemOrItems,\n    metadata?: Record<string, string>,\n  ) {\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\", metadata);\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 state = this.store.getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n    const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n      const unreadCount = items.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        // Ensure that the counts don't ever go below 0 on archiving where the client state\n        // gets out of sync with the server state\n        total_count: Math.max(0, state.metadata.total_count - items.length),\n        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n        unread_count: Math.max(0, 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      state.setResult({\n        entries: entriesToSet,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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 { items, ...state } = this.store.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      state.resetStore();\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      const itemIds = items.map((i) => i.id);\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\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 markAllReadAsArchived() {\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 { items, ...state } = this.store.getState();\n    // Filter items to only include those that are unread\n    const unreadItems = items.filter((item) => item.read_at === null);\n    // Mark all the unread items as archived and read\n    const itemIds = unreadItems.map((i) => i.id);\n    state.setItemAttrs(itemIds, {\n      archived_at: new Date().toISOString(),\n    });\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      // Remove all the read items from the store and reset the badge count\n      const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: remainingItems.length,\n        unread_count: 0,\n      };\n\n      state.setResult({\n        entries: remainingItems,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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\", readItems);\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 { networkStatus, ...state } = this.store.getState();\n\n    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n      return;\n    }\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n    // trigger_data should be a JSON string for the API\n    // this function will format the trigger data if it's an object\n    // https://docs.knock.app/reference#get-feed\n    const formattedTriggerData = getFormattedTriggerData({\n      ...this.defaultOptions,\n      ...options,\n    });\n\n    // Always include the default params, if they have been set\n    const queryParams: FetchFeedOptionsForRequest = {\n      ...this.defaultOptions,\n      ...mergeDateRangeParams(options),\n      trigger_data: formattedTriggerData,\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      state.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      state.setResult(response, opts);\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      state.setResult(response, opts);\n    } else {\n      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(options: FetchFeedOptions = {}) {\n    // Attempts to fetch the next page of results (if we have any)\n    const { pageInfo } = this.store.getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      ...options,\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  get socketChannelTopic(): string {\n    return `feeds:${this.userFeedId}`;\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({ data }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { items, ...state } = this.store.getState();\n    const currentHead: FeedItem | undefined = items[0];\n\n    // Optimistically set the badge counts\n    const metadata = data[this.referenceId]?.metadata;\n    if (metadata) {\n      state.setMetadata(metadata);\n    }\n\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 state = this.store.getState();\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 } = state;\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      // This 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      state.setMetadata({\n        ...metadata,\n        [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n      });\n    }\n\n    // Update the items with the given attributes\n    state.setItemAttrs(itemIds, attrs);\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    metadata?: Record<string, string>,\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(\n      itemIds,\n      type,\n      { metadata },\n    );\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: GenericData) {\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    // In server environments we might not have a socket connection\n    if (!this.socketManager) return;\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setUpVisibilityListeners();\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 && this.knock.isAuthenticated()) {\n      this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\n    }\n  }\n\n  async handleSocketEvent(payload: SocketEventPayload) {\n    switch (payload.event) {\n      case SocketEventType.NewMessage:\n        this.onNewMessageReceived(payload);\n        return;\n      default: {\n        const _exhaustiveCheck: never = payload.event;\n        return;\n      }\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 setUpVisibilityListeners() {\n    if (\n      typeof document === \"undefined\" ||\n      this.visibilityChangeListenerConnected\n    ) {\n      return;\n    }\n\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    this.visibilityChangeListenerConnected = true;\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private tearDownVisibilityListeners() {\n    if (typeof document === \"undefined\") return;\n\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        client.socket?.connect();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","CLIENT_REF_ID_PREFIX","Feed","knock","feedId","options","socketManager","__publicField","isValidUuid","nanoid","createStore","EventEmitter","mergeDateRangeParams","_a","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","formattedTriggerData","getFormattedTriggerData","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","itemsToUpdate","direction","status","payload","stringifiedPayload","e","SocketEventType","disconnectDelay","client","_b"],"mappings":"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"}
+{"version":3,"file":"feed.js","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { nanoid } from \"nanoid\";\n\nimport { isValidUuid } from \"../../helpers\";\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  FetchFeedOptionsForRequest,\n} from \"./interfaces\";\nimport {\n  FeedSocketManager,\n  SocketEventPayload,\n  SocketEventType,\n} from \"./socket-manager\";\nimport createStore, { FeedStore } from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n} from \"./types\";\nimport { getFormattedTriggerData, mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nconst CLIENT_REF_ID_PREFIX = \"client_\";\n\nclass Feed {\n  public readonly defaultOptions: FeedClientOptions;\n  public readonly referenceId: string;\n  public unsubscribeFromSocketEvents: (() => void) | undefined = undefined;\n  private socketManager: FeedSocketManager | undefined;\n  private userFeedId: string;\n  private broadcaster: EventEmitter;\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: FeedStore;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n    socketManager: FeedSocketManager | undefined,\n  ) {\n    if (!feedId || !isValidUuid(feedId)) {\n      this.knock.log(\n        \"[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.\",\n        true,\n      );\n    }\n\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.referenceId = CLIENT_REF_ID_PREFIX + nanoid();\n    this.socketManager = socketManager;\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = {\n      ...feedClientDefaults,\n      ...mergeDateRangeParams(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(socketManager?: FeedSocketManager) {\n    this.socketManager = socketManager;\n\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    this.socketManager?.leave(this);\n\n    this.tearDownVisibilityListeners();\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    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\n        \"[Feed] User is not authenticated, skipping listening for updates\",\n      );\n      return;\n    }\n\n    this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unseen_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unseen_count: 0 });\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unread_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unread_count: 0 });\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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(\n    itemOrItems: FeedItemOrItems,\n    metadata?: Record<string, string>,\n  ) {\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\", metadata);\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 state = this.store.getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n    const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n      const unreadCount = items.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        // Ensure that the counts don't ever go below 0 on archiving where the client state\n        // gets out of sync with the server state\n        total_count: Math.max(0, state.metadata.total_count - items.length),\n        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n        unread_count: Math.max(0, 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      state.setResult({\n        entries: entriesToSet,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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 { items, ...state } = this.store.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      state.resetStore();\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      const itemIds = items.map((i) => i.id);\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\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 markAllReadAsArchived() {\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 { items, ...state } = this.store.getState();\n    // Filter items to only include those that are unread\n    const unreadItems = items.filter((item) => item.read_at === null);\n    // Mark all the unread items as archived and read\n    const itemIds = unreadItems.map((i) => i.id);\n    state.setItemAttrs(itemIds, {\n      archived_at: new Date().toISOString(),\n    });\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      // Remove all the read items from the store and reset the badge count\n      const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: remainingItems.length,\n        unread_count: 0,\n      };\n\n      state.setResult({\n        entries: remainingItems,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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\", readItems);\n\n    return result;\n  }\n\n  async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n    const state = this.store.getState();\n\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n    const itemIds: string[] = items.map((item) => item.id);\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"only\";\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 = items.filter((i) => !i.seen_at).length;\n      const unreadCount = items.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        // Ensure that the counts don't ever go below 0 on unarchiving where the client state\n        // gets out of sync with the server state\n        total_count: Math.max(0, state.metadata.total_count - items.length),\n        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n        unread_count: Math.max(0, state.metadata.unread_count - unreadCount),\n      };\n\n      // Remove the unarchived entries\n      const entriesToSet = state.items.filter(\n        (item) => !itemIds.includes(item.id),\n      );\n\n      state.setResult({\n        entries: entriesToSet,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\n      });\n    } else {\n      this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n        archived_at: null,\n      });\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 { networkStatus, ...state } = this.store.getState();\n\n    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n      return;\n    }\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n    // trigger_data should be a JSON string for the API\n    // this function will format the trigger data if it's an object\n    // https://docs.knock.app/reference#get-feed\n    const formattedTriggerData = getFormattedTriggerData({\n      ...this.defaultOptions,\n      ...options,\n    });\n\n    // Always include the default params, if they have been set\n    const queryParams: FetchFeedOptionsForRequest = {\n      ...this.defaultOptions,\n      ...mergeDateRangeParams(options),\n      trigger_data: formattedTriggerData,\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      state.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      state.setResult(response, opts);\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      state.setResult(response, opts);\n    } else {\n      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(options: FetchFeedOptions = {}) {\n    // Attempts to fetch the next page of results (if we have any)\n    const { pageInfo } = this.store.getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      ...options,\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  get socketChannelTopic(): string {\n    return `feeds:${this.userFeedId}`;\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({ data }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { items, ...state } = this.store.getState();\n    const currentHead: FeedItem | undefined = items[0];\n\n    // Optimistically set the badge counts\n    const metadata = data[this.referenceId]?.metadata;\n    if (metadata) {\n      state.setMetadata(metadata);\n    }\n\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 state = this.store.getState();\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 } = state;\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      // This 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      state.setMetadata({\n        ...metadata,\n        [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n      });\n    }\n\n    // Update the items with the given attributes\n    state.setItemAttrs(itemIds, attrs);\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    metadata?: Record<string, string>,\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(\n      itemIds,\n      type,\n      { metadata },\n    );\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: GenericData) {\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    // In server environments we might not have a socket connection\n    if (!this.socketManager) return;\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setUpVisibilityListeners();\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 && this.knock.isAuthenticated()) {\n      this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\n    }\n  }\n\n  async handleSocketEvent(payload: SocketEventPayload) {\n    switch (payload.event) {\n      case SocketEventType.NewMessage:\n        this.onNewMessageReceived(payload);\n        return;\n      default: {\n        const _exhaustiveCheck: never = payload.event;\n        return;\n      }\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 setUpVisibilityListeners() {\n    if (\n      typeof document === \"undefined\" ||\n      this.visibilityChangeListenerConnected\n    ) {\n      return;\n    }\n\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    this.visibilityChangeListenerConnected = true;\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private tearDownVisibilityListeners() {\n    if (typeof document === \"undefined\") return;\n\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        client.socket?.connect();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","CLIENT_REF_ID_PREFIX","Feed","knock","feedId","options","socketManager","__publicField","isValidUuid","nanoid","createStore","EventEmitter","mergeDateRangeParams","_a","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","formattedTriggerData","getFormattedTriggerData","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","itemsToUpdate","direction","status","payload","stringifiedPayload","e","SocketEventType","disconnectDelay","client","_b"],"mappings":"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"}

package/dist/esm/api.mjs

@@ -53,7 +53,7 @@ class k {
     return o.isNetworkError(e) ? !0 : e.response ? e.response.status >= 500 && e.response.status <= 599 || e.response.status === 429 : !1;
   }
   getKnockClientHeader() {
-    return "Knock/ClientJS 0.18.1";
+    return "Knock/ClientJS 0.18.3";
   }
 }
 export {

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

@@ -1,6 +1,6 @@
 var p = Object.defineProperty;
-var g = (u, e, t) => e in u ? p(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var d = (u, e, t) => g(u, typeof e != "symbol" ? e + "" : e, t);
+var g = (u, t, e) => t in u ? p(u, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[t] = e;
+var c = (u, t, e) => g(u, typeof t != "symbol" ? t + "" : t, e);
 import k from "eventemitter2";
 import { nanoid as _ } from "nanoid";
 import { isValidUuid as v } from "../../helpers.mjs";
@@ -8,46 +8,46 @@ import { isRequestInFlight as S, NetworkStatus as m } from "../../networkStatus.
 import { SocketEventType as y } from "./socket-manager.mjs";
 import b from "./store.mjs";
 import { mergeDateRangeParams as f, getFormattedTriggerData as I } from "./utils.mjs";
-const U = {
+const C = {
   archived: "exclude"
-}, C = 2e3, w = "client_";
+}, U = 2e3, w = "client_";
 class P {
-  constructor(e, t, s, a) {
-    d(this, "defaultOptions");
-    d(this, "referenceId");
-    d(this, "unsubscribeFromSocketEvents");
-    d(this, "socketManager");
-    d(this, "userFeedId");
-    d(this, "broadcaster");
-    d(this, "broadcastChannel");
-    d(this, "disconnectTimer", null);
-    d(this, "hasSubscribedToRealTimeUpdates", !1);
-    d(this, "visibilityChangeHandler", () => {
+  constructor(t, e, s, n) {
+    c(this, "defaultOptions");
+    c(this, "referenceId");
+    c(this, "unsubscribeFromSocketEvents");
+    c(this, "socketManager");
+    c(this, "userFeedId");
+    c(this, "broadcaster");
+    c(this, "broadcastChannel");
+    c(this, "disconnectTimer", null);
+    c(this, "hasSubscribedToRealTimeUpdates", !1);
+    c(this, "visibilityChangeHandler", () => {
     });
-    d(this, "visibilityChangeListenerConnected", !1);
+    c(this, "visibilityChangeListenerConnected", !1);
     // The raw store instance, used for binding in React and other environments
-    d(this, "store");
-    this.knock = e, this.feedId = t, (!t || !v(t)) && this.knock.log(
+    c(this, "store");
+    this.knock = t, this.feedId = e, (!e || !v(e)) && this.knock.log(
       "[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.",
       !0
-    ), this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.referenceId = w + _(), this.socketManager = a, this.store = b(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = {
-      ...U,
+    ), this.feedId = e, this.userFeedId = this.buildUserFeedId(), this.referenceId = w + _(), this.socketManager = n, this.store = b(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = {
+      ...C,
       ...f(s)
-    }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
+    }, this.knock.log(`[Feed] Initialized a feed on channel ${e}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
   }
   /**
    * Used to reinitialize a current feed instance, which is useful when reauthenticating users
    */
-  reinitialize(e) {
-    this.socketManager = e, this.userFeedId = this.buildUserFeedId(), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
+  reinitialize(t) {
+    this.socketManager = t, this.userFeedId = this.buildUserFeedId(), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
   }
   /**
    * Cleans up a feed instance by destroying the store and disconnecting
    * an open socket connection.
    */
   teardown() {
-    var e;
-    this.knock.log("[Feed] Tearing down feed instance"), (e = this.socketManager) == null || e.leave(this), this.tearDownVisibilityListeners(), this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), this.broadcastChannel && this.broadcastChannel.close();
+    var t;
+    this.knock.log("[Feed] Tearing down feed instance"), (t = this.socketManager) == null || t.leave(this), this.tearDownVisibilityListeners(), this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), this.broadcastChannel && this.broadcastChannel.close();
   }
   /** Tears down an instance and removes it entirely from the feed manager */
   dispose() {
@@ -58,102 +58,102 @@ class P {
     current ApiClient instance if the socket is not already connected.
   */
   listenForUpdates() {
-    var e;
+    var t;
     if (this.knock.log("[Feed] Connecting to real-time service"), this.hasSubscribedToRealTimeUpdates = !0, !this.knock.isAuthenticated()) {
       this.knock.log(
         "[Feed] User is not authenticated, skipping listening for updates"
       );
       return;
     }
-    this.unsubscribeFromSocketEvents = (e = this.socketManager) == null ? void 0 : e.join(this);
+    this.unsubscribeFromSocketEvents = (t = this.socketManager) == null ? void 0 : t.join(this);
   }
   /* Binds a handler to be invoked when event occurs */
-  on(e, t) {
-    this.broadcaster.on(e, t);
+  on(t, e) {
+    this.broadcaster.on(t, e);
   }
-  off(e, t) {
-    this.broadcaster.off(e, t);
+  off(t, e) {
+    this.broadcaster.off(t, e);
   }
   getState() {
     return this.store.getState();
   }
-  async markAsSeen(e) {
-    const t = (/* @__PURE__ */ new Date()).toISOString();
+  async markAsSeen(t) {
+    const e = (/* @__PURE__ */ new Date()).toISOString();
     return this.optimisticallyPerformStatusUpdate(
-      e,
+      t,
       "seen",
-      { seen_at: t },
+      { seen_at: e },
       "unseen_count"
-    ), this.makeStatusUpdate(e, "seen");
+    ), this.makeStatusUpdate(t, "seen");
   }
   async markAllAsSeen() {
-    const { metadata: e, items: t, ...s } = this.store.getState();
+    const { metadata: t, items: e, ...s } = this.store.getState();
     if (this.defaultOptions.status === "unseen")
       s.resetStore({
-        ...e,
+        ...t,
         total_count: 0,
         unseen_count: 0
       });
     else {
-      s.setMetadata({ ...e, unseen_count: 0 });
-      const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, n = t.map((o) => o.id);
-      s.setItemAttrs(n, i);
+      s.setMetadata({ ...t, unseen_count: 0 });
+      const a = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, i = e.map((d) => d.id);
+      s.setItemAttrs(i, a);
     }
-    const r = await this.makeBulkStatusUpdate("seen");
-    return this.emitEvent("all_seen", t), r;
+    const o = await this.makeBulkStatusUpdate("seen");
+    return this.emitEvent("all_seen", e), o;
   }
-  async markAsUnseen(e) {
+  async markAsUnseen(t) {
     return this.optimisticallyPerformStatusUpdate(
-      e,
+      t,
       "unseen",
       { seen_at: null },
       "unseen_count"
-    ), this.makeStatusUpdate(e, "unseen");
+    ), this.makeStatusUpdate(t, "unseen");
   }
-  async markAsRead(e) {
-    const t = (/* @__PURE__ */ new Date()).toISOString();
+  async markAsRead(t) {
+    const e = (/* @__PURE__ */ new Date()).toISOString();
     return this.optimisticallyPerformStatusUpdate(
-      e,
+      t,
       "read",
-      { read_at: t },
+      { read_at: e },
       "unread_count"
-    ), this.makeStatusUpdate(e, "read");
+    ), this.makeStatusUpdate(t, "read");
   }
   async markAllAsRead() {
-    const { metadata: e, items: t, ...s } = this.store.getState();
+    const { metadata: t, items: e, ...s } = this.store.getState();
     if (this.defaultOptions.status === "unread")
       s.resetStore({
-        ...e,
+        ...t,
         total_count: 0,
         unread_count: 0
       });
     else {
-      s.setMetadata({ ...e, unread_count: 0 });
-      const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, n = t.map((o) => o.id);
-      s.setItemAttrs(n, i);
+      s.setMetadata({ ...t, unread_count: 0 });
+      const a = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, i = e.map((d) => d.id);
+      s.setItemAttrs(i, a);
     }
-    const r = await this.makeBulkStatusUpdate("read");
-    return this.emitEvent("all_read", t), r;
+    const o = await this.makeBulkStatusUpdate("read");
+    return this.emitEvent("all_read", e), o;
   }
-  async markAsUnread(e) {
+  async markAsUnread(t) {
     return this.optimisticallyPerformStatusUpdate(
-      e,
+      t,
       "unread",
       { read_at: null },
       "unread_count"
-    ), this.makeStatusUpdate(e, "unread");
+    ), this.makeStatusUpdate(t, "unread");
   }
-  async markAsInteracted(e, t) {
+  async markAsInteracted(t, e) {
     const s = (/* @__PURE__ */ new Date()).toISOString();
     return this.optimisticallyPerformStatusUpdate(
-      e,
+      t,
       "interacted",
       {
         read_at: s,
         interacted_at: s
       },
       "unread_count"
-    ), this.makeStatusUpdate(e, "interacted", t);
+    ), this.makeStatusUpdate(t, "interacted", e);
   }
   /*
     Marking one or more items as archived should:
@@ -163,147 +163,166 @@ class P {
   
     TODO: how do we handle rollbacks?
     */
-  async markAsArchived(e) {
-    const t = this.store.getState(), s = this.defaultOptions.archived === "exclude", a = Array.isArray(e) ? e : [e], r = a.map((i) => i.id);
+  async markAsArchived(t) {
+    const e = this.store.getState(), s = this.defaultOptions.archived === "exclude", n = Array.isArray(t) ? t : [t], o = n.map((a) => a.id);
     if (s) {
-      const i = a.filter((c) => !c.seen_at).length, n = a.filter((c) => !c.read_at).length, o = {
-        ...t.metadata,
+      const a = n.filter((r) => !r.seen_at).length, i = n.filter((r) => !r.read_at).length, d = {
+        ...e.metadata,
         // Ensure that the counts don't ever go below 0 on archiving where the client state
         // gets out of sync with the server state
-        total_count: Math.max(0, t.metadata.total_count - a.length),
-        unseen_count: Math.max(0, t.metadata.unseen_count - i),
-        unread_count: Math.max(0, t.metadata.unread_count - n)
-      }, l = t.items.filter(
-        (c) => !r.includes(c.id)
+        total_count: Math.max(0, e.metadata.total_count - n.length),
+        unseen_count: Math.max(0, e.metadata.unseen_count - a),
+        unread_count: Math.max(0, e.metadata.unread_count - i)
+      }, l = e.items.filter(
+        (r) => !o.includes(r.id)
       );
-      t.setResult({
+      e.setResult({
         entries: l,
-        meta: o,
-        page_info: t.pageInfo
+        meta: d,
+        page_info: e.pageInfo
       });
     } else
-      t.setItemAttrs(r, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
-    return this.makeStatusUpdate(e, "archived");
+      e.setItemAttrs(o, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
+    return this.makeStatusUpdate(t, "archived");
   }
   async markAllAsArchived() {
-    const { items: e, ...t } = this.store.getState();
+    const { items: t, ...e } = this.store.getState();
     if (this.defaultOptions.archived === "exclude")
-      t.resetStore();
+      e.resetStore();
     else {
-      const r = e.map((i) => i.id);
-      t.setItemAttrs(r, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
+      const o = t.map((a) => a.id);
+      e.setItemAttrs(o, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
     }
-    const a = await this.makeBulkStatusUpdate("archive");
-    return this.emitEvent("all_archived", e), a;
+    const n = await this.makeBulkStatusUpdate("archive");
+    return this.emitEvent("all_archived", t), n;
   }
   async markAllReadAsArchived() {
-    const { items: e, ...t } = this.store.getState(), a = e.filter((n) => n.read_at === null).map((n) => n.id);
-    if (t.setItemAttrs(a, {
+    const { items: t, ...e } = this.store.getState(), n = t.filter((i) => i.read_at === null).map((i) => i.id);
+    if (e.setItemAttrs(n, {
       archived_at: (/* @__PURE__ */ new Date()).toISOString()
     }), this.defaultOptions.archived === "exclude") {
-      const n = e.filter((l) => !a.includes(l.id)), o = {
-        ...t.metadata,
-        total_count: n.length,
+      const i = t.filter((l) => !n.includes(l.id)), d = {
+        ...e.metadata,
+        total_count: i.length,
         unread_count: 0
       };
-      t.setResult({
-        entries: n,
-        meta: o,
-        page_info: t.pageInfo
+      e.setResult({
+        entries: i,
+        meta: d,
+        page_info: e.pageInfo
       });
     }
     return await this.makeBulkStatusUpdate("archive");
   }
-  async markAsUnarchived(e) {
-    return this.optimisticallyPerformStatusUpdate(e, "unarchived", {
-      archived_at: null
-    }), this.makeStatusUpdate(e, "unarchived");
+  async markAsUnarchived(t) {
+    const e = this.store.getState(), s = Array.isArray(t) ? t : [t], n = s.map((a) => a.id);
+    if (this.defaultOptions.archived === "only") {
+      const a = s.filter((r) => !r.seen_at).length, i = s.filter((r) => !r.read_at).length, d = {
+        ...e.metadata,
+        // Ensure that the counts don't ever go below 0 on unarchiving where the client state
+        // gets out of sync with the server state
+        total_count: Math.max(0, e.metadata.total_count - s.length),
+        unseen_count: Math.max(0, e.metadata.unseen_count - a),
+        unread_count: Math.max(0, e.metadata.unread_count - i)
+      }, l = e.items.filter(
+        (r) => !n.includes(r.id)
+      );
+      e.setResult({
+        entries: l,
+        meta: d,
+        page_info: e.pageInfo
+      });
+    } else
+      this.optimisticallyPerformStatusUpdate(t, "unarchived", {
+        archived_at: null
+      });
+    return this.makeStatusUpdate(t, "unarchived");
   }
   /* Fetches the feed content, appending it to the store */
-  async fetch(e = {}) {
-    const { networkStatus: t, ...s } = this.store.getState();
+  async fetch(t = {}) {
+    const { networkStatus: e, ...s } = this.store.getState();
     if (!this.knock.isAuthenticated()) {
       this.knock.log("[Feed] User is not authenticated, skipping fetch");
       return;
     }
-    if (S(t)) {
+    if (S(e)) {
       this.knock.log("[Feed] Request is in flight, skipping fetch");
       return;
     }
-    s.setNetworkStatus(e.__loadingType ?? m.loading);
-    const a = I({
+    s.setNetworkStatus(t.__loadingType ?? m.loading);
+    const n = I({
       ...this.defaultOptions,
-      ...e
-    }), r = {
+      ...t
+    }), o = {
       ...this.defaultOptions,
-      ...f(e),
-      trigger_data: a,
+      ...f(t),
+      trigger_data: n,
       // Unset options that should not be sent to the API
       __loadingType: void 0,
       __fetchSource: void 0,
       __experimentalCrossBrowserUpdates: void 0,
       auto_manage_socket_connection: void 0,
       auto_manage_socket_connection_delay: void 0
-    }, i = await this.knock.client().makeRequest({
+    }, a = await this.knock.client().makeRequest({
       method: "GET",
       url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,
-      params: r
+      params: o
     });
-    if (i.statusCode === "error" || !i.body)
+    if (a.statusCode === "error" || !a.body)
       return s.setNetworkStatus(m.error), {
-        status: i.statusCode,
-        data: i.error || i.body
+        status: a.statusCode,
+        data: a.error || a.body
       };
-    const n = {
-      entries: i.body.entries,
-      meta: i.body.meta,
-      page_info: i.body.page_info
+    const i = {
+      entries: a.body.entries,
+      meta: a.body.meta,
+      page_info: a.body.page_info
     };
-    if (e.before) {
-      const c = { shouldSetPage: !1, shouldAppend: !0 };
-      s.setResult(n, c);
-    } else if (e.after) {
-      const c = { shouldSetPage: !0, shouldAppend: !0 };
-      s.setResult(n, c);
+    if (t.before) {
+      const r = { shouldSetPage: !1, shouldAppend: !0 };
+      s.setResult(i, r);
+    } else if (t.after) {
+      const r = { shouldSetPage: !0, shouldAppend: !0 };
+      s.setResult(i, r);
     } else
-      s.setResult(n);
-    this.broadcast("messages.new", n);
-    const o = e.__fetchSource === "socket" ? "items.received.realtime" : "items.received.page", l = {
-      items: n.entries,
-      metadata: n.meta,
-      event: o
+      s.setResult(i);
+    this.broadcast("messages.new", i);
+    const d = t.__fetchSource === "socket" ? "items.received.realtime" : "items.received.page", l = {
+      items: i.entries,
+      metadata: i.meta,
+      event: d
     };
-    return this.broadcast(l.event, l), { data: n, status: i.statusCode };
+    return this.broadcast(l.event, l), { data: i, status: a.statusCode };
   }
-  async fetchNextPage(e = {}) {
-    const { pageInfo: t } = this.store.getState();
-    t.after && this.fetch({
-      ...e,
-      after: t.after,
+  async fetchNextPage(t = {}) {
+    const { pageInfo: e } = this.store.getState();
+    e.after && this.fetch({
+      ...t,
+      after: e.after,
       __loadingType: m.fetchMore
     });
   }
   get socketChannelTopic() {
     return `feeds:${this.userFeedId}`;
   }
-  broadcast(e, t) {
-    this.broadcaster.emit(e, t);
+  broadcast(t, e) {
+    this.broadcaster.emit(t, e);
   }
   // Invoked when a new real-time message comes in from the socket
-  async onNewMessageReceived({ data: e }) {
-    var i;
+  async onNewMessageReceived({ data: t }) {
+    var a;
     this.knock.log("[Feed] Received new real-time message");
-    const { items: t, ...s } = this.store.getState(), a = t[0], r = (i = e[this.referenceId]) == null ? void 0 : i.metadata;
-    r && s.setMetadata(r), this.fetch({ before: a == null ? void 0 : a.__cursor, __fetchSource: "socket" });
+    const { items: e, ...s } = this.store.getState(), n = e[0], o = (a = t[this.referenceId]) == null ? void 0 : a.metadata;
+    o && s.setMetadata(o), this.fetch({ before: n == null ? void 0 : n.__cursor, __fetchSource: "socket" });
   }
   buildUserFeedId() {
     return `${this.feedId}:${this.knock.userId}`;
   }
-  optimisticallyPerformStatusUpdate(e, t, s, a) {
-    const r = this.store.getState(), i = Array.isArray(e) ? e : [e], n = i.map((o) => o.id);
-    if (a) {
-      const { metadata: o } = r, l = i.filter((h) => {
-        switch (t) {
+  optimisticallyPerformStatusUpdate(t, e, s, n) {
+    const o = this.store.getState(), a = Array.isArray(t) ? t : [t], i = a.map((d) => d.id);
+    if (n) {
+      const { metadata: d } = o, l = a.filter((h) => {
+        switch (e) {
           case "seen":
             return h.seen_at === null;
           case "unseen":
@@ -316,24 +335,24 @@ class P {
           default:
             return !0;
         }
-      }), c = t.startsWith("un") ? l.length : -l.length;
-      r.setMetadata({
-        ...o,
-        [a]: Math.max(0, o[a] + c)
+      }), r = e.startsWith("un") ? l.length : -l.length;
+      o.setMetadata({
+        ...d,
+        [n]: Math.max(0, d[n] + r)
       });
     }
-    r.setItemAttrs(n, s);
+    o.setItemAttrs(i, s);
   }
-  async makeStatusUpdate(e, t, s) {
-    const a = Array.isArray(e) ? e : [e], r = a.map((n) => n.id), i = await this.knock.messages.batchUpdateStatuses(
-      r,
-      t,
+  async makeStatusUpdate(t, e, s) {
+    const n = Array.isArray(t) ? t : [t], o = n.map((i) => i.id), a = await this.knock.messages.batchUpdateStatuses(
+      o,
+      e,
       { metadata: s }
     );
-    return this.emitEvent(t, a), i;
+    return this.emitEvent(e, n), a;
   }
-  async makeBulkStatusUpdate(e) {
-    const t = {
+  async makeBulkStatusUpdate(t) {
+    const e = {
       user_ids: [this.knock.userId],
       engagement_status: this.defaultOptions.status !== "all" ? this.defaultOptions.status : void 0,
       archived: this.defaultOptions.archived,
@@ -342,13 +361,13 @@ class P {
     };
     return await this.knock.messages.bulkUpdateAllStatusesInChannel({
       channelId: this.feedId,
-      status: e,
-      options: t
+      status: t,
+      options: e
     });
   }
   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) {
+    this.broadcastChannel = typeof self < "u" && "BroadcastChannel" in self ? new BroadcastChannel(`knock:feed:${this.userFeedId}`) : null, this.broadcastChannel && this.defaultOptions.__experimentalCrossBrowserUpdates === !0 && (this.broadcastChannel.onmessage = (t) => {
+      switch (t.data.type) {
         case "items:archived":
         case "items:unarchived":
         case "items:seen":
@@ -364,29 +383,29 @@ class P {
       }
     });
   }
-  broadcastOverChannel(e, t) {
+  broadcastOverChannel(t, e) {
     if (this.broadcastChannel)
       try {
-        const s = JSON.parse(JSON.stringify(t));
+        const s = JSON.parse(JSON.stringify(e));
         this.broadcastChannel.postMessage({
-          type: e,
+          type: t,
           payload: s
         });
       } catch (s) {
-        console.warn(`Could not broadcast ${e}, got error: ${s}`);
+        console.warn(`Could not broadcast ${t}, got error: ${s}`);
       }
   }
   initializeRealtimeConnection() {
-    var e;
-    this.socketManager && (this.defaultOptions.auto_manage_socket_connection && this.setUpVisibilityListeners(), this.hasSubscribedToRealTimeUpdates && this.knock.isAuthenticated() && (this.unsubscribeFromSocketEvents = (e = this.socketManager) == null ? void 0 : e.join(this)));
+    var t;
+    this.socketManager && (this.defaultOptions.auto_manage_socket_connection && this.setUpVisibilityListeners(), this.hasSubscribedToRealTimeUpdates && this.knock.isAuthenticated() && (this.unsubscribeFromSocketEvents = (t = this.socketManager) == null ? void 0 : t.join(this)));
   }
-  async handleSocketEvent(e) {
-    switch (e.event) {
+  async handleSocketEvent(t) {
+    switch (t.event) {
       case y.NewMessage:
-        this.onNewMessageReceived(e);
+        this.onNewMessageReceived(t);
         return;
       default: {
-        e.event;
+        t.event;
         return;
       }
     }
@@ -404,16 +423,16 @@ class P {
       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 });
+  emitEvent(t, e) {
+    this.broadcaster.emit(`items.${t}`, { items: e }), this.broadcaster.emit(`items:${t}`, { items: e }), this.broadcastOverChannel(`items:${t}`, { items: e });
   }
   handleVisibilityChange() {
-    var s, a;
-    const e = this.defaultOptions.auto_manage_socket_connection_delay ?? C, t = this.knock.client();
+    var s, n;
+    const t = this.defaultOptions.auto_manage_socket_connection_delay ?? U, e = this.knock.client();
     document.visibilityState === "hidden" ? this.disconnectTimer = setTimeout(() => {
-      var r;
-      (r = t.socket) == null || r.disconnect(), this.disconnectTimer = null;
-    }, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (s = t.socket) != null && s.isConnected() || (a = t.socket) == null || a.connect());
+      var o;
+      (o = e.socket) == null || o.disconnect(), this.disconnectTimer = null;
+    }, t) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (s = e.socket) != null && s.isConnected() || (n = e.socket) == null || n.connect());
   }
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { nanoid } from \"nanoid\";\n\nimport { isValidUuid } from \"../../helpers\";\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  FetchFeedOptionsForRequest,\n} from \"./interfaces\";\nimport {\n  FeedSocketManager,\n  SocketEventPayload,\n  SocketEventType,\n} from \"./socket-manager\";\nimport createStore, { FeedStore } from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n} from \"./types\";\nimport { getFormattedTriggerData, mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nconst CLIENT_REF_ID_PREFIX = \"client_\";\n\nclass Feed {\n  public readonly defaultOptions: FeedClientOptions;\n  public readonly referenceId: string;\n  public unsubscribeFromSocketEvents: (() => void) | undefined = undefined;\n  private socketManager: FeedSocketManager | undefined;\n  private userFeedId: string;\n  private broadcaster: EventEmitter;\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: FeedStore;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n    socketManager: FeedSocketManager | undefined,\n  ) {\n    if (!feedId || !isValidUuid(feedId)) {\n      this.knock.log(\n        \"[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.\",\n        true,\n      );\n    }\n\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.referenceId = CLIENT_REF_ID_PREFIX + nanoid();\n    this.socketManager = socketManager;\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = {\n      ...feedClientDefaults,\n      ...mergeDateRangeParams(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(socketManager?: FeedSocketManager) {\n    this.socketManager = socketManager;\n\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    this.socketManager?.leave(this);\n\n    this.tearDownVisibilityListeners();\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    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\n        \"[Feed] User is not authenticated, skipping listening for updates\",\n      );\n      return;\n    }\n\n    this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unseen_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unseen_count: 0 });\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unread_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unread_count: 0 });\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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(\n    itemOrItems: FeedItemOrItems,\n    metadata?: Record<string, string>,\n  ) {\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\", metadata);\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 state = this.store.getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n    const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n      const unreadCount = items.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        // Ensure that the counts don't ever go below 0 on archiving where the client state\n        // gets out of sync with the server state\n        total_count: Math.max(0, state.metadata.total_count - items.length),\n        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n        unread_count: Math.max(0, 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      state.setResult({\n        entries: entriesToSet,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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 { items, ...state } = this.store.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      state.resetStore();\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      const itemIds = items.map((i) => i.id);\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\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 markAllReadAsArchived() {\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 { items, ...state } = this.store.getState();\n    // Filter items to only include those that are unread\n    const unreadItems = items.filter((item) => item.read_at === null);\n    // Mark all the unread items as archived and read\n    const itemIds = unreadItems.map((i) => i.id);\n    state.setItemAttrs(itemIds, {\n      archived_at: new Date().toISOString(),\n    });\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      // Remove all the read items from the store and reset the badge count\n      const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: remainingItems.length,\n        unread_count: 0,\n      };\n\n      state.setResult({\n        entries: remainingItems,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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\", readItems);\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 { networkStatus, ...state } = this.store.getState();\n\n    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n      return;\n    }\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n    // trigger_data should be a JSON string for the API\n    // this function will format the trigger data if it's an object\n    // https://docs.knock.app/reference#get-feed\n    const formattedTriggerData = getFormattedTriggerData({\n      ...this.defaultOptions,\n      ...options,\n    });\n\n    // Always include the default params, if they have been set\n    const queryParams: FetchFeedOptionsForRequest = {\n      ...this.defaultOptions,\n      ...mergeDateRangeParams(options),\n      trigger_data: formattedTriggerData,\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      state.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      state.setResult(response, opts);\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      state.setResult(response, opts);\n    } else {\n      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(options: FetchFeedOptions = {}) {\n    // Attempts to fetch the next page of results (if we have any)\n    const { pageInfo } = this.store.getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      ...options,\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  get socketChannelTopic(): string {\n    return `feeds:${this.userFeedId}`;\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({ data }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { items, ...state } = this.store.getState();\n    const currentHead: FeedItem | undefined = items[0];\n\n    // Optimistically set the badge counts\n    const metadata = data[this.referenceId]?.metadata;\n    if (metadata) {\n      state.setMetadata(metadata);\n    }\n\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 state = this.store.getState();\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 } = state;\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      // This 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      state.setMetadata({\n        ...metadata,\n        [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n      });\n    }\n\n    // Update the items with the given attributes\n    state.setItemAttrs(itemIds, attrs);\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    metadata?: Record<string, string>,\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(\n      itemIds,\n      type,\n      { metadata },\n    );\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: GenericData) {\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    // In server environments we might not have a socket connection\n    if (!this.socketManager) return;\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setUpVisibilityListeners();\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 && this.knock.isAuthenticated()) {\n      this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\n    }\n  }\n\n  async handleSocketEvent(payload: SocketEventPayload) {\n    switch (payload.event) {\n      case SocketEventType.NewMessage:\n        this.onNewMessageReceived(payload);\n        return;\n      default: {\n        const _exhaustiveCheck: never = payload.event;\n        return;\n      }\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 setUpVisibilityListeners() {\n    if (\n      typeof document === \"undefined\" ||\n      this.visibilityChangeListenerConnected\n    ) {\n      return;\n    }\n\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    this.visibilityChangeListenerConnected = true;\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private tearDownVisibilityListeners() {\n    if (typeof document === \"undefined\") return;\n\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        client.socket?.connect();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","CLIENT_REF_ID_PREFIX","Feed","knock","feedId","options","socketManager","__publicField","isValidUuid","nanoid","createStore","EventEmitter","mergeDateRangeParams","_a","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","formattedTriggerData","getFormattedTriggerData","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","itemsToUpdate","direction","status","payload","stringifiedPayload","e","SocketEventType","disconnectDelay","client","_b"],"mappings":"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"}
+{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { nanoid } from \"nanoid\";\n\nimport { isValidUuid } from \"../../helpers\";\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  FetchFeedOptionsForRequest,\n} from \"./interfaces\";\nimport {\n  FeedSocketManager,\n  SocketEventPayload,\n  SocketEventType,\n} from \"./socket-manager\";\nimport createStore, { FeedStore } from \"./store\";\nimport {\n  BindableFeedEvent,\n  FeedEvent,\n  FeedEventCallback,\n  FeedEventPayload,\n  FeedItemOrItems,\n  FeedMessagesReceivedPayload,\n  FeedRealTimeCallback,\n} from \"./types\";\nimport { getFormattedTriggerData, mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n  archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nconst CLIENT_REF_ID_PREFIX = \"client_\";\n\nclass Feed {\n  public readonly defaultOptions: FeedClientOptions;\n  public readonly referenceId: string;\n  public unsubscribeFromSocketEvents: (() => void) | undefined = undefined;\n  private socketManager: FeedSocketManager | undefined;\n  private userFeedId: string;\n  private broadcaster: EventEmitter;\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: FeedStore;\n\n  constructor(\n    readonly knock: Knock,\n    readonly feedId: string,\n    options: FeedClientOptions,\n    socketManager: FeedSocketManager | undefined,\n  ) {\n    if (!feedId || !isValidUuid(feedId)) {\n      this.knock.log(\n        \"[Feed] Invalid or missing feedId provided to the Feed constructor. The feed should be a UUID of an in-app feed channel (`in_app_feed`) found in the Knock dashboard. Please provide a valid feedId to the Feed constructor.\",\n        true,\n      );\n    }\n\n    this.feedId = feedId;\n    this.userFeedId = this.buildUserFeedId();\n    this.referenceId = CLIENT_REF_ID_PREFIX + nanoid();\n    this.socketManager = socketManager;\n    this.store = createStore();\n    this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n    this.defaultOptions = {\n      ...feedClientDefaults,\n      ...mergeDateRangeParams(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(socketManager?: FeedSocketManager) {\n    this.socketManager = socketManager;\n\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    this.socketManager?.leave(this);\n\n    this.tearDownVisibilityListeners();\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    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\n        \"[Feed] User is not authenticated, skipping listening for updates\",\n      );\n      return;\n    }\n\n    this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unseen_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unseen_count: 0 });\n\n      const attrs = { seen_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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 { metadata, items, ...state } = this.store.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      state.resetStore({\n        ...metadata,\n        total_count: 0,\n        unread_count: 0,\n      });\n    } else {\n      // Otherwise we want to update the metadata and mark all of the items in the store as seen\n      state.setMetadata({ ...metadata, unread_count: 0 });\n\n      const attrs = { read_at: new Date().toISOString() };\n      const itemIds = items.map((item) => item.id);\n\n      state.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(\n    itemOrItems: FeedItemOrItems,\n    metadata?: Record<string, string>,\n  ) {\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\", metadata);\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 state = this.store.getState();\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"exclude\";\n\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n    const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n      const unreadCount = items.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        // Ensure that the counts don't ever go below 0 on archiving where the client state\n        // gets out of sync with the server state\n        total_count: Math.max(0, state.metadata.total_count - items.length),\n        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n        unread_count: Math.max(0, 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      state.setResult({\n        entries: entriesToSet,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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 { items, ...state } = this.store.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      state.resetStore();\n    } else {\n      // Mark all the entries being updated as archived either way so the state is correct\n      const itemIds = items.map((i) => i.id);\n      state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\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 markAllReadAsArchived() {\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 { items, ...state } = this.store.getState();\n    // Filter items to only include those that are unread\n    const unreadItems = items.filter((item) => item.read_at === null);\n    // Mark all the unread items as archived and read\n    const itemIds = unreadItems.map((i) => i.id);\n    state.setItemAttrs(itemIds, {\n      archived_at: new Date().toISOString(),\n    });\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      // Remove all the read items from the store and reset the badge count\n      const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        total_count: remainingItems.length,\n        unread_count: 0,\n      };\n\n      state.setResult({\n        entries: remainingItems,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\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\", readItems);\n\n    return result;\n  }\n\n  async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n    const state = this.store.getState();\n\n    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n    const itemIds: string[] = items.map((item) => item.id);\n\n    const shouldOptimisticallyRemoveItems =\n      this.defaultOptions.archived === \"only\";\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 = items.filter((i) => !i.seen_at).length;\n      const unreadCount = items.filter((i) => !i.read_at).length;\n\n      // Build the new metadata\n      const updatedMetadata = {\n        ...state.metadata,\n        // Ensure that the counts don't ever go below 0 on unarchiving where the client state\n        // gets out of sync with the server state\n        total_count: Math.max(0, state.metadata.total_count - items.length),\n        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n        unread_count: Math.max(0, state.metadata.unread_count - unreadCount),\n      };\n\n      // Remove the unarchived entries\n      const entriesToSet = state.items.filter(\n        (item) => !itemIds.includes(item.id),\n      );\n\n      state.setResult({\n        entries: entriesToSet,\n        meta: updatedMetadata,\n        page_info: state.pageInfo,\n      });\n    } else {\n      this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n        archived_at: null,\n      });\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 { networkStatus, ...state } = this.store.getState();\n\n    // If the user is not authenticated, then do nothing\n    if (!this.knock.isAuthenticated()) {\n      this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n      return;\n    }\n\n    // If there's an existing request in flight, then do nothing\n    if (isRequestInFlight(networkStatus)) {\n      this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n      return;\n    }\n\n    // Set the loading type based on the request type it is\n    state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n    // trigger_data should be a JSON string for the API\n    // this function will format the trigger data if it's an object\n    // https://docs.knock.app/reference#get-feed\n    const formattedTriggerData = getFormattedTriggerData({\n      ...this.defaultOptions,\n      ...options,\n    });\n\n    // Always include the default params, if they have been set\n    const queryParams: FetchFeedOptionsForRequest = {\n      ...this.defaultOptions,\n      ...mergeDateRangeParams(options),\n      trigger_data: formattedTriggerData,\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      state.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      state.setResult(response, opts);\n    } else if (options.after) {\n      const opts = { shouldSetPage: true, shouldAppend: true };\n      state.setResult(response, opts);\n    } else {\n      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(options: FetchFeedOptions = {}) {\n    // Attempts to fetch the next page of results (if we have any)\n    const { pageInfo } = this.store.getState();\n\n    if (!pageInfo.after) {\n      // Nothing more to fetch\n      return;\n    }\n\n    this.fetch({\n      ...options,\n      after: pageInfo.after,\n      __loadingType: NetworkStatus.fetchMore,\n    });\n  }\n\n  get socketChannelTopic(): string {\n    return `feeds:${this.userFeedId}`;\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({ data }: FeedMessagesReceivedPayload) {\n    this.knock.log(\"[Feed] Received new real-time message\");\n\n    // Handle the new message coming in\n    const { items, ...state } = this.store.getState();\n    const currentHead: FeedItem | undefined = items[0];\n\n    // Optimistically set the badge counts\n    const metadata = data[this.referenceId]?.metadata;\n    if (metadata) {\n      state.setMetadata(metadata);\n    }\n\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 state = this.store.getState();\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 } = state;\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      // This 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      state.setMetadata({\n        ...metadata,\n        [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n      });\n    }\n\n    // Update the items with the given attributes\n    state.setItemAttrs(itemIds, attrs);\n  }\n\n  private async makeStatusUpdate(\n    itemOrItems: FeedItemOrItems,\n    type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n    metadata?: Record<string, string>,\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(\n      itemIds,\n      type,\n      { metadata },\n    );\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: GenericData) {\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    // In server environments we might not have a socket connection\n    if (!this.socketManager) return;\n\n    if (this.defaultOptions.auto_manage_socket_connection) {\n      this.setUpVisibilityListeners();\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 && this.knock.isAuthenticated()) {\n      this.unsubscribeFromSocketEvents = this.socketManager?.join(this);\n    }\n  }\n\n  async handleSocketEvent(payload: SocketEventPayload) {\n    switch (payload.event) {\n      case SocketEventType.NewMessage:\n        this.onNewMessageReceived(payload);\n        return;\n      default: {\n        const _exhaustiveCheck: never = payload.event;\n        return;\n      }\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 setUpVisibilityListeners() {\n    if (\n      typeof document === \"undefined\" ||\n      this.visibilityChangeListenerConnected\n    ) {\n      return;\n    }\n\n    this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n    this.visibilityChangeListenerConnected = true;\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  private tearDownVisibilityListeners() {\n    if (typeof document === \"undefined\") return;\n\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        client.socket?.connect();\n      }\n    }\n  }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","CLIENT_REF_ID_PREFIX","Feed","knock","feedId","options","socketManager","__publicField","isValidUuid","nanoid","createStore","EventEmitter","mergeDateRangeParams","_a","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","formattedTriggerData","getFormattedTriggerData","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","itemsToUpdate","direction","status","e","payload","stringifiedPayload","SocketEventType","disconnectDelay","client","_b"],"mappings":"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"}

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":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAC1B,OAAoB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAYjB,cAAM,IAAI;IAiBN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAjBzB,SAAgB,cAAc,EAAE,iBAAiB,CAAC;IAClD,SAAgB,WAAW,EAAE,MAAM,CAAC;IAC7B,2BAA2B,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAa;IACzE,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAe;IAClC,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,SAAS,CAAC;gBAGb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,iBAAiB,GAAG,SAAS;IA2B9C;;OAEG;IACH,YAAY,CAAC,aAAa,CAAC,EAAE,iBAAiB;IAa9C;;;OAGG;IACH,QAAQ;IAiBR,2EAA2E;IAC3E,OAAO;IAWP,gBAAgB;IAiBhB,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;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CACpB,WAAW,EAAE,eAAe,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAwB7B,cAAc,CAAC,WAAW,EAAE,eAAe;IAuE3C,iBAAiB;IA2BjB,qBAAqB;IA0CrB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA0FpC,aAAa,CAAC,OAAO,GAAE,gBAAqB;IAgBlD,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAiBlC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAiD3B,gBAAgB;YAsBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IAe9B,iBAAiB,CAAC,OAAO,EAAE,kBAAkB;IAYnD;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAC1B,OAAoB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAYjB,cAAM,IAAI;IAiBN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAjBzB,SAAgB,cAAc,EAAE,iBAAiB,CAAC;IAClD,SAAgB,WAAW,EAAE,MAAM,CAAC;IAC7B,2BAA2B,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAa;IACzE,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAe;IAClC,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,SAAS,CAAC;gBAGb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,iBAAiB,GAAG,SAAS;IA2B9C;;OAEG;IACH,YAAY,CAAC,aAAa,CAAC,EAAE,iBAAiB;IAa9C;;;OAGG;IACH,QAAQ;IAiBR,2EAA2E;IAC3E,OAAO;IAWP,gBAAgB;IAiBhB,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;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CACpB,WAAW,EAAE,eAAe,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAwB7B,cAAc,CAAC,WAAW,EAAE,eAAe;IAuE3C,iBAAiB;IA2BjB,qBAAqB;IA0CrB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IA8C7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA0FpC,aAAa,CAAC,OAAO,GAAE,gBAAqB;IAgBlD,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAiBlC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAiD3B,gBAAgB;YAsBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IAe9B,iBAAiB,CAAC,OAAO,EAAE,kBAAkB;IAYnD;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}

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

@@ -5,6 +5,7 @@ export interface NotificationSource {
     key: string;
     version_id: string;
     categories: string[];
+    step_ref?: string | null;
 }
 export type MessageEngagementStatus = "seen" | "read" | "interacted" | "archived";
 export interface Message<T = GenericData> {

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/messages/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAC7B,QAAQ,GACR,MAAM,GACN,WAAW,GACX,oBAAoB,GACpB,aAAa,GACb,UAAU,CAAC;AAEf,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,MAAM,uBAAuB,GAC/B,MAAM,GACN,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEf,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,WAAW;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,YAAY,CAAC;IACxB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,mBAAmB,EAAE,uBAAuB,EAAE,CAAC;IAC/C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,QAAQ,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,MAAM,qCAAqC,GAAG;IAClD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,iBAAiB,CAAC,EACd,MAAM,GACN,MAAM,GACN,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,cAAc,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;QAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/messages/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAC7B,QAAQ,GACR,MAAM,GACN,WAAW,GACX,oBAAoB,GACpB,aAAa,GACb,UAAU,CAAC;AAEf,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,MAAM,uBAAuB,GAC/B,MAAM,GACN,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEf,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,WAAW;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,YAAY,CAAC;IACxB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,mBAAmB,EAAE,uBAAuB,EAAE,CAAC;IAC/C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,QAAQ,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,MAAM,qCAAqC,GAAG;IAClD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,iBAAiB,CAAC,EACd,MAAM,GACN,MAAM,GACN,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,cAAc,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;QAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knocklabs/client",
-  "version": "0.18.1",
+  "version": "0.18.3",
   "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

@@ -472,9 +472,46 @@ class Feed {
   }
 
   async markAsUnarchived(itemOrItems: FeedItemOrItems) {
-    this.optimisticallyPerformStatusUpdate(itemOrItems, "unarchived", {
-      archived_at: null,
-    });
+    const state = this.store.getState();
+
+    const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];
+
+    const itemIds: string[] = items.map((item) => item.id);
+
+    const shouldOptimisticallyRemoveItems =
+      this.defaultOptions.archived === "only";
+
+    if (shouldOptimisticallyRemoveItems) {
+      // If any of the items are unseen or unread, then capture as we'll want to decrement
+      // the counts for these in the metadata we have
+      const unseenCount = items.filter((i) => !i.seen_at).length;
+      const unreadCount = items.filter((i) => !i.read_at).length;
+
+      // Build the new metadata
+      const updatedMetadata = {
+        ...state.metadata,
+        // Ensure that the counts don't ever go below 0 on unarchiving where the client state
+        // gets out of sync with the server state
+        total_count: Math.max(0, state.metadata.total_count - items.length),
+        unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),
+        unread_count: Math.max(0, state.metadata.unread_count - unreadCount),
+      };
+
+      // Remove the unarchived entries
+      const entriesToSet = state.items.filter(
+        (item) => !itemIds.includes(item.id),
+      );
+
+      state.setResult({
+        entries: entriesToSet,
+        meta: updatedMetadata,
+        page_info: state.pageInfo,
+      });
+    } else {
+      this.optimisticallyPerformStatusUpdate(itemOrItems, "unarchived", {
+        archived_at: null,
+      });
+    }
 
     return this.makeStatusUpdate(itemOrItems, "unarchived");
   }

package/src/clients/messages/interfaces.ts

@@ -14,6 +14,7 @@ export interface NotificationSource {
   key: string;
   version_id: string;
   categories: string[];
+  step_ref?: string | null;
 }
 
 export type MessageEngagementStatus =