@knocklabs/client 0.10.13 → 0.11.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/clients/in-app-messages/channel-client.js +2 -0
  3. package/dist/cjs/clients/in-app-messages/channel-client.js.map +1 -0
  4. package/dist/cjs/clients/in-app-messages/message-client.js +2 -0
  5. package/dist/cjs/clients/in-app-messages/message-client.js.map +1 -0
  6. package/dist/cjs/clients/in-app-messages/socket-manager.js +2 -0
  7. package/dist/cjs/clients/in-app-messages/socket-manager.js.map +1 -0
  8. package/dist/cjs/clients/in-app-messages/store.js +2 -0
  9. package/dist/cjs/clients/in-app-messages/store.js.map +1 -0
  10. package/dist/cjs/clients/users/index.js +1 -1
  11. package/dist/cjs/clients/users/index.js.map +1 -1
  12. package/dist/cjs/index.js +1 -1
  13. package/dist/esm/clients/in-app-messages/channel-client.mjs +80 -0
  14. package/dist/esm/clients/in-app-messages/channel-client.mjs.map +1 -0
  15. package/dist/esm/clients/in-app-messages/message-client.mjs +153 -0
  16. package/dist/esm/clients/in-app-messages/message-client.mjs.map +1 -0
  17. package/dist/esm/clients/in-app-messages/socket-manager.mjs +83 -0
  18. package/dist/esm/clients/in-app-messages/socket-manager.mjs.map +1 -0
  19. package/dist/esm/clients/in-app-messages/store.mjs +11 -0
  20. package/dist/esm/clients/in-app-messages/store.mjs.map +1 -0
  21. package/dist/esm/clients/users/index.mjs +28 -20
  22. package/dist/esm/clients/users/index.mjs.map +1 -1
  23. package/dist/esm/index.mjs +11 -7
  24. package/dist/esm/index.mjs.map +1 -1
  25. package/dist/types/clients/in-app-messages/channel-client.d.ts +23 -0
  26. package/dist/types/clients/in-app-messages/channel-client.d.ts.map +1 -0
  27. package/dist/types/clients/in-app-messages/index.d.ts +4 -0
  28. package/dist/types/clients/in-app-messages/index.d.ts.map +1 -0
  29. package/dist/types/clients/in-app-messages/message-client.d.ts +52 -0
  30. package/dist/types/clients/in-app-messages/message-client.d.ts.map +1 -0
  31. package/dist/types/clients/in-app-messages/socket-manager.d.ts +27 -0
  32. package/dist/types/clients/in-app-messages/socket-manager.d.ts.map +1 -0
  33. package/dist/types/clients/in-app-messages/store.d.ts +6 -0
  34. package/dist/types/clients/in-app-messages/store.d.ts.map +1 -0
  35. package/dist/types/clients/in-app-messages/types.d.ts +52 -0
  36. package/dist/types/clients/in-app-messages/types.d.ts.map +1 -0
  37. package/dist/types/clients/preferences/interfaces.d.ts +1 -1
  38. package/dist/types/clients/preferences/interfaces.d.ts.map +1 -1
  39. package/dist/types/clients/users/index.d.ts +3 -1
  40. package/dist/types/clients/users/index.d.ts.map +1 -1
  41. package/dist/types/clients/users/interfaces.d.ts +6 -0
  42. package/dist/types/clients/users/interfaces.d.ts.map +1 -1
  43. package/dist/types/index.d.ts +1 -0
  44. package/dist/types/index.d.ts.map +1 -1
  45. package/package.json +11 -9
  46. package/src/clients/in-app-messages/channel-client.ts +129 -0
  47. package/src/clients/in-app-messages/index.ts +3 -0
  48. package/src/clients/in-app-messages/message-client.ts +271 -0
  49. package/src/clients/in-app-messages/socket-manager.ts +187 -0
  50. package/src/clients/in-app-messages/store.ts +15 -0
  51. package/src/clients/in-app-messages/types.ts +79 -0
  52. package/src/clients/preferences/interfaces.ts +1 -1
  53. package/src/clients/users/index.ts +19 -1
  54. package/src/clients/users/interfaces.ts +8 -0
  55. package/src/index.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.11.0-rc.0
4
+
5
+ ### Minor Changes
6
+
7
+ - f442962: feat: add in app messages client, hooks, provider, and components
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [f442962]
12
+ - @knocklabs/types@0.1.5-rc.0
13
+
3
14
  ## 0.10.13
4
15
 
5
16
  ### Patch Changes
@@ -0,0 +1,2 @@
1
+ "use strict";var c=Object.defineProperty;var u=(n,e,s)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[e]=s;var a=(n,e,s)=>u(n,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../networkStatus.js"),k=require("./socket-manager.js"),l=require("./store.js");class h{constructor(e,s,t={}){a(this,"store");a(this,"socketManager");this.knock=e,this.channelId=s,this.defaultOptions=t,this.store=l.createStore();const{socket:r}=this.knock.client();r&&(this.socketManager=new k.InAppMessageSocketManager(r)),this.knock.log(`[IAM] Initialized a client on channel ${s}`)}setMessageAttrs(e,s){this.store.setState(t=>({...t,messages:{...t.messages,...e.reduce((r,i)=>(t.messages[i]&&(r[i]={...t.messages[i],...s}),r),{})}}))}setQueryResponse(e,s){const t={loading:!1,networkStatus:g.NetworkStatus.ready,data:{messageIds:s.entries.map(r=>r.id),pageInfo:s.pageInfo}};this.store.setState(r=>({...r,messages:s.entries.reduce((i,o)=>(i[o.id]=o,i),r.messages),queries:{...r.queries,[e]:t}}))}setQueryStatus(e,s){this.store.setState(t=>({...t,queries:{...t.queries,[e]:{...t.queries[e],...s}}}))}subscribe(e){if(this.socketManager)return this.knock.log(`[InAppMessagesClient] Subscribe a client ${e.referenceId} to socket events`),this.socketManager.join(e)}unsubscribe(e){this.socketManager&&(this.knock.log(`[InAppMessagesClient] Unsubscribe a client ${e.referenceId}`),this.socketManager.leave(e))}}exports.InAppMessagesChannelClient=h;
2
+ //# sourceMappingURL=channel-client.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"channel-client.js","sources":["../../../../src/clients/in-app-messages/channel-client.ts"],"sourcesContent":["import Knock from \"../../knock\";\nimport { NetworkStatus } from \"../../networkStatus\";\n\nimport { InAppMessagesClient } from \"./message-client\";\nimport { InAppMessageSocketManager } from \"./socket-manager\";\nimport { InAppMessagesStore, createStore } from \"./store\";\nimport {\n InAppMessage,\n InAppMessagesClientOptions,\n InAppMessagesQueryInfo,\n InAppMessagesResponse,\n} from \"./types\";\n\n/**\n * Manages the configuration for an in app channel.\n * Stores all fetched messages to support optimistic updates.\n */\nexport class InAppMessagesChannelClient {\n public store: InAppMessagesStore;\n\n private socketManager: InAppMessageSocketManager | undefined;\n\n constructor(\n readonly knock: Knock,\n readonly channelId: string,\n readonly defaultOptions: InAppMessagesClientOptions = {},\n ) {\n this.store = createStore();\n\n // Initialize a socket manager for the in-app channel client, which there\n // should be one per in-app channel client but it's abstracted out as a\n // separate module for the organization/encapsulation purposes.\n const { socket } = this.knock.client();\n if (socket) {\n this.socketManager = new InAppMessageSocketManager(socket);\n }\n\n this.knock.log(`[IAM] Initialized a client on channel ${channelId}`);\n }\n\n // ----------------------------------------------\n // Store helpers\n // ----------------------------------------------\n\n setMessageAttrs(messageIds: string[], attrs: Partial<InAppMessage>) {\n this.store.setState((state) => ({\n ...state,\n messages: {\n ...state.messages,\n ...messageIds.reduce<Record<string, InAppMessage>>((messages, id) => {\n if (state.messages[id]) {\n messages[id] = {\n ...state.messages[id],\n ...attrs,\n };\n }\n return messages;\n }, {}),\n },\n }));\n }\n\n setQueryResponse(queryKey: string, response: InAppMessagesResponse) {\n const queryInfo: InAppMessagesQueryInfo = {\n loading: false,\n networkStatus: NetworkStatus.ready,\n data: {\n messageIds: response.entries.map((iam) => iam.id),\n pageInfo: response.pageInfo,\n },\n };\n\n this.store.setState((state) => {\n return {\n ...state,\n // Store new messages in store\n messages: response.entries.reduce((messages, message) => {\n messages[message.id] = message;\n return messages;\n }, state.messages),\n // Store query results\n queries: {\n ...state.queries,\n [queryKey]: queryInfo,\n },\n };\n });\n }\n\n setQueryStatus(\n queryKey: string,\n status: Pick<InAppMessagesQueryInfo, \"loading\" | \"networkStatus\">,\n ) {\n this.store.setState((state) => ({\n ...state,\n queries: {\n ...state.queries,\n [queryKey]: {\n ...state.queries[queryKey],\n ...status,\n },\n },\n }));\n }\n\n /*\n * Socket\n */\n\n subscribe(client: InAppMessagesClient) {\n if (!this.socketManager) return;\n this.knock.log(\n `[InAppMessagesClient] Subscribe a client ${client.referenceId} to socket events`,\n );\n\n // Pass the unsub func back to iam client so it can be used when\n // unsubscribing.\n return this.socketManager.join(client);\n }\n\n unsubscribe(client: InAppMessagesClient) {\n if (!this.socketManager) return;\n this.knock.log(\n `[InAppMessagesClient] Unsubscribe a client ${client.referenceId}`,\n );\n\n this.socketManager.leave(client);\n }\n}\n"],"names":["InAppMessagesChannelClient","knock","channelId","defaultOptions","__publicField","createStore","socket","InAppMessageSocketManager","messageIds","attrs","state","messages","id","queryKey","response","queryInfo","NetworkStatus","iam","message","status","client"],"mappings":"uVAiBO,MAAMA,CAA2B,CAKtC,YACWC,EACAC,EACAC,EAA6C,CAAA,EACtD,CARKC,EAAA,cAECA,EAAA,sBAGG,KAAA,MAAAH,EACA,KAAA,UAAAC,EACA,KAAA,eAAAC,EAET,KAAK,MAAQE,EAAAA,cAKb,KAAM,CAAE,OAAAC,CAAW,EAAA,KAAK,MAAM,OAAO,EACjCA,IACG,KAAA,cAAgB,IAAIC,EAAA,0BAA0BD,CAAM,GAG3D,KAAK,MAAM,IAAI,yCAAyCJ,CAAS,EAAE,CACrE,CAMA,gBAAgBM,EAAsBC,EAA8B,CAC7D,KAAA,MAAM,SAAUC,IAAW,CAC9B,GAAGA,EACH,SAAU,CACR,GAAGA,EAAM,SACT,GAAGF,EAAW,OAAqC,CAACG,EAAUC,KACxDF,EAAM,SAASE,CAAE,IACnBD,EAASC,CAAE,EAAI,CACb,GAAGF,EAAM,SAASE,CAAE,EACpB,GAAGH,CAAA,GAGAE,GACN,EAAE,CACP,CACA,EAAA,CACJ,CAEA,iBAAiBE,EAAkBC,EAAiC,CAClE,MAAMC,EAAoC,CACxC,QAAS,GACT,cAAeC,EAAc,cAAA,MAC7B,KAAM,CACJ,WAAYF,EAAS,QAAQ,IAAKG,GAAQA,EAAI,EAAE,EAChD,SAAUH,EAAS,QACrB,CAAA,EAGG,KAAA,MAAM,SAAUJ,IACZ,CACL,GAAGA,EAEH,SAAUI,EAAS,QAAQ,OAAO,CAACH,EAAUO,KAClCP,EAAAO,EAAQ,EAAE,EAAIA,EAChBP,GACND,EAAM,QAAQ,EAEjB,QAAS,CACP,GAAGA,EAAM,QACT,CAACG,CAAQ,EAAGE,CACd,CAAA,EAEH,CACH,CAEA,eACEF,EACAM,EACA,CACK,KAAA,MAAM,SAAUT,IAAW,CAC9B,GAAGA,EACH,QAAS,CACP,GAAGA,EAAM,QACT,CAACG,CAAQ,EAAG,CACV,GAAGH,EAAM,QAAQG,CAAQ,EACzB,GAAGM,CACL,CACF,CACA,EAAA,CACJ,CAMA,UAAUC,EAA6B,CACjC,GAAC,KAAK,cACV,YAAK,MAAM,IACT,4CAA4CA,EAAO,WAAW,mBAAA,EAKzD,KAAK,cAAc,KAAKA,CAAM,CACvC,CAEA,YAAYA,EAA6B,CAClC,KAAK,gBACV,KAAK,MAAM,IACT,8CAA8CA,EAAO,WAAW,EAAA,EAG7D,KAAA,cAAc,MAAMA,CAAM,EACjC,CACF"}
@@ -0,0 +1,2 @@
1
+ "use strict";var o=Object.defineProperty;var l=(a,e,t)=>e in a?o(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var r=(a,e,t)=>l(a,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("nanoid"),i=require("../../networkStatus.js"),k=require("./socket-manager.js");class y{constructor(e,t,s={}){r(this,"knock");r(this,"queryKey");r(this,"referenceId");r(this,"unsub");this.channelClient=e,this.messageType=t,this.defaultOptions=s,this.defaultOptions={...e.defaultOptions,...s},this.knock=e.knock,this.queryKey=this.buildQueryKey(this.defaultOptions),this.referenceId=g.nanoid(),this.knock.log(`[IAM] Initialized a client for message ${t}`)}async fetch(){const e=this.defaultOptions;this.queryKey=this.buildQueryKey(e);const s=(this.channelClient.store.state.queries[this.queryKey]??{loading:!1,networkStatus:i.NetworkStatus.ready}).networkStatus;if(!(s&&i.isRequestInFlight(s))){this.channelClient.setQueryStatus(this.queryKey,{networkStatus:i.NetworkStatus.loading,loading:!0});try{const n=await this.knock.user.getInAppMessages({channelId:this.channelClient.channelId,messageType:this.messageType,params:e});return this.channelClient.setQueryResponse(this.queryKey,n),{data:n,status:"ok"}}catch(n){return this.channelClient.setQueryStatus(this.queryKey,{networkStatus:i.NetworkStatus.error,loading:!1}),{status:"error",error:n}}}}getQueryInfoSelector(e){var c;const t=e.queries[this.queryKey];return{messages:(((c=t==null?void 0:t.data)==null?void 0:c.messageIds)??[]).reduce((h,d)=>{const u=e.messages[d];return u&&h.push(u),h},[]),networkStatus:(t==null?void 0:t.networkStatus)??i.NetworkStatus.ready,loading:(t==null?void 0:t.loading)??!1}}async markAsSeen(e){const t=this.getItemIds(e);return this.channelClient.setMessageAttrs(t,{seen_at:new Date().toISOString()}),this.makeStatusUpdate(e,"seen")}async markAsUnseen(e){const t=this.getItemIds(e);return this.channelClient.setMessageAttrs(t,{seen_at:null}),this.makeStatusUpdate(e,"unseen")}async markAsRead(e){const t=this.getItemIds(e);return this.channelClient.setMessageAttrs(t,{read_at:new Date().toISOString()}),this.makeStatusUpdate(e,"read")}async markAsUnread(e){const t=this.getItemIds(e);return this.channelClient.setMessageAttrs(t,{read_at:null}),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e,t){const s=new Date().toISOString(),n=this.getItemIds(e);return this.channelClient.setMessageAttrs(n,{read_at:s,interacted_at:s}),this.makeStatusUpdate(e,"interacted",t)}async markAsArchived(e){const t=this.getItemIds(e);return this.channelClient.setMessageAttrs(t,{archived_at:new Date().toISOString()}),this.makeStatusUpdate(e,"archived")}async markAsUnarchived(e){const t=this.getItemIds(e);return this.channelClient.setMessageAttrs(t,{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async makeStatusUpdate(e,t,s){const n=this.getItemIds(e);return await this.knock.messages.batchUpdateStatuses(n,t,{metadata:s})}buildQueryKey(e){const t=`/v1/users/${this.knock.userId}/in-app-messages/${this.channelClient.channelId}/${this.messageType}`,s=new URLSearchParams(e).toString();return s?`${t}?${s}`:t}subscribe(){this.unsub=this.channelClient.subscribe(this)}unsubscribe(){this.channelClient.unsubscribe(this)}async handleSocketEvent(e){switch(e.event){case k.SocketEventType.MessageCreated:return await this.fetch();default:throw new Error(`Unhandled socket event: ${e.event}`)}}socketChannelTopic(){return`in_app:${this.messageType}:${this.channelClient.channelId}:${this.knock.userId}`}getItemIds(e){return(Array.isArray(e)?e:[e]).map(s=>s.id)}}exports.InAppMessagesClient=y;
2
+ //# sourceMappingURL=message-client.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message-client.js","sources":["../../../../src/clients/in-app-messages/message-client.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport { nanoid } from \"nanoid\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport { MessageEngagementStatus } from \"../messages/interfaces\";\n\nimport { InAppMessagesChannelClient } from \"./channel-client\";\nimport { SocketEventPayload, SocketEventType } from \"./socket-manager\";\nimport {\n InAppMessage,\n InAppMessagesClientOptions,\n InAppMessagesResponse,\n InAppMessagesStoreState,\n} from \"./types\";\n\n/**\n * Manages realtime connection to in app messages service.\n */\nexport class InAppMessagesClient {\n private knock: Knock;\n\n public queryKey: string;\n public referenceId: string;\n public unsub?: () => void;\n\n constructor(\n readonly channelClient: InAppMessagesChannelClient,\n readonly messageType: string,\n readonly defaultOptions: InAppMessagesClientOptions = {},\n ) {\n this.defaultOptions = {\n ...channelClient.defaultOptions,\n ...defaultOptions,\n };\n this.knock = channelClient.knock;\n this.queryKey = this.buildQueryKey(this.defaultOptions);\n this.referenceId = nanoid();\n\n this.knock.log(`[IAM] Initialized a client for message ${messageType}`);\n }\n\n // ----------------------------------------------\n // Data fetching\n // ----------------------------------------------\n async fetch<\n TContent extends GenericData = GenericData,\n TData extends GenericData = GenericData,\n >(): Promise<\n | {\n status: \"ok\";\n data: InAppMessagesResponse<TContent, TData>;\n }\n | {\n status: \"error\";\n error: Error;\n }\n | undefined\n > {\n const params = this.defaultOptions;\n\n this.queryKey = this.buildQueryKey(params);\n\n const queryState = this.channelClient.store.state.queries[\n this.queryKey\n ] ?? {\n loading: false,\n networkStatus: NetworkStatus.ready,\n };\n const networkStatus = queryState.networkStatus;\n\n // If there's an existing request in flight, then do nothing\n if (networkStatus && isRequestInFlight(networkStatus)) {\n return;\n }\n\n // Set the loading type based on the request type it is\n this.channelClient.setQueryStatus(this.queryKey, {\n networkStatus: NetworkStatus.loading,\n loading: true,\n });\n\n try {\n const response = await this.knock.user.getInAppMessages<TContent, TData>({\n channelId: this.channelClient.channelId,\n messageType: this.messageType,\n params,\n });\n\n this.channelClient.setQueryResponse(this.queryKey, response);\n\n return { data: response, status: \"ok\" };\n } catch (error) {\n this.channelClient.setQueryStatus(this.queryKey, {\n networkStatus: NetworkStatus.error,\n loading: false,\n });\n\n return {\n status: \"error\",\n error: error as Error,\n };\n }\n }\n\n getQueryInfoSelector<\n TContent extends GenericData = GenericData,\n TData extends GenericData = GenericData,\n >(\n state: InAppMessagesStoreState,\n ): {\n messages: InAppMessage<TContent, TData>[];\n loading: boolean;\n networkStatus: NetworkStatus;\n } {\n const queryInfo = state.queries[this.queryKey];\n const messageIds = queryInfo?.data?.messageIds ?? [];\n\n const messages = messageIds.reduce<InAppMessage<TContent, TData>[]>(\n (messages, messageId) => {\n const message = state.messages[messageId];\n if (message) {\n messages.push(message as InAppMessage<TContent, TData>);\n }\n return messages;\n },\n [],\n );\n\n return {\n messages,\n networkStatus: queryInfo?.networkStatus ?? NetworkStatus.ready,\n loading: queryInfo?.loading ?? false,\n };\n }\n\n // ----------------------------------------------\n // Message engagement\n // ----------------------------------------------\n async markAsSeen(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n seen_at: new Date().toISOString(),\n });\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAsUnseen(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n seen_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n read_at: new Date().toISOString(),\n });\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAsUnread(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n read_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(\n itemOrItems: InAppMessage | InAppMessage[],\n metadata?: Record<string, string>,\n ) {\n const now = new Date().toISOString();\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n read_at: now,\n interacted_at: now,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"interacted\", metadata);\n }\n\n async markAsArchived(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n archived_at: new Date().toISOString(),\n });\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAsUnarchived(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n private async makeStatusUpdate(\n itemOrItems: InAppMessage | InAppMessage[],\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 itemIds = this.getItemIds(itemOrItems);\n\n const result = await this.knock.messages.batchUpdateStatuses(\n itemIds,\n type,\n { metadata },\n );\n\n return result;\n }\n\n // ----------------------------------------------\n // Helpers\n // ----------------------------------------------\n private buildQueryKey(params: GenericData): string {\n const baseKey = `/v1/users/${this.knock.userId}/in-app-messages/${this.channelClient.channelId}/${this.messageType}`;\n const paramsString = new URLSearchParams(params).toString();\n return paramsString ? `${baseKey}?${paramsString}` : baseKey;\n }\n\n subscribe() {\n this.unsub = this.channelClient.subscribe(this);\n }\n\n unsubscribe() {\n this.channelClient.unsubscribe(this);\n }\n\n // This is a callback function that will be invoked when a new socket event\n // relevant for this message client is received (and if subscribed).\n async handleSocketEvent(payload: SocketEventPayload) {\n switch (payload.event) {\n case SocketEventType.MessageCreated:\n // TODO(KNO-7169): Explore using an in-app message in the socket event\n // directly instead of re-fetching.\n return await this.fetch();\n\n default:\n throw new Error(`Unhandled socket event: ${payload.event}`);\n }\n }\n\n socketChannelTopic() {\n return `in_app:${this.messageType}:${this.channelClient.channelId}:${this.knock.userId}`;\n }\n\n private getItemIds(itemOrItems: InAppMessage | InAppMessage[]): string[] {\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n return items.map((item) => item.id);\n }\n}\n"],"names":["InAppMessagesClient","channelClient","messageType","defaultOptions","__publicField","nanoid","params","networkStatus","NetworkStatus","isRequestInFlight","response","error","state","queryInfo","_a","messages","messageId","message","itemOrItems","itemIds","metadata","now","type","baseKey","paramsString","payload","SocketEventType","item"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";var b=Object.defineProperty;var m=(t,e,s)=>e in t?b(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var h=(t,e,s)=>m(t,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@tanstack/store");var l=(t=>(t.MessageCreated="message.created",t))(l||{});const f=["message.created"];class S{constructor(e){h(this,"channels");h(this,"params");h(this,"inbox");this.socket=e,this.channels={},this.params={},this.inbox=new g.Store({})}join(e){const s=e.socketChannelTopic(),n=e.referenceId,o=e.defaultOptions;this.socket.isConnected()||this.socket.connect(),this.params[s]||(this.params[s]={});const a=this.params[s][n],p=!a||JSON.stringify(a)!==JSON.stringify(o);if(p&&(this.params[s]={...this.params[s],[n]:o}),!this.channels[s]||p){const c=this.socket.channel(s,this.params[s]);for(const d of f)c.on(d,u=>this.setInbox(u));this.channels[s]=c}const r=this.channels[s];return["closed","errored"].includes(r.state)&&r.join(),this.inbox.subscribe(()=>{const c=this.inbox.state[n];c&&e.handleSocketEvent(c)})}leave(e){e.unsub&&e.unsub();const s=e.socketChannelTopic(),n=e.referenceId,o={...this.params},a=o[s]||{};a[n]&&delete a[n];const r={...this.channels},i=r[s];if(i&&Object.keys(a).length===0){for(const c of f)i.off(c);i.leave(),delete r[s]}this.params=o,this.channels=r}setInbox(e){const{attn:s,...n}=e;this.inbox.setState(()=>s.reduce((o,a)=>({...o,[a]:n}),{}))}}exports.InAppMessageSocketManager=S;exports.SocketEventType=l;
2
+ //# sourceMappingURL=socket-manager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"socket-manager.js","sources":["../../../../src/clients/in-app-messages/socket-manager.ts"],"sourcesContent":["import { Store } from \"@tanstack/store\";\nimport { Channel, Socket } from \"phoenix\";\n\nimport { InAppMessagesClient } from \"./message-client\";\nimport { InAppMessage, InAppMessagesClientOptions } from \"./types\";\n\nexport enum SocketEventType {\n MessageCreated = \"message.created\",\n}\n\nconst SOCKET_EVENT_TYPES = [SocketEventType.MessageCreated];\n\ntype ClientQueryParams = InAppMessagesClientOptions;\n\n// e.g. in_app:<message-type>:<channel_id>:<user_id>\ntype ChannelTopic = string;\n\n// Unique reference id of an in-app message client\ntype ClientReferenceId = string;\n\ntype MessageCreatedEventPayload = {\n event: SocketEventType.MessageCreated;\n topic: string;\n data: {\n in_app_message: InAppMessage;\n };\n};\n\nexport type SocketEventPayload = MessageCreatedEventPayload;\n\n// \"attn\" field contains a list of client reference ids that should be notified\n// of a socket event.\ntype WithAttn<P> = P & { attn: Array<ClientReferenceId> };\n\ntype InAppMessageSocketInbox = Record<ClientReferenceId, SocketEventPayload>;\n\n/*\n * Manages socket subscriptions for in-app messages, allowing multiple in-app\n * message clients or components to listen for real time updates from the socket\n * API via a single socket connection. It's expected to be instantiated once\n * per an in-app channel.\n */\nexport class InAppMessageSocketManager {\n // Mapping of live channels by topic. Note, there can be one or more in-app\n // message client(s) that can subscribe.\n private channels: Record<ChannelTopic, Channel>;\n\n // Mapping of query params for each in-app message client, partitioned by its\n // reference id, and grouped by channel topic. It's a double nested object\n // that looks like:\n // {\n // \"in_app:card:...\": {\n // \"ref-1\": {\n // \"workflow_key\": \"foo\",\n // },\n // \"ref-2\": {\n // \"workflow_key\": \"bar\",\n // },\n // },\n // \"in_app:banner:...\": {\n // \"ref-3\": {\n // \"workflow_key\": \"baz\",\n // },\n // }\n // }\n //\n // Each time a new in-app message client joins a channel, we send all cumulated\n // params such that the socket API can apply filtering rules and figure out\n // which in-app message clients should be notified basd on reference ids in\n // \"attn\" field of the event payload when sending out an event.\n private params: Record<\n ChannelTopic,\n Record<ClientReferenceId, ClientQueryParams>\n >;\n\n // A reactive store that captures a new socket event, that notifies any in-app\n // message clients that have subscribed.\n private inbox: Store<\n InAppMessageSocketInbox,\n (cb: InAppMessageSocketInbox) => InAppMessageSocketInbox\n >;\n\n constructor(readonly socket: Socket) {\n this.channels = {};\n this.params = {};\n this.inbox = new Store<InAppMessageSocketInbox>({});\n }\n\n join(iamClient: InAppMessagesClient) {\n const topic = iamClient.socketChannelTopic();\n const referenceId = iamClient.referenceId;\n const params = iamClient.defaultOptions;\n\n // Ensure a live socket connection if not yet connected.\n if (!this.socket.isConnected()) {\n this.socket.connect();\n }\n\n // If a new in-app message client joins, or has updated query params then\n // track the updated params and (re)join with the latest query params.\n // Note, each time we send combined params of all in-app message clients that\n // have subscribed for a given message type (and an in-app channel and a\n // user), grouped by client's reference id.\n if (!this.params[topic]) {\n this.params[topic] = {};\n }\n\n const maybeParams = this.params[topic][referenceId];\n const hasNewOrUpdatedParams =\n !maybeParams || JSON.stringify(maybeParams) !== JSON.stringify(params);\n\n if (hasNewOrUpdatedParams) {\n // Tracks all subscribed client's params by its reference id and by topic.\n this.params[topic] = { ...this.params[topic], [referenceId]: params };\n }\n\n if (!this.channels[topic] || hasNewOrUpdatedParams) {\n const newChannel = this.socket.channel(topic, this.params[topic]);\n for (const eventType of SOCKET_EVENT_TYPES) {\n newChannel.on(eventType, (payload) => this.setInbox(payload));\n }\n // Tracks live channels by channel topic.\n this.channels[topic] = newChannel;\n }\n\n const channel = this.channels[topic];\n\n // Join the channel if not already joined or joining or leaving.\n if ([\"closed\", \"errored\"].includes(channel.state)) {\n channel.join();\n }\n\n // Let the in-app message client subscribe to the \"inbox\", so it can be\n // notified when there's a new socket event that is relevant for the client.\n const unsub = this.inbox.subscribe(() => {\n const payload = this.inbox.state[referenceId];\n if (!payload) return;\n\n iamClient.handleSocketEvent(payload);\n });\n\n return unsub;\n }\n\n leave(iamClient: InAppMessagesClient) {\n if (iamClient.unsub) {\n iamClient.unsub();\n }\n\n const topic = iamClient.socketChannelTopic();\n const referenceId = iamClient.referenceId;\n\n const partitionedParams = { ...this.params };\n const paramsForTopic = partitionedParams[topic] || {};\n const paramsForReferenceClient = paramsForTopic[referenceId];\n\n if (paramsForReferenceClient) {\n delete paramsForTopic[referenceId];\n }\n\n const channels = { ...this.channels };\n const channelForTopic = channels[topic];\n if (channelForTopic && Object.keys(paramsForTopic).length === 0) {\n for (const eventType of SOCKET_EVENT_TYPES) {\n channelForTopic.off(eventType);\n }\n channelForTopic.leave();\n delete channels[topic];\n }\n\n this.params = partitionedParams;\n this.channels = channels;\n }\n\n private setInbox(payload: WithAttn<SocketEventPayload>) {\n const { attn, ...rest } = payload;\n\n // Set the incoming socket event into the inbox, keyed by relevant client\n // reference ids provided by the server (via attn field), so we can notify\n // only the clients that need to be notified.\n this.inbox.setState(() =>\n attn.reduce((acc, referenceId) => {\n return { ...acc, [referenceId]: rest };\n }, {}),\n );\n }\n}\n"],"names":["SocketEventType","SOCKET_EVENT_TYPES","InAppMessageSocketManager","socket","__publicField","Store","iamClient","topic","referenceId","params","maybeParams","hasNewOrUpdatedParams","newChannel","eventType","payload","channel","partitionedParams","paramsForTopic","channels","channelForTopic","attn","rest","acc"],"mappings":"uRAMY,IAAAA,GAAAA,IACVA,EAAA,eAAiB,kBADPA,IAAAA,GAAA,CAAA,CAAA,EAIZ,MAAMC,EAAqB,CAAC,mBAgCrB,MAAMC,CAA0B,CAwCrC,YAAqBC,EAAgB,CArC7BC,EAAA,iBAyBAA,EAAA,eAOAA,EAAA,cAKa,KAAA,OAAAD,EACnB,KAAK,SAAW,GAChB,KAAK,OAAS,GACd,KAAK,MAAQ,IAAIE,EAA+B,MAAA,CAAE,CAAA,CACpD,CAEA,KAAKC,EAAgC,CAC7B,MAAAC,EAAQD,EAAU,qBAClBE,EAAcF,EAAU,YACxBG,EAASH,EAAU,eAGpB,KAAK,OAAO,eACf,KAAK,OAAO,UAQT,KAAK,OAAOC,CAAK,IACf,KAAA,OAAOA,CAAK,EAAI,IAGvB,MAAMG,EAAc,KAAK,OAAOH,CAAK,EAAEC,CAAW,EAC5CG,EACJ,CAACD,GAAe,KAAK,UAAUA,CAAW,IAAM,KAAK,UAAUD,CAAM,EAOvE,GALIE,IAEF,KAAK,OAAOJ,CAAK,EAAI,CAAE,GAAG,KAAK,OAAOA,CAAK,EAAG,CAACC,CAAW,EAAGC,CAAO,GAGlE,CAAC,KAAK,SAASF,CAAK,GAAKI,EAAuB,CAC5C,MAAAC,EAAa,KAAK,OAAO,QAAQL,EAAO,KAAK,OAAOA,CAAK,CAAC,EAChE,UAAWM,KAAaZ,EACtBW,EAAW,GAAGC,EAAYC,GAAY,KAAK,SAASA,CAAO,CAAC,EAGzD,KAAA,SAASP,CAAK,EAAIK,CACzB,CAEM,MAAAG,EAAU,KAAK,SAASR,CAAK,EAGnC,MAAI,CAAC,SAAU,SAAS,EAAE,SAASQ,EAAQ,KAAK,GAC9CA,EAAQ,KAAK,EAKD,KAAK,MAAM,UAAU,IAAM,CACvC,MAAMD,EAAU,KAAK,MAAM,MAAMN,CAAW,EACvCM,GAELR,EAAU,kBAAkBQ,CAAO,CAAA,CACpC,CAGH,CAEA,MAAMR,EAAgC,CAChCA,EAAU,OACZA,EAAU,MAAM,EAGZ,MAAAC,EAAQD,EAAU,qBAClBE,EAAcF,EAAU,YAExBU,EAAoB,CAAE,GAAG,KAAK,MAAO,EACrCC,EAAiBD,EAAkBT,CAAK,GAAK,CAAA,EAClBU,EAAeT,CAAW,GAGzD,OAAOS,EAAeT,CAAW,EAGnC,MAAMU,EAAW,CAAE,GAAG,KAAK,QAAS,EAC9BC,EAAkBD,EAASX,CAAK,EACtC,GAAIY,GAAmB,OAAO,KAAKF,CAAc,EAAE,SAAW,EAAG,CAC/D,UAAWJ,KAAaZ,EACtBkB,EAAgB,IAAIN,CAAS,EAE/BM,EAAgB,MAAM,EACtB,OAAOD,EAASX,CAAK,CACvB,CAEA,KAAK,OAASS,EACd,KAAK,SAAWE,CAClB,CAEQ,SAASJ,EAAuC,CACtD,KAAM,CAAE,KAAAM,EAAM,GAAGC,CAAA,EAASP,EAK1B,KAAK,MAAM,SAAS,IAClBM,EAAK,OAAO,CAACE,EAAKd,KACT,CAAE,GAAGc,EAAK,CAACd,CAAW,EAAGa,CAAK,GACpC,EAAE,CAAA,CAET,CACF"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@tanstack/store");function r(){return new e.Store({messages:{},queries:{}})}exports.createStore=r;
2
+ //# sourceMappingURL=store.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"store.js","sources":["../../../../src/clients/in-app-messages/store.ts"],"sourcesContent":["import { Store } from \"@tanstack/store\";\n\nimport { InAppMessagesStoreState } from \"./types\";\n\nexport type InAppMessagesStore = Store<\n InAppMessagesStoreState,\n (cb: InAppMessagesStoreState) => InAppMessagesStoreState\n>;\n\nexport function createStore() {\n return new Store<InAppMessagesStoreState>({\n messages: {},\n queries: {},\n });\n}\n"],"names":["createStore","Store"],"mappings":"mHASO,SAASA,GAAc,CAC5B,OAAO,IAAIC,EAAAA,MAA+B,CACxC,SAAU,CAAC,EACX,QAAS,CAAC,CAAA,CACX,CACH"}
@@ -1,2 +1,2 @@
1
- "use strict";var c=Object.defineProperty;var u=(s,e,t)=>e in s?c(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var a=(s,e,t)=>u(s,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="default";class l{constructor(e){a(this,"instance");this.instance=e}async get(){const e=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}`});return this.handleResponse(e)}async identify(e={}){const t=await this.instance.client().makeRequest({method:"PUT",url:`/v1/users/${this.instance.userId}`,params:e});return this.handleResponse(t)}async getAllPreferences(){const e=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/preferences`});return this.handleResponse(e)}async getPreferences(e={}){const t=e.preferenceSet||r,n=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/preferences/${t}`,params:{tenant:e.tenant}});return this.handleResponse(n)}async setPreferences(e,t={}){const n=t.preferenceSet||r,i=await this.instance.client().makeRequest({method:"PUT",url:`/v1/users/${this.instance.userId}/preferences/${n}`,data:e});return this.handleResponse(i)}async getChannelData(e){const t=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/channel_data/${e.channelId}`});return this.handleResponse(t)}async setChannelData({channelId:e,channelData:t}){const n=await this.instance.client().makeRequest({method:"PUT",url:`/v1/users/${this.instance.userId}/channel_data/${e}`,data:{data:t}});return this.handleResponse(n)}handleResponse(e){if(e.statusCode==="error")throw new Error(e.error||e.body);return e.body}}exports.default=l;
1
+ "use strict";var c=Object.defineProperty;var u=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>u(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="default";class l{constructor(e){r(this,"instance");this.instance=e}async get(){const e=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}`});return this.handleResponse(e)}async identify(e={}){const t=await this.instance.client().makeRequest({method:"PUT",url:`/v1/users/${this.instance.userId}`,params:e});return this.handleResponse(t)}async getAllPreferences(){const e=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/preferences`});return this.handleResponse(e)}async getPreferences(e={}){const t=e.preferenceSet||i,s=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/preferences/${t}`,params:{tenant:e.tenant}});return this.handleResponse(s)}async setPreferences(e,t={}){const s=t.preferenceSet||i,a=await this.instance.client().makeRequest({method:"PUT",url:`/v1/users/${this.instance.userId}/preferences/${s}`,data:e});return this.handleResponse(a)}async getChannelData(e){const t=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/channel_data/${e.channelId}`});return this.handleResponse(t)}async setChannelData({channelId:e,channelData:t}){const s=await this.instance.client().makeRequest({method:"PUT",url:`/v1/users/${this.instance.userId}/channel_data/${e}`,data:{data:t}});return this.handleResponse(s)}async getInAppMessages({channelId:e,messageType:t,params:s}){const a=await this.instance.client().makeRequest({method:"GET",url:`/v1/users/${this.instance.userId}/in-app-messages/${e}/${t}`,params:s});return this.handleResponse(a)}handleResponse(e){if(e.statusCode==="error")throw new Error(e.error||e.body);return e.body}}exports.default=l;
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/clients/users/index.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\n\nimport { ApiResponse } from \"../../api\";\nimport { ChannelData, User } from \"../../interfaces\";\nimport Knock from \"../../knock\";\nimport {\n GetPreferencesOptions,\n PreferenceOptions,\n PreferenceSet,\n SetPreferencesProperties,\n} from \"../preferences/interfaces\";\n\nimport { GetChannelDataInput, SetChannelDataInput } from \"./interfaces\";\n\nconst DEFAULT_PREFERENCE_SET_ID = \"default\";\n\nclass UserClient {\n private instance: Knock;\n\n constructor(instance: Knock) {\n this.instance = instance;\n }\n\n async get() {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}`,\n });\n\n return this.handleResponse<User>(result);\n }\n\n async identify(props: GenericData = {}) {\n const result = await this.instance.client().makeRequest({\n method: \"PUT\",\n url: `/v1/users/${this.instance.userId}`,\n params: props,\n });\n\n return this.handleResponse<User>(result);\n }\n\n async getAllPreferences() {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/preferences`,\n });\n\n return this.handleResponse<PreferenceSet[]>(result);\n }\n\n async getPreferences(\n options: GetPreferencesOptions = {},\n ): Promise<PreferenceSet> {\n const preferenceSetId = options.preferenceSet || DEFAULT_PREFERENCE_SET_ID;\n\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/preferences/${preferenceSetId}`,\n params: { tenant: options.tenant },\n });\n\n return this.handleResponse<PreferenceSet>(result);\n }\n\n async setPreferences(\n preferenceSet: SetPreferencesProperties,\n options: PreferenceOptions = {},\n ): Promise<PreferenceSet> {\n const preferenceSetId = options.preferenceSet || DEFAULT_PREFERENCE_SET_ID;\n\n const result = await this.instance.client().makeRequest({\n method: \"PUT\",\n url: `/v1/users/${this.instance.userId}/preferences/${preferenceSetId}`,\n data: preferenceSet,\n });\n\n return this.handleResponse<PreferenceSet>(result);\n }\n\n async getChannelData<T = GenericData>(params: GetChannelDataInput) {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/channel_data/${params.channelId}`,\n });\n\n return this.handleResponse<ChannelData<T>>(result);\n }\n\n async setChannelData<T = GenericData>({\n channelId,\n channelData,\n }: SetChannelDataInput) {\n const result = await this.instance.client().makeRequest({\n method: \"PUT\",\n url: `/v1/users/${this.instance.userId}/channel_data/${channelId}`,\n data: { data: channelData },\n });\n\n return this.handleResponse<ChannelData<T>>(result);\n }\n\n private handleResponse<T>(response: ApiResponse) {\n if (response.statusCode === \"error\") {\n throw new Error(response.error || response.body);\n }\n\n return response.body as T;\n }\n}\n\nexport default UserClient;\n"],"names":["DEFAULT_PREFERENCE_SET_ID","UserClient","instance","__publicField","result","props","options","preferenceSetId","preferenceSet","params","channelId","channelData","response"],"mappings":"gRAcA,MAAMA,EAA4B,UAElC,MAAMC,CAAW,CAGf,YAAYC,EAAiB,CAFrBC,EAAA,iBAGN,KAAK,SAAWD,CAClB,CAEA,MAAM,KAAM,CACV,MAAME,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,EAAA,CACvC,EAEM,OAAA,KAAK,eAAqBA,CAAM,CACzC,CAEA,MAAM,SAASC,EAAqB,GAAI,CACtC,MAAMD,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,GACtC,OAAQC,CAAA,CACT,EAEM,OAAA,KAAK,eAAqBD,CAAM,CACzC,CAEA,MAAM,mBAAoB,CACxB,MAAMA,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,cAAA,CACvC,EAEM,OAAA,KAAK,eAAgCA,CAAM,CACpD,CAEA,MAAM,eACJE,EAAiC,GACT,CAClB,MAAAC,EAAkBD,EAAQ,eAAiBN,EAE3CI,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,gBAAgBG,CAAe,GACrE,OAAQ,CAAE,OAAQD,EAAQ,MAAO,CAAA,CAClC,EAEM,OAAA,KAAK,eAA8BF,CAAM,CAClD,CAEA,MAAM,eACJI,EACAF,EAA6B,GACL,CAClB,MAAAC,EAAkBD,EAAQ,eAAiBN,EAE3CI,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,gBAAgBG,CAAe,GACrE,KAAMC,CAAA,CACP,EAEM,OAAA,KAAK,eAA8BJ,CAAM,CAClD,CAEA,MAAM,eAAgCK,EAA6B,CACjE,MAAML,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,iBAAiBK,EAAO,SAAS,EAAA,CACxE,EAEM,OAAA,KAAK,eAA+BL,CAAM,CACnD,CAEA,MAAM,eAAgC,CACpC,UAAAM,EACA,YAAAC,CAAA,EACsB,CACtB,MAAMP,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,iBAAiBM,CAAS,GAChE,KAAM,CAAE,KAAMC,CAAY,CAAA,CAC3B,EAEM,OAAA,KAAK,eAA+BP,CAAM,CACnD,CAEQ,eAAkBQ,EAAuB,CAC3C,GAAAA,EAAS,aAAe,QAC1B,MAAM,IAAI,MAAMA,EAAS,OAASA,EAAS,IAAI,EAGjD,OAAOA,EAAS,IAClB,CACF"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/clients/users/index.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\n\nimport { ApiResponse } from \"../../api\";\nimport { ChannelData, User } from \"../../interfaces\";\nimport Knock from \"../../knock\";\nimport { InAppMessagesResponse } from \"../in-app-messages\";\nimport {\n GetPreferencesOptions,\n PreferenceOptions,\n PreferenceSet,\n SetPreferencesProperties,\n} from \"../preferences/interfaces\";\n\nimport {\n GetChannelDataInput,\n GetInAppMessagesInput,\n SetChannelDataInput,\n} from \"./interfaces\";\n\nconst DEFAULT_PREFERENCE_SET_ID = \"default\";\n\nclass UserClient {\n private instance: Knock;\n\n constructor(instance: Knock) {\n this.instance = instance;\n }\n\n async get() {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}`,\n });\n\n return this.handleResponse<User>(result);\n }\n\n async identify(props: GenericData = {}) {\n const result = await this.instance.client().makeRequest({\n method: \"PUT\",\n url: `/v1/users/${this.instance.userId}`,\n params: props,\n });\n\n return this.handleResponse<User>(result);\n }\n\n async getAllPreferences() {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/preferences`,\n });\n\n return this.handleResponse<PreferenceSet[]>(result);\n }\n\n async getPreferences(\n options: GetPreferencesOptions = {},\n ): Promise<PreferenceSet> {\n const preferenceSetId = options.preferenceSet || DEFAULT_PREFERENCE_SET_ID;\n\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/preferences/${preferenceSetId}`,\n params: { tenant: options.tenant },\n });\n\n return this.handleResponse<PreferenceSet>(result);\n }\n\n async setPreferences(\n preferenceSet: SetPreferencesProperties,\n options: PreferenceOptions = {},\n ): Promise<PreferenceSet> {\n const preferenceSetId = options.preferenceSet || DEFAULT_PREFERENCE_SET_ID;\n\n const result = await this.instance.client().makeRequest({\n method: \"PUT\",\n url: `/v1/users/${this.instance.userId}/preferences/${preferenceSetId}`,\n data: preferenceSet,\n });\n\n return this.handleResponse<PreferenceSet>(result);\n }\n\n async getChannelData<T = GenericData>(params: GetChannelDataInput) {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/channel_data/${params.channelId}`,\n });\n\n return this.handleResponse<ChannelData<T>>(result);\n }\n\n async setChannelData<T = GenericData>({\n channelId,\n channelData,\n }: SetChannelDataInput) {\n const result = await this.instance.client().makeRequest({\n method: \"PUT\",\n url: `/v1/users/${this.instance.userId}/channel_data/${channelId}`,\n data: { data: channelData },\n });\n\n return this.handleResponse<ChannelData<T>>(result);\n }\n\n async getInAppMessages<\n TContent extends GenericData = GenericData,\n TData extends GenericData = GenericData,\n >({ channelId, messageType, params }: GetInAppMessagesInput) {\n const result = await this.instance.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.instance.userId}/in-app-messages/${channelId}/${messageType}`,\n params,\n });\n\n return this.handleResponse<InAppMessagesResponse<TContent, TData>>(result);\n }\n\n private handleResponse<T>(response: ApiResponse) {\n if (response.statusCode === \"error\") {\n throw new Error(response.error || response.body);\n }\n\n return response.body as T;\n }\n}\n\nexport default UserClient;\n"],"names":["DEFAULT_PREFERENCE_SET_ID","UserClient","instance","__publicField","result","props","options","preferenceSetId","preferenceSet","params","channelId","channelData","messageType","response"],"mappings":"gRAmBA,MAAMA,EAA4B,UAElC,MAAMC,CAAW,CAGf,YAAYC,EAAiB,CAFrBC,EAAA,iBAGN,KAAK,SAAWD,CAClB,CAEA,MAAM,KAAM,CACV,MAAME,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,EAAA,CACvC,EAEM,OAAA,KAAK,eAAqBA,CAAM,CACzC,CAEA,MAAM,SAASC,EAAqB,GAAI,CACtC,MAAMD,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,GACtC,OAAQC,CAAA,CACT,EAEM,OAAA,KAAK,eAAqBD,CAAM,CACzC,CAEA,MAAM,mBAAoB,CACxB,MAAMA,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,cAAA,CACvC,EAEM,OAAA,KAAK,eAAgCA,CAAM,CACpD,CAEA,MAAM,eACJE,EAAiC,GACT,CAClB,MAAAC,EAAkBD,EAAQ,eAAiBN,EAE3CI,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,gBAAgBG,CAAe,GACrE,OAAQ,CAAE,OAAQD,EAAQ,MAAO,CAAA,CAClC,EAEM,OAAA,KAAK,eAA8BF,CAAM,CAClD,CAEA,MAAM,eACJI,EACAF,EAA6B,GACL,CAClB,MAAAC,EAAkBD,EAAQ,eAAiBN,EAE3CI,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,gBAAgBG,CAAe,GACrE,KAAMC,CAAA,CACP,EAEM,OAAA,KAAK,eAA8BJ,CAAM,CAClD,CAEA,MAAM,eAAgCK,EAA6B,CACjE,MAAML,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,iBAAiBK,EAAO,SAAS,EAAA,CACxE,EAEM,OAAA,KAAK,eAA+BL,CAAM,CACnD,CAEA,MAAM,eAAgC,CACpC,UAAAM,EACA,YAAAC,CAAA,EACsB,CACtB,MAAMP,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,iBAAiBM,CAAS,GAChE,KAAM,CAAE,KAAMC,CAAY,CAAA,CAC3B,EAEM,OAAA,KAAK,eAA+BP,CAAM,CACnD,CAEA,MAAM,iBAGJ,CAAE,UAAAM,EAAW,YAAAE,EAAa,OAAAH,GAAiC,CAC3D,MAAML,EAAS,MAAM,KAAK,SAAS,OAAA,EAAS,YAAY,CACtD,OAAQ,MACR,IAAK,aAAa,KAAK,SAAS,MAAM,oBAAoBM,CAAS,IAAIE,CAAW,GAClF,OAAAH,CAAA,CACD,EAEM,OAAA,KAAK,eAAuDL,CAAM,CAC3E,CAEQ,eAAkBS,EAAuB,CAC3C,GAAAA,EAAS,aAAe,QAC1B,MAAM,IAAI,MAAMA,EAAS,OAASA,EAAS,IAAI,EAGjD,OAAOA,EAAS,IAClB,CACF"}
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./clients/feed/index.js"),u=require("./knock.js"),r=require("./clients/objects/constants.js"),e=require("./networkStatus.js"),s=require("./clients/feed/feed.js");exports.FeedClient=t.default;exports.default=u.default;exports.TENANT_OBJECT_COLLECTION=r.TENANT_OBJECT_COLLECTION;exports.NetworkStatus=e.NetworkStatus;exports.isRequestInFlight=e.isRequestInFlight;exports.Feed=s.default;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./clients/feed/index.js"),s=require("./knock.js"),n=require("./clients/objects/constants.js"),i=require("./clients/in-app-messages/channel-client.js"),r=require("./clients/in-app-messages/message-client.js"),e=require("./networkStatus.js"),u=require("./clients/feed/feed.js");exports.FeedClient=t.default;exports.default=s.default;exports.TENANT_OBJECT_COLLECTION=n.TENANT_OBJECT_COLLECTION;exports.InAppMessagesChannelClient=i.InAppMessagesChannelClient;exports.InAppMessagesClient=r.InAppMessagesClient;exports.NetworkStatus=e.NetworkStatus;exports.isRequestInFlight=e.isRequestInFlight;exports.Feed=u.default;
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,80 @@
1
+ var c = Object.defineProperty;
2
+ var u = (n, e, s) => e in n ? c(n, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[e] = s;
3
+ var o = (n, e, s) => u(n, typeof e != "symbol" ? e + "" : e, s);
4
+ import { NetworkStatus as g } from "../../networkStatus.mjs";
5
+ import { InAppMessageSocketManager as k } from "./socket-manager.mjs";
6
+ import { createStore as h } from "./store.mjs";
7
+ class I {
8
+ constructor(e, s, t = {}) {
9
+ o(this, "store");
10
+ o(this, "socketManager");
11
+ this.knock = e, this.channelId = s, this.defaultOptions = t, this.store = h();
12
+ const { socket: r } = this.knock.client();
13
+ r && (this.socketManager = new k(r)), this.knock.log(`[IAM] Initialized a client on channel ${s}`);
14
+ }
15
+ // ----------------------------------------------
16
+ // Store helpers
17
+ // ----------------------------------------------
18
+ setMessageAttrs(e, s) {
19
+ this.store.setState((t) => ({
20
+ ...t,
21
+ messages: {
22
+ ...t.messages,
23
+ ...e.reduce((r, i) => (t.messages[i] && (r[i] = {
24
+ ...t.messages[i],
25
+ ...s
26
+ }), r), {})
27
+ }
28
+ }));
29
+ }
30
+ setQueryResponse(e, s) {
31
+ const t = {
32
+ loading: !1,
33
+ networkStatus: g.ready,
34
+ data: {
35
+ messageIds: s.entries.map((r) => r.id),
36
+ pageInfo: s.pageInfo
37
+ }
38
+ };
39
+ this.store.setState((r) => ({
40
+ ...r,
41
+ // Store new messages in store
42
+ messages: s.entries.reduce((i, a) => (i[a.id] = a, i), r.messages),
43
+ // Store query results
44
+ queries: {
45
+ ...r.queries,
46
+ [e]: t
47
+ }
48
+ }));
49
+ }
50
+ setQueryStatus(e, s) {
51
+ this.store.setState((t) => ({
52
+ ...t,
53
+ queries: {
54
+ ...t.queries,
55
+ [e]: {
56
+ ...t.queries[e],
57
+ ...s
58
+ }
59
+ }
60
+ }));
61
+ }
62
+ /*
63
+ * Socket
64
+ */
65
+ subscribe(e) {
66
+ if (this.socketManager)
67
+ return this.knock.log(
68
+ `[InAppMessagesClient] Subscribe a client ${e.referenceId} to socket events`
69
+ ), this.socketManager.join(e);
70
+ }
71
+ unsubscribe(e) {
72
+ this.socketManager && (this.knock.log(
73
+ `[InAppMessagesClient] Unsubscribe a client ${e.referenceId}`
74
+ ), this.socketManager.leave(e));
75
+ }
76
+ }
77
+ export {
78
+ I as InAppMessagesChannelClient
79
+ };
80
+ //# sourceMappingURL=channel-client.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"channel-client.mjs","sources":["../../../../src/clients/in-app-messages/channel-client.ts"],"sourcesContent":["import Knock from \"../../knock\";\nimport { NetworkStatus } from \"../../networkStatus\";\n\nimport { InAppMessagesClient } from \"./message-client\";\nimport { InAppMessageSocketManager } from \"./socket-manager\";\nimport { InAppMessagesStore, createStore } from \"./store\";\nimport {\n InAppMessage,\n InAppMessagesClientOptions,\n InAppMessagesQueryInfo,\n InAppMessagesResponse,\n} from \"./types\";\n\n/**\n * Manages the configuration for an in app channel.\n * Stores all fetched messages to support optimistic updates.\n */\nexport class InAppMessagesChannelClient {\n public store: InAppMessagesStore;\n\n private socketManager: InAppMessageSocketManager | undefined;\n\n constructor(\n readonly knock: Knock,\n readonly channelId: string,\n readonly defaultOptions: InAppMessagesClientOptions = {},\n ) {\n this.store = createStore();\n\n // Initialize a socket manager for the in-app channel client, which there\n // should be one per in-app channel client but it's abstracted out as a\n // separate module for the organization/encapsulation purposes.\n const { socket } = this.knock.client();\n if (socket) {\n this.socketManager = new InAppMessageSocketManager(socket);\n }\n\n this.knock.log(`[IAM] Initialized a client on channel ${channelId}`);\n }\n\n // ----------------------------------------------\n // Store helpers\n // ----------------------------------------------\n\n setMessageAttrs(messageIds: string[], attrs: Partial<InAppMessage>) {\n this.store.setState((state) => ({\n ...state,\n messages: {\n ...state.messages,\n ...messageIds.reduce<Record<string, InAppMessage>>((messages, id) => {\n if (state.messages[id]) {\n messages[id] = {\n ...state.messages[id],\n ...attrs,\n };\n }\n return messages;\n }, {}),\n },\n }));\n }\n\n setQueryResponse(queryKey: string, response: InAppMessagesResponse) {\n const queryInfo: InAppMessagesQueryInfo = {\n loading: false,\n networkStatus: NetworkStatus.ready,\n data: {\n messageIds: response.entries.map((iam) => iam.id),\n pageInfo: response.pageInfo,\n },\n };\n\n this.store.setState((state) => {\n return {\n ...state,\n // Store new messages in store\n messages: response.entries.reduce((messages, message) => {\n messages[message.id] = message;\n return messages;\n }, state.messages),\n // Store query results\n queries: {\n ...state.queries,\n [queryKey]: queryInfo,\n },\n };\n });\n }\n\n setQueryStatus(\n queryKey: string,\n status: Pick<InAppMessagesQueryInfo, \"loading\" | \"networkStatus\">,\n ) {\n this.store.setState((state) => ({\n ...state,\n queries: {\n ...state.queries,\n [queryKey]: {\n ...state.queries[queryKey],\n ...status,\n },\n },\n }));\n }\n\n /*\n * Socket\n */\n\n subscribe(client: InAppMessagesClient) {\n if (!this.socketManager) return;\n this.knock.log(\n `[InAppMessagesClient] Subscribe a client ${client.referenceId} to socket events`,\n );\n\n // Pass the unsub func back to iam client so it can be used when\n // unsubscribing.\n return this.socketManager.join(client);\n }\n\n unsubscribe(client: InAppMessagesClient) {\n if (!this.socketManager) return;\n this.knock.log(\n `[InAppMessagesClient] Unsubscribe a client ${client.referenceId}`,\n );\n\n this.socketManager.leave(client);\n }\n}\n"],"names":["InAppMessagesChannelClient","knock","channelId","defaultOptions","__publicField","createStore","socket","InAppMessageSocketManager","messageIds","attrs","state","messages","id","queryKey","response","queryInfo","NetworkStatus","iam","message","status","client"],"mappings":";;;;;;AAiBO,MAAMA,EAA2B;AAAA,EAKtC,YACWC,GACAC,GACAC,IAA6C,CAAA,GACtD;AARK,IAAAC,EAAA;AAEC,IAAAA,EAAA;AAGG,SAAA,QAAAH,GACA,KAAA,YAAAC,GACA,KAAA,iBAAAC,GAET,KAAK,QAAQE;AAKb,UAAM,EAAE,QAAAC,EAAW,IAAA,KAAK,MAAM,OAAO;AACrC,IAAIA,MACG,KAAA,gBAAgB,IAAIC,EAA0BD,CAAM,IAG3D,KAAK,MAAM,IAAI,yCAAyCJ,CAAS,EAAE;AAAA,EACrE;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgBM,GAAsBC,GAA8B;AAC7D,SAAA,MAAM,SAAS,CAACC,OAAW;AAAA,MAC9B,GAAGA;AAAA,MACH,UAAU;AAAA,QACR,GAAGA,EAAM;AAAA,QACT,GAAGF,EAAW,OAAqC,CAACG,GAAUC,OACxDF,EAAM,SAASE,CAAE,MACnBD,EAASC,CAAE,IAAI;AAAA,UACb,GAAGF,EAAM,SAASE,CAAE;AAAA,UACpB,GAAGH;AAAA,QAAA,IAGAE,IACN,EAAE;AAAA,MACP;AAAA,IACA,EAAA;AAAA,EACJ;AAAA,EAEA,iBAAiBE,GAAkBC,GAAiC;AAClE,UAAMC,IAAoC;AAAA,MACxC,SAAS;AAAA,MACT,eAAeC,EAAc;AAAA,MAC7B,MAAM;AAAA,QACJ,YAAYF,EAAS,QAAQ,IAAI,CAACG,MAAQA,EAAI,EAAE;AAAA,QAChD,UAAUH,EAAS;AAAA,MACrB;AAAA,IAAA;AAGG,SAAA,MAAM,SAAS,CAACJ,OACZ;AAAA,MACL,GAAGA;AAAA;AAAA,MAEH,UAAUI,EAAS,QAAQ,OAAO,CAACH,GAAUO,OAClCP,EAAAO,EAAQ,EAAE,IAAIA,GAChBP,IACND,EAAM,QAAQ;AAAA;AAAA,MAEjB,SAAS;AAAA,QACP,GAAGA,EAAM;AAAA,QACT,CAACG,CAAQ,GAAGE;AAAA,MACd;AAAA,IAAA,EAEH;AAAA,EACH;AAAA,EAEA,eACEF,GACAM,GACA;AACK,SAAA,MAAM,SAAS,CAACT,OAAW;AAAA,MAC9B,GAAGA;AAAA,MACH,SAAS;AAAA,QACP,GAAGA,EAAM;AAAA,QACT,CAACG,CAAQ,GAAG;AAAA,UACV,GAAGH,EAAM,QAAQG,CAAQ;AAAA,UACzB,GAAGM;AAAA,QACL;AAAA,MACF;AAAA,IACA,EAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAMA,UAAUC,GAA6B;AACjC,QAAC,KAAK;AACV,kBAAK,MAAM;AAAA,QACT,4CAA4CA,EAAO,WAAW;AAAA,MAAA,GAKzD,KAAK,cAAc,KAAKA,CAAM;AAAA,EACvC;AAAA,EAEA,YAAYA,GAA6B;AACnC,IAAC,KAAK,kBACV,KAAK,MAAM;AAAA,MACT,8CAA8CA,EAAO,WAAW;AAAA,IAAA,GAG7D,KAAA,cAAc,MAAMA,CAAM;AAAA,EACjC;AACF;"}
@@ -0,0 +1,153 @@
1
+ var o = Object.defineProperty;
2
+ var l = (a, e, t) => e in a ? o(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
3
+ var r = (a, e, t) => l(a, typeof e != "symbol" ? e + "" : e, t);
4
+ import { nanoid as g } from "nanoid";
5
+ import { NetworkStatus as i, isRequestInFlight as k } from "../../networkStatus.mjs";
6
+ import { SocketEventType as y } from "./socket-manager.mjs";
7
+ class w {
8
+ constructor(e, t, s = {}) {
9
+ r(this, "knock");
10
+ r(this, "queryKey");
11
+ r(this, "referenceId");
12
+ r(this, "unsub");
13
+ this.channelClient = e, this.messageType = t, this.defaultOptions = s, this.defaultOptions = {
14
+ ...e.defaultOptions,
15
+ ...s
16
+ }, this.knock = e.knock, this.queryKey = this.buildQueryKey(this.defaultOptions), this.referenceId = g(), this.knock.log(`[IAM] Initialized a client for message ${t}`);
17
+ }
18
+ // ----------------------------------------------
19
+ // Data fetching
20
+ // ----------------------------------------------
21
+ async fetch() {
22
+ const e = this.defaultOptions;
23
+ this.queryKey = this.buildQueryKey(e);
24
+ const s = (this.channelClient.store.state.queries[this.queryKey] ?? {
25
+ loading: !1,
26
+ networkStatus: i.ready
27
+ }).networkStatus;
28
+ if (!(s && k(s))) {
29
+ this.channelClient.setQueryStatus(this.queryKey, {
30
+ networkStatus: i.loading,
31
+ loading: !0
32
+ });
33
+ try {
34
+ const n = await this.knock.user.getInAppMessages({
35
+ channelId: this.channelClient.channelId,
36
+ messageType: this.messageType,
37
+ params: e
38
+ });
39
+ return this.channelClient.setQueryResponse(this.queryKey, n), { data: n, status: "ok" };
40
+ } catch (n) {
41
+ return this.channelClient.setQueryStatus(this.queryKey, {
42
+ networkStatus: i.error,
43
+ loading: !1
44
+ }), {
45
+ status: "error",
46
+ error: n
47
+ };
48
+ }
49
+ }
50
+ }
51
+ getQueryInfoSelector(e) {
52
+ var h;
53
+ const t = e.queries[this.queryKey];
54
+ return {
55
+ messages: (((h = t == null ? void 0 : t.data) == null ? void 0 : h.messageIds) ?? []).reduce(
56
+ (c, d) => {
57
+ const u = e.messages[d];
58
+ return u && c.push(u), c;
59
+ },
60
+ []
61
+ ),
62
+ networkStatus: (t == null ? void 0 : t.networkStatus) ?? i.ready,
63
+ loading: (t == null ? void 0 : t.loading) ?? !1
64
+ };
65
+ }
66
+ // ----------------------------------------------
67
+ // Message engagement
68
+ // ----------------------------------------------
69
+ async markAsSeen(e) {
70
+ const t = this.getItemIds(e);
71
+ return this.channelClient.setMessageAttrs(t, {
72
+ seen_at: (/* @__PURE__ */ new Date()).toISOString()
73
+ }), this.makeStatusUpdate(e, "seen");
74
+ }
75
+ async markAsUnseen(e) {
76
+ const t = this.getItemIds(e);
77
+ return this.channelClient.setMessageAttrs(t, {
78
+ seen_at: null
79
+ }), this.makeStatusUpdate(e, "unseen");
80
+ }
81
+ async markAsRead(e) {
82
+ const t = this.getItemIds(e);
83
+ return this.channelClient.setMessageAttrs(t, {
84
+ read_at: (/* @__PURE__ */ new Date()).toISOString()
85
+ }), this.makeStatusUpdate(e, "read");
86
+ }
87
+ async markAsUnread(e) {
88
+ const t = this.getItemIds(e);
89
+ return this.channelClient.setMessageAttrs(t, {
90
+ read_at: null
91
+ }), this.makeStatusUpdate(e, "unread");
92
+ }
93
+ async markAsInteracted(e, t) {
94
+ const s = (/* @__PURE__ */ new Date()).toISOString(), n = this.getItemIds(e);
95
+ return this.channelClient.setMessageAttrs(n, {
96
+ read_at: s,
97
+ interacted_at: s
98
+ }), this.makeStatusUpdate(e, "interacted", t);
99
+ }
100
+ async markAsArchived(e) {
101
+ const t = this.getItemIds(e);
102
+ return this.channelClient.setMessageAttrs(t, {
103
+ archived_at: (/* @__PURE__ */ new Date()).toISOString()
104
+ }), this.makeStatusUpdate(e, "archived");
105
+ }
106
+ async markAsUnarchived(e) {
107
+ const t = this.getItemIds(e);
108
+ return this.channelClient.setMessageAttrs(t, {
109
+ archived_at: null
110
+ }), this.makeStatusUpdate(e, "unarchived");
111
+ }
112
+ async makeStatusUpdate(e, t, s) {
113
+ const n = this.getItemIds(e);
114
+ return await this.knock.messages.batchUpdateStatuses(
115
+ n,
116
+ t,
117
+ { metadata: s }
118
+ );
119
+ }
120
+ // ----------------------------------------------
121
+ // Helpers
122
+ // ----------------------------------------------
123
+ buildQueryKey(e) {
124
+ const t = `/v1/users/${this.knock.userId}/in-app-messages/${this.channelClient.channelId}/${this.messageType}`, s = new URLSearchParams(e).toString();
125
+ return s ? `${t}?${s}` : t;
126
+ }
127
+ subscribe() {
128
+ this.unsub = this.channelClient.subscribe(this);
129
+ }
130
+ unsubscribe() {
131
+ this.channelClient.unsubscribe(this);
132
+ }
133
+ // This is a callback function that will be invoked when a new socket event
134
+ // relevant for this message client is received (and if subscribed).
135
+ async handleSocketEvent(e) {
136
+ switch (e.event) {
137
+ case y.MessageCreated:
138
+ return await this.fetch();
139
+ default:
140
+ throw new Error(`Unhandled socket event: ${e.event}`);
141
+ }
142
+ }
143
+ socketChannelTopic() {
144
+ return `in_app:${this.messageType}:${this.channelClient.channelId}:${this.knock.userId}`;
145
+ }
146
+ getItemIds(e) {
147
+ return (Array.isArray(e) ? e : [e]).map((s) => s.id);
148
+ }
149
+ }
150
+ export {
151
+ w as InAppMessagesClient
152
+ };
153
+ //# sourceMappingURL=message-client.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message-client.mjs","sources":["../../../../src/clients/in-app-messages/message-client.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport { nanoid } from \"nanoid\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport { MessageEngagementStatus } from \"../messages/interfaces\";\n\nimport { InAppMessagesChannelClient } from \"./channel-client\";\nimport { SocketEventPayload, SocketEventType } from \"./socket-manager\";\nimport {\n InAppMessage,\n InAppMessagesClientOptions,\n InAppMessagesResponse,\n InAppMessagesStoreState,\n} from \"./types\";\n\n/**\n * Manages realtime connection to in app messages service.\n */\nexport class InAppMessagesClient {\n private knock: Knock;\n\n public queryKey: string;\n public referenceId: string;\n public unsub?: () => void;\n\n constructor(\n readonly channelClient: InAppMessagesChannelClient,\n readonly messageType: string,\n readonly defaultOptions: InAppMessagesClientOptions = {},\n ) {\n this.defaultOptions = {\n ...channelClient.defaultOptions,\n ...defaultOptions,\n };\n this.knock = channelClient.knock;\n this.queryKey = this.buildQueryKey(this.defaultOptions);\n this.referenceId = nanoid();\n\n this.knock.log(`[IAM] Initialized a client for message ${messageType}`);\n }\n\n // ----------------------------------------------\n // Data fetching\n // ----------------------------------------------\n async fetch<\n TContent extends GenericData = GenericData,\n TData extends GenericData = GenericData,\n >(): Promise<\n | {\n status: \"ok\";\n data: InAppMessagesResponse<TContent, TData>;\n }\n | {\n status: \"error\";\n error: Error;\n }\n | undefined\n > {\n const params = this.defaultOptions;\n\n this.queryKey = this.buildQueryKey(params);\n\n const queryState = this.channelClient.store.state.queries[\n this.queryKey\n ] ?? {\n loading: false,\n networkStatus: NetworkStatus.ready,\n };\n const networkStatus = queryState.networkStatus;\n\n // If there's an existing request in flight, then do nothing\n if (networkStatus && isRequestInFlight(networkStatus)) {\n return;\n }\n\n // Set the loading type based on the request type it is\n this.channelClient.setQueryStatus(this.queryKey, {\n networkStatus: NetworkStatus.loading,\n loading: true,\n });\n\n try {\n const response = await this.knock.user.getInAppMessages<TContent, TData>({\n channelId: this.channelClient.channelId,\n messageType: this.messageType,\n params,\n });\n\n this.channelClient.setQueryResponse(this.queryKey, response);\n\n return { data: response, status: \"ok\" };\n } catch (error) {\n this.channelClient.setQueryStatus(this.queryKey, {\n networkStatus: NetworkStatus.error,\n loading: false,\n });\n\n return {\n status: \"error\",\n error: error as Error,\n };\n }\n }\n\n getQueryInfoSelector<\n TContent extends GenericData = GenericData,\n TData extends GenericData = GenericData,\n >(\n state: InAppMessagesStoreState,\n ): {\n messages: InAppMessage<TContent, TData>[];\n loading: boolean;\n networkStatus: NetworkStatus;\n } {\n const queryInfo = state.queries[this.queryKey];\n const messageIds = queryInfo?.data?.messageIds ?? [];\n\n const messages = messageIds.reduce<InAppMessage<TContent, TData>[]>(\n (messages, messageId) => {\n const message = state.messages[messageId];\n if (message) {\n messages.push(message as InAppMessage<TContent, TData>);\n }\n return messages;\n },\n [],\n );\n\n return {\n messages,\n networkStatus: queryInfo?.networkStatus ?? NetworkStatus.ready,\n loading: queryInfo?.loading ?? false,\n };\n }\n\n // ----------------------------------------------\n // Message engagement\n // ----------------------------------------------\n async markAsSeen(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n seen_at: new Date().toISOString(),\n });\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAsUnseen(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n seen_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n read_at: new Date().toISOString(),\n });\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAsUnread(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n read_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(\n itemOrItems: InAppMessage | InAppMessage[],\n metadata?: Record<string, string>,\n ) {\n const now = new Date().toISOString();\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n read_at: now,\n interacted_at: now,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"interacted\", metadata);\n }\n\n async markAsArchived(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n archived_at: new Date().toISOString(),\n });\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAsUnarchived(itemOrItems: InAppMessage | InAppMessage[]) {\n const itemIds = this.getItemIds(itemOrItems);\n\n this.channelClient.setMessageAttrs(itemIds, {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n private async makeStatusUpdate(\n itemOrItems: InAppMessage | InAppMessage[],\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 itemIds = this.getItemIds(itemOrItems);\n\n const result = await this.knock.messages.batchUpdateStatuses(\n itemIds,\n type,\n { metadata },\n );\n\n return result;\n }\n\n // ----------------------------------------------\n // Helpers\n // ----------------------------------------------\n private buildQueryKey(params: GenericData): string {\n const baseKey = `/v1/users/${this.knock.userId}/in-app-messages/${this.channelClient.channelId}/${this.messageType}`;\n const paramsString = new URLSearchParams(params).toString();\n return paramsString ? `${baseKey}?${paramsString}` : baseKey;\n }\n\n subscribe() {\n this.unsub = this.channelClient.subscribe(this);\n }\n\n unsubscribe() {\n this.channelClient.unsubscribe(this);\n }\n\n // This is a callback function that will be invoked when a new socket event\n // relevant for this message client is received (and if subscribed).\n async handleSocketEvent(payload: SocketEventPayload) {\n switch (payload.event) {\n case SocketEventType.MessageCreated:\n // TODO(KNO-7169): Explore using an in-app message in the socket event\n // directly instead of re-fetching.\n return await this.fetch();\n\n default:\n throw new Error(`Unhandled socket event: ${payload.event}`);\n }\n }\n\n socketChannelTopic() {\n return `in_app:${this.messageType}:${this.channelClient.channelId}:${this.knock.userId}`;\n }\n\n private getItemIds(itemOrItems: InAppMessage | InAppMessage[]): string[] {\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n return items.map((item) => item.id);\n }\n}\n"],"names":["InAppMessagesClient","channelClient","messageType","defaultOptions","__publicField","nanoid","params","networkStatus","NetworkStatus","isRequestInFlight","response","error","state","queryInfo","_a","messages","messageId","message","itemOrItems","itemIds","metadata","now","type","baseKey","paramsString","payload","SocketEventType","item"],"mappings":"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"}
@@ -0,0 +1,83 @@
1
+ var u = Object.defineProperty;
2
+ var m = (t, e, s) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
3
+ var h = (t, e, s) => m(t, typeof e != "symbol" ? e + "" : e, s);
4
+ import { Store as b } from "@tanstack/store";
5
+ var k = /* @__PURE__ */ ((t) => (t.MessageCreated = "message.created", t))(k || {});
6
+ const f = [
7
+ "message.created"
8
+ /* MessageCreated */
9
+ ];
10
+ class x {
11
+ constructor(e) {
12
+ // Mapping of live channels by topic. Note, there can be one or more in-app
13
+ // message client(s) that can subscribe.
14
+ h(this, "channels");
15
+ // Mapping of query params for each in-app message client, partitioned by its
16
+ // reference id, and grouped by channel topic. It's a double nested object
17
+ // that looks like:
18
+ // {
19
+ // "in_app:card:...": {
20
+ // "ref-1": {
21
+ // "workflow_key": "foo",
22
+ // },
23
+ // "ref-2": {
24
+ // "workflow_key": "bar",
25
+ // },
26
+ // },
27
+ // "in_app:banner:...": {
28
+ // "ref-3": {
29
+ // "workflow_key": "baz",
30
+ // },
31
+ // }
32
+ // }
33
+ //
34
+ // Each time a new in-app message client joins a channel, we send all cumulated
35
+ // params such that the socket API can apply filtering rules and figure out
36
+ // which in-app message clients should be notified basd on reference ids in
37
+ // "attn" field of the event payload when sending out an event.
38
+ h(this, "params");
39
+ // A reactive store that captures a new socket event, that notifies any in-app
40
+ // message clients that have subscribed.
41
+ h(this, "inbox");
42
+ this.socket = e, this.channels = {}, this.params = {}, this.inbox = new b({});
43
+ }
44
+ join(e) {
45
+ const s = e.socketChannelTopic(), n = e.referenceId, o = e.defaultOptions;
46
+ this.socket.isConnected() || this.socket.connect(), this.params[s] || (this.params[s] = {});
47
+ const a = this.params[s][n], p = !a || JSON.stringify(a) !== JSON.stringify(o);
48
+ if (p && (this.params[s] = { ...this.params[s], [n]: o }), !this.channels[s] || p) {
49
+ const c = this.socket.channel(s, this.params[s]);
50
+ for (const l of f)
51
+ c.on(l, (d) => this.setInbox(d));
52
+ this.channels[s] = c;
53
+ }
54
+ const r = this.channels[s];
55
+ return ["closed", "errored"].includes(r.state) && r.join(), this.inbox.subscribe(() => {
56
+ const c = this.inbox.state[n];
57
+ c && e.handleSocketEvent(c);
58
+ });
59
+ }
60
+ leave(e) {
61
+ e.unsub && e.unsub();
62
+ const s = e.socketChannelTopic(), n = e.referenceId, o = { ...this.params }, a = o[s] || {};
63
+ a[n] && delete a[n];
64
+ const r = { ...this.channels }, i = r[s];
65
+ if (i && Object.keys(a).length === 0) {
66
+ for (const c of f)
67
+ i.off(c);
68
+ i.leave(), delete r[s];
69
+ }
70
+ this.params = o, this.channels = r;
71
+ }
72
+ setInbox(e) {
73
+ const { attn: s, ...n } = e;
74
+ this.inbox.setState(
75
+ () => s.reduce((o, a) => ({ ...o, [a]: n }), {})
76
+ );
77
+ }
78
+ }
79
+ export {
80
+ x as InAppMessageSocketManager,
81
+ k as SocketEventType
82
+ };
83
+ //# sourceMappingURL=socket-manager.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"socket-manager.mjs","sources":["../../../../src/clients/in-app-messages/socket-manager.ts"],"sourcesContent":["import { Store } from \"@tanstack/store\";\nimport { Channel, Socket } from \"phoenix\";\n\nimport { InAppMessagesClient } from \"./message-client\";\nimport { InAppMessage, InAppMessagesClientOptions } from \"./types\";\n\nexport enum SocketEventType {\n MessageCreated = \"message.created\",\n}\n\nconst SOCKET_EVENT_TYPES = [SocketEventType.MessageCreated];\n\ntype ClientQueryParams = InAppMessagesClientOptions;\n\n// e.g. in_app:<message-type>:<channel_id>:<user_id>\ntype ChannelTopic = string;\n\n// Unique reference id of an in-app message client\ntype ClientReferenceId = string;\n\ntype MessageCreatedEventPayload = {\n event: SocketEventType.MessageCreated;\n topic: string;\n data: {\n in_app_message: InAppMessage;\n };\n};\n\nexport type SocketEventPayload = MessageCreatedEventPayload;\n\n// \"attn\" field contains a list of client reference ids that should be notified\n// of a socket event.\ntype WithAttn<P> = P & { attn: Array<ClientReferenceId> };\n\ntype InAppMessageSocketInbox = Record<ClientReferenceId, SocketEventPayload>;\n\n/*\n * Manages socket subscriptions for in-app messages, allowing multiple in-app\n * message clients or components to listen for real time updates from the socket\n * API via a single socket connection. It's expected to be instantiated once\n * per an in-app channel.\n */\nexport class InAppMessageSocketManager {\n // Mapping of live channels by topic. Note, there can be one or more in-app\n // message client(s) that can subscribe.\n private channels: Record<ChannelTopic, Channel>;\n\n // Mapping of query params for each in-app message client, partitioned by its\n // reference id, and grouped by channel topic. It's a double nested object\n // that looks like:\n // {\n // \"in_app:card:...\": {\n // \"ref-1\": {\n // \"workflow_key\": \"foo\",\n // },\n // \"ref-2\": {\n // \"workflow_key\": \"bar\",\n // },\n // },\n // \"in_app:banner:...\": {\n // \"ref-3\": {\n // \"workflow_key\": \"baz\",\n // },\n // }\n // }\n //\n // Each time a new in-app message client joins a channel, we send all cumulated\n // params such that the socket API can apply filtering rules and figure out\n // which in-app message clients should be notified basd on reference ids in\n // \"attn\" field of the event payload when sending out an event.\n private params: Record<\n ChannelTopic,\n Record<ClientReferenceId, ClientQueryParams>\n >;\n\n // A reactive store that captures a new socket event, that notifies any in-app\n // message clients that have subscribed.\n private inbox: Store<\n InAppMessageSocketInbox,\n (cb: InAppMessageSocketInbox) => InAppMessageSocketInbox\n >;\n\n constructor(readonly socket: Socket) {\n this.channels = {};\n this.params = {};\n this.inbox = new Store<InAppMessageSocketInbox>({});\n }\n\n join(iamClient: InAppMessagesClient) {\n const topic = iamClient.socketChannelTopic();\n const referenceId = iamClient.referenceId;\n const params = iamClient.defaultOptions;\n\n // Ensure a live socket connection if not yet connected.\n if (!this.socket.isConnected()) {\n this.socket.connect();\n }\n\n // If a new in-app message client joins, or has updated query params then\n // track the updated params and (re)join with the latest query params.\n // Note, each time we send combined params of all in-app message clients that\n // have subscribed for a given message type (and an in-app channel and a\n // user), grouped by client's reference id.\n if (!this.params[topic]) {\n this.params[topic] = {};\n }\n\n const maybeParams = this.params[topic][referenceId];\n const hasNewOrUpdatedParams =\n !maybeParams || JSON.stringify(maybeParams) !== JSON.stringify(params);\n\n if (hasNewOrUpdatedParams) {\n // Tracks all subscribed client's params by its reference id and by topic.\n this.params[topic] = { ...this.params[topic], [referenceId]: params };\n }\n\n if (!this.channels[topic] || hasNewOrUpdatedParams) {\n const newChannel = this.socket.channel(topic, this.params[topic]);\n for (const eventType of SOCKET_EVENT_TYPES) {\n newChannel.on(eventType, (payload) => this.setInbox(payload));\n }\n // Tracks live channels by channel topic.\n this.channels[topic] = newChannel;\n }\n\n const channel = this.channels[topic];\n\n // Join the channel if not already joined or joining or leaving.\n if ([\"closed\", \"errored\"].includes(channel.state)) {\n channel.join();\n }\n\n // Let the in-app message client subscribe to the \"inbox\", so it can be\n // notified when there's a new socket event that is relevant for the client.\n const unsub = this.inbox.subscribe(() => {\n const payload = this.inbox.state[referenceId];\n if (!payload) return;\n\n iamClient.handleSocketEvent(payload);\n });\n\n return unsub;\n }\n\n leave(iamClient: InAppMessagesClient) {\n if (iamClient.unsub) {\n iamClient.unsub();\n }\n\n const topic = iamClient.socketChannelTopic();\n const referenceId = iamClient.referenceId;\n\n const partitionedParams = { ...this.params };\n const paramsForTopic = partitionedParams[topic] || {};\n const paramsForReferenceClient = paramsForTopic[referenceId];\n\n if (paramsForReferenceClient) {\n delete paramsForTopic[referenceId];\n }\n\n const channels = { ...this.channels };\n const channelForTopic = channels[topic];\n if (channelForTopic && Object.keys(paramsForTopic).length === 0) {\n for (const eventType of SOCKET_EVENT_TYPES) {\n channelForTopic.off(eventType);\n }\n channelForTopic.leave();\n delete channels[topic];\n }\n\n this.params = partitionedParams;\n this.channels = channels;\n }\n\n private setInbox(payload: WithAttn<SocketEventPayload>) {\n const { attn, ...rest } = payload;\n\n // Set the incoming socket event into the inbox, keyed by relevant client\n // reference ids provided by the server (via attn field), so we can notify\n // only the clients that need to be notified.\n this.inbox.setState(() =>\n attn.reduce((acc, referenceId) => {\n return { ...acc, [referenceId]: rest };\n }, {}),\n );\n }\n}\n"],"names":["SocketEventType","SOCKET_EVENT_TYPES","InAppMessageSocketManager","socket","__publicField","Store","iamClient","topic","referenceId","params","maybeParams","hasNewOrUpdatedParams","newChannel","eventType","payload","channel","partitionedParams","paramsForTopic","channels","channelForTopic","attn","rest","acc"],"mappings":";;;;AAMY,IAAAA,sBAAAA,OACVA,EAAA,iBAAiB,mBADPA,IAAAA,KAAA,CAAA,CAAA;AAIZ,MAAMC,IAAqB;AAAA,EAAC;AAAA;;AAgCrB,MAAMC,EAA0B;AAAA,EAwCrC,YAAqBC,GAAgB;AArC7B;AAAA;AAAA,IAAAC,EAAA;AAyBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,EAAA;AAOA;AAAA;AAAA,IAAAA,EAAA;AAKa,SAAA,SAAAD,GACnB,KAAK,WAAW,IAChB,KAAK,SAAS,IACd,KAAK,QAAQ,IAAIE,EAA+B,CAAE,CAAA;AAAA,EACpD;AAAA,EAEA,KAAKC,GAAgC;AAC7B,UAAAC,IAAQD,EAAU,sBAClBE,IAAcF,EAAU,aACxBG,IAASH,EAAU;AAGzB,IAAK,KAAK,OAAO,iBACf,KAAK,OAAO,WAQT,KAAK,OAAOC,CAAK,MACf,KAAA,OAAOA,CAAK,IAAI;AAGvB,UAAMG,IAAc,KAAK,OAAOH,CAAK,EAAEC,CAAW,GAC5CG,IACJ,CAACD,KAAe,KAAK,UAAUA,CAAW,MAAM,KAAK,UAAUD,CAAM;AAOvE,QALIE,MAEF,KAAK,OAAOJ,CAAK,IAAI,EAAE,GAAG,KAAK,OAAOA,CAAK,GAAG,CAACC,CAAW,GAAGC,EAAO,IAGlE,CAAC,KAAK,SAASF,CAAK,KAAKI,GAAuB;AAC5C,YAAAC,IAAa,KAAK,OAAO,QAAQL,GAAO,KAAK,OAAOA,CAAK,CAAC;AAChE,iBAAWM,KAAaZ;AACtB,QAAAW,EAAW,GAAGC,GAAW,CAACC,MAAY,KAAK,SAASA,CAAO,CAAC;AAGzD,WAAA,SAASP,CAAK,IAAIK;AAAA,IACzB;AAEM,UAAAG,IAAU,KAAK,SAASR,CAAK;AAGnC,WAAI,CAAC,UAAU,SAAS,EAAE,SAASQ,EAAQ,KAAK,KAC9CA,EAAQ,KAAK,GAKD,KAAK,MAAM,UAAU,MAAM;AACvC,YAAMD,IAAU,KAAK,MAAM,MAAMN,CAAW;AAC5C,MAAKM,KAELR,EAAU,kBAAkBQ,CAAO;AAAA,IAAA,CACpC;AAAA,EAGH;AAAA,EAEA,MAAMR,GAAgC;AACpC,IAAIA,EAAU,SACZA,EAAU,MAAM;AAGZ,UAAAC,IAAQD,EAAU,sBAClBE,IAAcF,EAAU,aAExBU,IAAoB,EAAE,GAAG,KAAK,OAAO,GACrCC,IAAiBD,EAAkBT,CAAK,KAAK,CAAA;AAGnD,IAFiCU,EAAeT,CAAW,KAGzD,OAAOS,EAAeT,CAAW;AAGnC,UAAMU,IAAW,EAAE,GAAG,KAAK,SAAS,GAC9BC,IAAkBD,EAASX,CAAK;AACtC,QAAIY,KAAmB,OAAO,KAAKF,CAAc,EAAE,WAAW,GAAG;AAC/D,iBAAWJ,KAAaZ;AACtB,QAAAkB,EAAgB,IAAIN,CAAS;AAE/B,MAAAM,EAAgB,MAAM,GACtB,OAAOD,EAASX,CAAK;AAAA,IACvB;AAEA,SAAK,SAASS,GACd,KAAK,WAAWE;AAAA,EAClB;AAAA,EAEQ,SAASJ,GAAuC;AACtD,UAAM,EAAE,MAAAM,GAAM,GAAGC,EAAA,IAASP;AAK1B,SAAK,MAAM;AAAA,MAAS,MAClBM,EAAK,OAAO,CAACE,GAAKd,OACT,EAAE,GAAGc,GAAK,CAACd,CAAW,GAAGa,EAAK,IACpC,EAAE;AAAA,IAAA;AAAA,EAET;AACF;"}
@@ -0,0 +1,11 @@
1
+ import { Store as e } from "@tanstack/store";
2
+ function t() {
3
+ return new e({
4
+ messages: {},
5
+ queries: {}
6
+ });
7
+ }
8
+ export {
9
+ t as createStore
10
+ };
11
+ //# sourceMappingURL=store.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"store.mjs","sources":["../../../../src/clients/in-app-messages/store.ts"],"sourcesContent":["import { Store } from \"@tanstack/store\";\n\nimport { InAppMessagesStoreState } from \"./types\";\n\nexport type InAppMessagesStore = Store<\n InAppMessagesStoreState,\n (cb: InAppMessagesStoreState) => InAppMessagesStoreState\n>;\n\nexport function createStore() {\n return new Store<InAppMessagesStoreState>({\n messages: {},\n queries: {},\n });\n}\n"],"names":["createStore","Store"],"mappings":";AASO,SAASA,IAAc;AAC5B,SAAO,IAAIC,EAA+B;AAAA,IACxC,UAAU,CAAC;AAAA,IACX,SAAS,CAAC;AAAA,EAAA,CACX;AACH;"}