@knocklabs/client 0.14.10 → 0.15.0

package/dist/esm/clients/feed/socket-manager.mjs

@@ -0,0 +1,81 @@
+var f = Object.defineProperty;
+var u = (c, s, e) => s in c ? f(c, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[s] = e;
+var h = (c, s, e) => u(c, typeof s != "symbol" ? s + "" : s, e);
+import { Store as k } from "@tanstack/store";
+const S = {
+  NewMessage: "new-message"
+}, m = [S.NewMessage];
+class x {
+  constructor(s) {
+    // Mapping of live channels by topic. Note, there can be one or more feed
+    // client(s) that can subscribe.
+    h(this, "channels");
+    // Mapping of query params for each feeds client, partitioned by reference id,
+    // and grouped by channel topic. It's a double nested object that looks like:
+    //  {
+    //    "feeds:<channel_1>:<user_1>": {
+    //      "ref-1": {
+    //        "tenant": "foo",
+    //      },
+    //      "ref-2": {
+    //        "tenant": "bar",
+    //      },
+    //    },
+    //    "feeds:<channel_2>:<user_1>": {
+    //      "ref-3": {
+    //        "tenant": "baz",
+    //      },
+    //    }
+    //  }
+    //
+    // Each time a new feed client joins a channel, we send all cumulated
+    // params such that the socket API can apply filtering rules and figure out
+    // which feed clients should be notified based on reference ids in
+    // "attn" field of the event payload when sending out an event.
+    h(this, "params");
+    // A reactive store that captures a new socket event, that notifies any feed
+    // clients that have subscribed.
+    h(this, "inbox");
+    this.socket = s, this.channels = {}, this.params = {}, this.inbox = new k({});
+  }
+  join(s) {
+    const e = s.socketChannelTopic, t = s.referenceId, a = s.defaultOptions;
+    this.socket.isConnected() || this.socket.connect(), this.params[e] || (this.params[e] = {});
+    const n = this.params[e][t], p = !n || JSON.stringify(n) !== JSON.stringify(a);
+    if (p && (this.params[e] = { ...this.params[e], [t]: a }), !this.channels[e] || p) {
+      const o = this.socket.channel(e, this.params[e]);
+      for (const l of m)
+        o.on(l, (b) => this.setInbox(b));
+      this.channels[e] = o;
+    }
+    const i = this.channels[e];
+    return ["closed", "errored"].includes(i.state) && i.join(), this.inbox.subscribe(() => {
+      const o = this.inbox.state[t];
+      o && s.handleSocketEvent(o);
+    });
+  }
+  leave(s) {
+    var o;
+    (o = s.unsubscribeFromSocketEvents) == null || o.call(s);
+    const e = s.socketChannelTopic, t = s.referenceId, a = { ...this.params }, n = a[e] || {};
+    n[t] && delete n[t];
+    const i = { ...this.channels }, r = i[e];
+    if (r && Object.keys(n).length === 0) {
+      for (const l of m)
+        r.off(l);
+      r.leave(), delete i[e];
+    }
+    this.params = a, this.channels = i;
+  }
+  setInbox(s) {
+    const { attn: e, ...t } = s;
+    this.inbox.setState(
+      () => e.reduce((a, n) => ({ ...a, [n]: t }), {})
+    );
+  }
+}
+export {
+  x as FeedSocketManager,
+  S as SocketEventType
+};
+//# sourceMappingURL=socket-manager.mjs.map

package/dist/esm/clients/feed/socket-manager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"socket-manager.mjs","sources":["../../../../src/clients/feed/socket-manager.ts"],"sourcesContent":["import { Store } from \"@tanstack/store\";\nimport { Channel, Socket } from \"phoenix\";\n\nimport Feed from \"./feed\";\nimport type { FeedClientOptions, FeedMetadata } from \"./interfaces\";\n\nexport const SocketEventType = {\n  NewMessage: \"new-message\",\n} as const;\n\nconst SOCKET_EVENT_TYPES = [SocketEventType.NewMessage];\n\ntype ClientQueryParams = FeedClientOptions;\n\n// e.g. feeds:<channel_id>:<user_id>\ntype ChannelTopic = string;\n\n// Unique reference id of a feed client\ntype ClientReferenceId = string;\n\ntype NewMessageEventPayload = {\n  event: typeof SocketEventType.NewMessage;\n  /**\n   * @deprecated Top-level feed metadata. Exists for legacy reasons.\n   */\n  metadata: FeedMetadata;\n  /** Feed metadata, keyed by client reference id. */\n  data: Record<ClientReferenceId, { metadata: FeedMetadata }>;\n};\n\nexport type SocketEventPayload = NewMessageEventPayload;\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: ClientReferenceId[] };\n\ntype FeedSocketInbox = Record<ClientReferenceId, SocketEventPayload>;\n\n/*\n * Manages socket subscriptions for feeds, allowing multiple feed clients\n * to listen for real time updates from the socket API via a single socket\n * connection.\n */\nexport class FeedSocketManager {\n  // Mapping of live channels by topic. Note, there can be one or more feed\n  // client(s) that can subscribe.\n  private channels: Record<ChannelTopic, Channel>;\n\n  // Mapping of query params for each feeds client, partitioned by reference id,\n  // and grouped by channel topic. It's a double nested object that looks like:\n  //  {\n  //    \"feeds:<channel_1>:<user_1>\": {\n  //      \"ref-1\": {\n  //        \"tenant\": \"foo\",\n  //      },\n  //      \"ref-2\": {\n  //        \"tenant\": \"bar\",\n  //      },\n  //    },\n  //    \"feeds:<channel_2>:<user_1>\": {\n  //      \"ref-3\": {\n  //        \"tenant\": \"baz\",\n  //      },\n  //    }\n  //  }\n  //\n  // Each time a new feed client joins a channel, we send all cumulated\n  // params such that the socket API can apply filtering rules and figure out\n  // which feed clients should be notified based 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 feed\n  // clients that have subscribed.\n  private inbox: Store<\n    FeedSocketInbox,\n    (cb: FeedSocketInbox) => FeedSocketInbox\n  >;\n\n  constructor(readonly socket: Socket) {\n    this.channels = {};\n    this.params = {};\n    this.inbox = new Store<FeedSocketInbox>({});\n  }\n\n  join(feed: Feed) {\n    const topic = feed.socketChannelTopic;\n    const referenceId = feed.referenceId;\n    const params = feed.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 feed 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 feed clients that\n    // have subscribed for a given feed channel and user, grouped by\n    // 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 clients' params by 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 feed client subscribe to the \"inbox\", so it can be notified\n    // when there's a new socket event that is relevant to it\n    const unsub = this.inbox.subscribe(() => {\n      const payload = this.inbox.state[referenceId];\n      if (!payload) return;\n\n      feed.handleSocketEvent(payload);\n    });\n\n    return unsub;\n  }\n\n  leave(feed: Feed) {\n    feed.unsubscribeFromSocketEvents?.();\n\n    const topic = feed.socketChannelTopic;\n    const referenceId = feed.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","FeedSocketManager","socket","__publicField","Store","feed","topic","referenceId","params","maybeParams","hasNewOrUpdatedParams","newChannel","eventType","payload","channel","_a","partitionedParams","paramsForTopic","channels","channelForTopic","attn","rest","acc"],"mappings":";;;;AAMO,MAAMA,IAAkB;AAAA,EAC7B,YAAY;AACd,GAEMC,IAAqB,CAACD,EAAgB,UAAU;AAiC/C,MAAME,EAAkB;AAAA,EAuC7B,YAAqBC,GAAgB;AApC7B;AAAA;AAAA,IAAAC,EAAA;AAwBA;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,CAAC,GACjB,KAAK,SAAS,CAAC,GACf,KAAK,QAAQ,IAAIE,EAAuB,EAAE;AAAA,EAAA;AAAA,EAG5C,KAAKC,GAAY;AACf,UAAMC,IAAQD,EAAK,oBACbE,IAAcF,EAAK,aACnBG,IAASH,EAAK;AAGpB,IAAK,KAAK,OAAO,iBACf,KAAK,OAAO,QAAQ,GAQjB,KAAK,OAAOC,CAAK,MACf,KAAA,OAAOA,CAAK,IAAI,CAAC;AAGxB,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,IAAA;AAGnB,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,EAAK,kBAAkBQ,CAAO;AAAA,IAAA,CAC/B;AAAA,EAEM;AAAA,EAGT,MAAMR,GAAY;;AAChB,KAAAU,IAAAV,EAAK,gCAAL,QAAAU,EAAA,KAAAV;AAEA,UAAMC,IAAQD,EAAK,oBACbE,IAAcF,EAAK,aAEnBW,IAAoB,EAAE,GAAG,KAAK,OAAO,GACrCC,IAAiBD,EAAkBV,CAAK,KAAK,CAAC;AAGpD,IAFiCW,EAAeV,CAAW,KAGzD,OAAOU,EAAeV,CAAW;AAGnC,UAAMW,IAAW,EAAE,GAAG,KAAK,SAAS,GAC9BC,IAAkBD,EAASZ,CAAK;AACtC,QAAIa,KAAmB,OAAO,KAAKF,CAAc,EAAE,WAAW,GAAG;AAC/D,iBAAWL,KAAaZ;AACtB,QAAAmB,EAAgB,IAAIP,CAAS;AAE/B,MAAAO,EAAgB,MAAM,GACtB,OAAOD,EAASZ,CAAK;AAAA,IAAA;AAGvB,SAAK,SAASU,GACd,KAAK,WAAWE;AAAA,EAAA;AAAA,EAGV,SAASL,GAAuC;AACtD,UAAM,EAAE,MAAAO,GAAM,GAAGC,EAAA,IAASR;AAK1B,SAAK,MAAM;AAAA,MAAS,MAClBO,EAAK,OAAO,CAACE,GAAKf,OACT,EAAE,GAAGe,GAAK,CAACf,CAAW,GAAGc,EAAK,IACpC,CAAE,CAAA;AAAA,IACP;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,104 @@
+var c = Object.defineProperty;
+var S = (s, t, e) => t in s ? c(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var l = (s, t, e) => S(s, typeof t != "symbol" ? t + "" : t, e);
+import { Store as f } from "@tanstack/store";
+import { NetworkStatus as d } from "../../networkStatus.mjs";
+import { deduplicateItems as m, sortItems as p } from "./utils.mjs";
+function g(s) {
+  const t = m(s);
+  return p(t);
+}
+const I = {
+  shouldSetPage: !0,
+  shouldAppend: !1
+}, i = {
+  items: [],
+  metadata: {
+    total_count: 0,
+    unread_count: 0,
+    unseen_count: 0
+  },
+  pageInfo: {
+    before: null,
+    after: null,
+    page_size: 50
+  },
+  loading: !1,
+  networkStatus: d.ready,
+  setResult: () => {
+  },
+  setMetadata: () => {
+  },
+  setNetworkStatus: () => {
+  },
+  resetStore: () => {
+  },
+  setItemAttrs: () => {
+  }
+}, h = () => {
+  const s = new f(i);
+  return s.setState((t) => ({
+    ...t,
+    // The network status indicates what's happening with the request
+    networkStatus: d.ready,
+    loading: !1,
+    setNetworkStatus: (e) => s.setState((r) => ({
+      ...r,
+      networkStatus: e,
+      loading: e === d.loading
+    })),
+    setResult: ({ entries: e, meta: r, page_info: u }, o = I) => s.setState((a) => {
+      const n = o.shouldAppend ? g(a.items.concat(e)) : e;
+      return {
+        ...a,
+        items: n,
+        metadata: r,
+        pageInfo: o.shouldSetPage ? u : a.pageInfo,
+        loading: !1,
+        networkStatus: d.ready
+      };
+    }),
+    setMetadata: (e) => s.setState((r) => ({ ...r, metadata: e })),
+    resetStore: (e = i.metadata) => s.setState(() => ({ ...i, metadata: e })),
+    setItemAttrs: (e, r) => {
+      const u = e.reduce(
+        (o, a) => ({ ...o, [a]: r }),
+        {}
+      );
+      return s.setState((o) => {
+        const a = o.items.map((n) => u[n.id] ? { ...n, ...u[n.id] } : n);
+        return { ...o, items: a };
+      });
+    }
+  })), s;
+};
+class w {
+  constructor(t) {
+    l(this, "store");
+    this.store = t;
+  }
+  getState() {
+    return this.store.state;
+  }
+  setState(t) {
+    this.store.setState(
+      typeof t == "function" ? t : () => t
+    );
+  }
+  getInitialState() {
+    return i;
+  }
+  subscribe(t) {
+    return this.store.subscribe((e) => t(e.currentVal));
+  }
+}
+function _() {
+  const s = h();
+  return new w(s);
+}
+export {
+  w as FeedStore,
+  _ as default,
+  i as initialStoreState
+};
+//# sourceMappingURL=store.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.mjs","sources":["../../../../src/clients/feed/store.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport { Store } from \"@tanstack/store\";\n\nimport { NetworkStatus } from \"../../networkStatus\";\n\nimport { FeedItem, FeedMetadata, FeedResponse } from \"./interfaces\";\nimport { FeedStoreState, StoreFeedResultOptions } from \"./types\";\nimport { deduplicateItems, sortItems } from \"./utils\";\n\nfunction processItems(items: FeedItem[]) {\n  const deduped = deduplicateItems(items);\n  const sorted = sortItems(deduped);\n\n  return sorted;\n}\n\nconst defaultSetResultOptions = {\n  shouldSetPage: true,\n  shouldAppend: false,\n};\n\nexport const initialStoreState: FeedStoreState = {\n  items: [],\n  metadata: {\n    total_count: 0,\n    unread_count: 0,\n    unseen_count: 0,\n  },\n  pageInfo: {\n    before: null,\n    after: null,\n    page_size: 50,\n  },\n  loading: false,\n  networkStatus: NetworkStatus.ready,\n  setResult: () => {},\n  setMetadata: () => {},\n  setNetworkStatus: () => {},\n  resetStore: () => {},\n  setItemAttrs: () => {},\n};\n\n/**\n * Initalize the store with tanstack store so it can be used within our\n * FeedStore class. We do this seperately so that we have the ability to\n * change which store library we use in the future if need be.\n */\nconst initalizeStore = () => {\n  const store = new Store(initialStoreState);\n\n  store.setState((state) => ({\n    ...state,\n    // The network status indicates what's happening with the request\n    networkStatus: NetworkStatus.ready,\n    loading: false,\n    setNetworkStatus: (networkStatus: NetworkStatus) =>\n      store.setState((state) => ({\n        ...state,\n        networkStatus,\n        loading: networkStatus === NetworkStatus.loading,\n      })),\n\n    setResult: (\n      { entries, meta, page_info }: FeedResponse,\n      options: StoreFeedResultOptions = defaultSetResultOptions,\n    ) =>\n      store.setState((state) => {\n        // We resort the list on set, so concating everything is fine (if a bit suboptimal)\n        const items = options.shouldAppend\n          ? processItems(state.items.concat(entries as FeedItem<GenericData>[]))\n          : entries;\n\n        return {\n          ...state,\n          items,\n          metadata: meta,\n          pageInfo: options.shouldSetPage ? page_info : state.pageInfo,\n          loading: false,\n          networkStatus: NetworkStatus.ready,\n        };\n      }),\n\n    setMetadata: (metadata: FeedMetadata) =>\n      store.setState((state) => ({ ...state, metadata })),\n\n    resetStore: (metadata = initialStoreState.metadata) =>\n      store.setState(() => ({ ...initialStoreState, metadata })),\n\n    setItemAttrs: (itemIds: Array<string>, attrs: object) => {\n      // Create a map for the items to the updates to be made\n      const itemUpdatesMap: { [id: string]: object } = itemIds.reduce(\n        (acc, itemId) => ({ ...acc, [itemId]: attrs }),\n        {},\n      );\n\n      return store.setState((state) => {\n        const items = state.items.map((item) => {\n          if (itemUpdatesMap[item.id]) {\n            return { ...item, ...itemUpdatesMap[item.id] };\n          }\n\n          return item;\n        });\n\n        return { ...state, items };\n      });\n    },\n  }));\n\n  return store;\n};\n\n/**\n * The FeedStore class is a wrapper for our store solution that's\n * based on the same shape as zustand. This wrapping class allows\n * us to maintain backwards compatibility with the zustand model\n * while still allowing us to utilize tanstack store for the\n * underlying store solution.\n */\nexport class FeedStore {\n  store: Store<FeedStoreState>;\n\n  constructor(store: Store<FeedStoreState>) {\n    this.store = store;\n  }\n\n  getState() {\n    return this.store.state;\n  }\n\n  setState(\n    updater: ((state: FeedStoreState) => FeedStoreState) | FeedStoreState,\n  ) {\n    this.store.setState(\n      typeof updater === \"function\" ? updater : () => updater,\n    );\n  }\n\n  getInitialState() {\n    return initialStoreState;\n  }\n\n  subscribe(listener: (state: FeedStoreState) => void) {\n    return this.store.subscribe((state) => listener(state.currentVal));\n  }\n}\n\nexport default function createStore() {\n  const store = initalizeStore();\n  return new FeedStore(store);\n}\n"],"names":["processItems","items","deduped","deduplicateItems","sortItems","defaultSetResultOptions","initialStoreState","NetworkStatus","initalizeStore","store","Store","state","networkStatus","entries","meta","page_info","options","metadata","itemIds","attrs","itemUpdatesMap","acc","itemId","item","FeedStore","__publicField","updater","listener","createStore"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+function i(e) {
+  const t = {}, r = [];
+  return e.reduce((a, n) => t[n.id] ? a : (t[n.id] = !0, [...a, n]), r);
+}
+function g(e) {
+  return e.sort((t, r) => new Date(r.inserted_at).getTime() - new Date(t.inserted_at).getTime());
+}
+function s(e) {
+  const { inserted_at_date_range: t, ...r } = e;
+  if (!t)
+    return r;
+  const a = {}, n = t.inclusive ?? !1;
+  if (t.start) {
+    const d = n ? "inserted_at.gte" : "inserted_at.gt";
+    a[d] = t.start;
+  }
+  if (t.end) {
+    const d = n ? "inserted_at.lte" : "inserted_at.lt";
+    a[d] = t.end;
+  }
+  return { ...r, ...a };
+}
+function u(e) {
+  if (typeof (e == null ? void 0 : e.trigger_data) == "object")
+    return JSON.stringify(e.trigger_data);
+  if (typeof (e == null ? void 0 : e.trigger_data) == "string")
+    return e.trigger_data;
+}
+export {
+  i as deduplicateItems,
+  u as getFormattedTriggerData,
+  s as mergeDateRangeParams,
+  g as sortItems
+};
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/clients/feed/utils.ts"],"sourcesContent":["import type { FeedClientOptions, FeedItem } from \"./interfaces\";\n\nexport function deduplicateItems(items: FeedItem[]): FeedItem[] {\n  const seen: Record<string, boolean> = {};\n  const values: FeedItem[] = [];\n\n  return items.reduce((acc, item) => {\n    if (seen[item.id]) {\n      return acc;\n    }\n\n    seen[item.id] = true;\n    return [...acc, item];\n  }, values);\n}\n\nexport function sortItems(items: FeedItem[]) {\n  return items.sort((a, b) => {\n    return (\n      new Date(b.inserted_at).getTime() - new Date(a.inserted_at).getTime()\n    );\n  });\n}\n\nexport function mergeDateRangeParams(options: FeedClientOptions) {\n  const { inserted_at_date_range, ...rest } = options;\n\n  if (!inserted_at_date_range) {\n    return rest;\n  }\n\n  const dateRangeParams: Record<string, string> = {};\n\n  // Determine which operators to use based on the inclusive flag\n  const isInclusive = inserted_at_date_range.inclusive ?? false;\n\n  // For start date: use gte if inclusive, gt if not\n  if (inserted_at_date_range.start) {\n    const startOperator = isInclusive ? \"inserted_at.gte\" : \"inserted_at.gt\";\n    dateRangeParams[startOperator] = inserted_at_date_range.start;\n  }\n\n  // For end date: use lte if inclusive, lt if not\n  if (inserted_at_date_range.end) {\n    const endOperator = isInclusive ? \"inserted_at.lte\" : \"inserted_at.lt\";\n    dateRangeParams[endOperator] = inserted_at_date_range.end;\n  }\n\n  return { ...rest, ...dateRangeParams };\n}\n\n// If the trigger data is an object, stringify it to conform to API expectations\n// https://docs.knock.app/reference#get-feed\n// We also want to be careful to check for string values already,\n// because this was a bug (KNO-7843) and customers had to manually stringify their trigger data\nexport function getFormattedTriggerData(options: FeedClientOptions) {\n  // If the trigger data is an object, stringify it to conform to API expectations\n  if (typeof options?.trigger_data === \"object\") {\n    return JSON.stringify(options.trigger_data);\n  }\n\n  // For when the trigger data is already formatted as a string by the user\n  if (typeof options?.trigger_data === \"string\") {\n    return options.trigger_data;\n  }\n\n  return undefined;\n}\n"],"names":["deduplicateItems","items","seen","values","acc","item","sortItems","a","b","mergeDateRangeParams","options","inserted_at_date_range","rest","dateRangeParams","isInclusive","startOperator","endOperator","getFormattedTriggerData"],"mappings":"AAEO,SAASA,EAAiBC,GAA+B;AAC9D,QAAMC,IAAgC,CAAC,GACjCC,IAAqB,CAAC;AAE5B,SAAOF,EAAM,OAAO,CAACG,GAAKC,MACpBH,EAAKG,EAAK,EAAE,IACPD,KAGJF,EAAAG,EAAK,EAAE,IAAI,IACT,CAAC,GAAGD,GAAKC,CAAI,IACnBF,CAAM;AACX;AAEO,SAASG,EAAUL,GAAmB;AAC3C,SAAOA,EAAM,KAAK,CAACM,GAAGC,MAElB,IAAI,KAAKA,EAAE,WAAW,EAAE,YAAY,IAAI,KAAKD,EAAE,WAAW,EAAE,QAAQ,CAEvE;AACH;AAEO,SAASE,EAAqBC,GAA4B;AAC/D,QAAM,EAAE,wBAAAC,GAAwB,GAAGC,EAAA,IAASF;AAE5C,MAAI,CAACC;AACI,WAAAC;AAGT,QAAMC,IAA0C,CAAC,GAG3CC,IAAcH,EAAuB,aAAa;AAGxD,MAAIA,EAAuB,OAAO;AAC1B,UAAAI,IAAgBD,IAAc,oBAAoB;AACxC,IAAAD,EAAAE,CAAa,IAAIJ,EAAuB;AAAA,EAAA;AAI1D,MAAIA,EAAuB,KAAK;AACxB,UAAAK,IAAcF,IAAc,oBAAoB;AACtC,IAAAD,EAAAG,CAAW,IAAIL,EAAuB;AAAA,EAAA;AAGxD,SAAO,EAAE,GAAGC,GAAM,GAAGC,EAAgB;AACvC;AAMO,SAASI,EAAwBP,GAA4B;AAE9D,MAAA,QAAOA,KAAA,gBAAAA,EAAS,iBAAiB;AAC5B,WAAA,KAAK,UAAUA,EAAQ,YAAY;AAIxC,MAAA,QAAOA,KAAA,gBAAAA,EAAS,iBAAiB;AACnC,WAAOA,EAAQ;AAInB;"}

package/dist/esm/clients/guide/client.mjs

@@ -0,0 +1,284 @@
+var l = Object.defineProperty;
+var k = (o, e, t) => e in o ? l(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var c = (o, e, t) => k(o, typeof e != "symbol" ? e + "" : e, t);
+import { Store as m } from "@tanstack/store";
+import { URLPattern as p } from "urlpattern-polyfill";
+const u = (o) => [...o].sort(
+  (e, t) => t.priority - e.priority || new Date(t.inserted_at).getTime() - new Date(e.inserted_at).getTime()
+), g = (o) => `/v1/users/${o}/guides`;
+class v {
+  constructor(e, t, s = {}, n = {}) {
+    c(this, "store");
+    // Phoenix channels for real time guide updates over websocket
+    c(this, "socket");
+    c(this, "socketChannel");
+    c(this, "socketChannelTopic");
+    c(this, "socketEventTypes", ["guide.added", "guide.updated", "guide.removed"]);
+    // Original history methods to monkey patch, or restore in cleanups.
+    c(this, "pushStateFn");
+    c(this, "replaceStateFn");
+    // Define as an arrow func property to always bind this to the class instance.
+    c(this, "handleLocationChange", () => {
+      const e = window.location.href;
+      this.store.state.location !== e && (this.knock.log(`[Guide] Handle Location change: ${e}`), this.store.setState((t) => ({ ...t, location: e })));
+    });
+    this.knock = e, this.channelId = t, this.targetParams = s, this.options = n;
+    const { trackLocationFromWindow: i = !0 } = n, r = i ? window == null ? void 0 : window.location.href : void 0;
+    this.store = new m({
+      guides: [],
+      queries: {},
+      location: r
+    });
+    const { socket: a } = this.knock.client();
+    this.socket = a, this.socketChannelTopic = `guides:${t}`, i && this.listenForLocationChangesFromWindow(), this.knock.log("[Guide] Initialized a guide client");
+  }
+  cleanup() {
+    this.unsubscribe(), this.removeEventListeners();
+  }
+  async fetch(e) {
+    this.knock.failIfNotAuthenticated(), this.knock.log("[Guide] Loading all eligible guides");
+    const t = this.buildQueryParams(e == null ? void 0 : e.filters), s = this.formatQueryKey(t), n = this.store.state.queries[s];
+    if (n)
+      return n;
+    this.store.setState((r) => ({
+      ...r,
+      queries: { ...r.queries, [s]: { status: "loading" } }
+    }));
+    let i;
+    try {
+      const r = await this.knock.user.getGuides(this.channelId, t);
+      i = { status: "ok" }, this.store.setState((a) => ({
+        ...a,
+        // For now assume a single fetch to get all eligible guides. When/if
+        // we implement incremental loads, then this will need to be a merge
+        // and sort operation.
+        guides: r.entries.map((d) => this.localCopy(d)),
+        queries: { ...a.queries, [s]: i }
+      }));
+    } catch (r) {
+      i = { status: "error", error: r }, this.store.setState((a) => ({
+        ...a,
+        queries: { ...a.queries, [s]: i }
+      }));
+    }
+    return i;
+  }
+  subscribe() {
+    if (!this.socket) return;
+    this.knock.failIfNotAuthenticated(), this.knock.log("[Guide] Subscribing to real time updates"), this.socket.isConnected() || this.socket.connect(), this.socketChannel && this.unsubscribe();
+    const e = { ...this.targetParams, user_id: this.knock.userId }, t = this.socket.channel(this.socketChannelTopic, e);
+    for (const s of this.socketEventTypes)
+      t.on(s, (n) => this.handleSocketEvent(n));
+    ["closed", "errored"].includes(t.state) && t.join(), this.socketChannel = t;
+  }
+  unsubscribe() {
+    if (this.socketChannel) {
+      this.knock.log("[Guide] Unsubscribing from real time updates");
+      for (const e of this.socketEventTypes)
+        this.socketChannel.off(e);
+      this.socketChannel.leave(), this.socketChannel = void 0;
+    }
+  }
+  handleSocketEvent(e) {
+    const { event: t, data: s } = e;
+    switch (t) {
+      case "guide.added":
+        return this.addGuide(e);
+      case "guide.updated":
+        return s.eligible ? this.replaceOrAddGuide(e) : this.removeGuide(e);
+      case "guide.removed":
+        return this.removeGuide(e);
+      default:
+        return;
+    }
+  }
+  //
+  // Store selector
+  //
+  select(e, t = {}) {
+    return e.guides.filter((s) => {
+      if (t.type && t.type !== s.type || t.key && t.key !== s.key)
+        return !1;
+      const n = s.activation_location_rules || [];
+      return !(n.length > 0 && e.location && !n.reduce(
+        (r, a) => {
+          if (r === !1) return !1;
+          switch (a.directive) {
+            case "allow":
+              return r === !0 || a.pattern.test(e.location) ? !0 : void 0;
+            case "block":
+              return a.pattern.test(e.location) ? !1 : r;
+          }
+        },
+        void 0
+      ));
+    });
+  }
+  //
+  // Engagement event handlers
+  //
+  // Make an optimistic update on the client side first, then send an engagement
+  // event to the backend.
+  //
+  async markAsSeen(e, t) {
+    this.knock.log(
+      `[Guide] Marking as seen (Guide key: ${e.key}, Step ref:${t.ref})`
+    );
+    const s = this.setStepMessageAttrs(e.key, t.ref, {
+      seen_at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    if (!s) return;
+    const n = {
+      ...this.buildEngagementEventBaseParams(e, s),
+      content: s.content,
+      data: this.targetParams.data,
+      tenant: this.targetParams.tenant
+    };
+    return this.knock.user.markGuideStepAs(
+      "seen",
+      n
+    ), s;
+  }
+  async markAsInteracted(e, t, s) {
+    this.knock.log(
+      `[Guide] Marking as interacted (Guide key: ${e.key}, Step ref:${t.ref})`
+    );
+    const n = (/* @__PURE__ */ new Date()).toISOString(), i = this.setStepMessageAttrs(e.key, t.ref, {
+      read_at: n,
+      interacted_at: n
+    });
+    if (!i) return;
+    const r = {
+      ...this.buildEngagementEventBaseParams(e, i),
+      metadata: s
+    };
+    return this.knock.user.markGuideStepAs("interacted", r), i;
+  }
+  async markAsArchived(e, t) {
+    this.knock.log(
+      `[Guide] Marking as archived (Guide key: ${e.key}, Step ref:${t.ref})`
+    );
+    const s = this.setStepMessageAttrs(e.key, t.ref, {
+      archived_at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    if (!s) return;
+    const n = this.buildEngagementEventBaseParams(e, s);
+    return this.knock.user.markGuideStepAs(
+      "archived",
+      n
+    ), s;
+  }
+  //
+  // Helpers
+  //
+  localCopy(e) {
+    const t = this, s = { ...e };
+    return s.steps = e.steps.map(({ message: n, ...i }) => {
+      const r = {
+        ...i,
+        message: { ...n },
+        markAsSeen() {
+          if (!this.message.seen_at)
+            return t.markAsSeen(s, this);
+        },
+        markAsInteracted({ metadata: a } = {}) {
+          return t.markAsInteracted(s, this, a);
+        },
+        markAsArchived() {
+          if (!this.message.archived_at)
+            return t.markAsArchived(s, this);
+        }
+      };
+      return r.markAsSeen = r.markAsSeen.bind(r), r.markAsInteracted = r.markAsInteracted.bind(r), r.markAsArchived = r.markAsArchived.bind(r), r;
+    }), s.activation_location_rules = e.activation_location_rules.map((n) => ({
+      ...n,
+      pattern: new p({ pathname: n.pathname })
+    })), s;
+  }
+  buildQueryParams(e = {}) {
+    const t = { ...this.targetParams, ...e };
+    let s = Object.fromEntries(
+      Object.entries(t).filter(
+        ([n, i]) => i != null
+      )
+    );
+    return s = s.data ? { ...s, data: JSON.stringify(s.data) } : s, s;
+  }
+  formatQueryKey(e) {
+    const s = Object.keys(e).sort().map(
+      (i) => `${encodeURIComponent(i)}=${encodeURIComponent(e[i])}`
+    ).join("&"), n = g(this.knock.userId);
+    return s ? `${n}?${s}` : n;
+  }
+  setStepMessageAttrs(e, t, s) {
+    let n;
+    return this.store.setState((i) => {
+      const r = i.guides.map((a) => {
+        if (a.key !== e) return a;
+        const d = a.steps.map((h) => (h.ref !== t || (h.message = { ...h.message, ...s }, n = h), h));
+        return { ...a, steps: d };
+      });
+      return { ...i, guides: r };
+    }), n;
+  }
+  buildEngagementEventBaseParams(e, t) {
+    return {
+      message_id: t.message.id,
+      channel_id: e.channel_id,
+      guide_key: e.key,
+      guide_id: e.id,
+      guide_step_ref: t.ref
+    };
+  }
+  addGuide({ data: e }) {
+    const t = this.localCopy(e.guide);
+    this.store.setState((s) => ({ ...s, guides: u([...s.guides, t]) }));
+  }
+  replaceOrAddGuide({ data: e }) {
+    const t = this.localCopy(e.guide);
+    this.store.setState((s) => {
+      let n = !1;
+      const i = s.guides.map((r) => r.key !== t.key ? r : (n = !0, t));
+      return {
+        ...s,
+        guides: u(n ? i : [...i, t])
+      };
+    });
+  }
+  removeGuide({ data: e }) {
+    this.store.setState((t) => {
+      const s = t.guides.filter((n) => n.key !== e.guide.key);
+      return { ...t, guides: s };
+    });
+  }
+  listenForLocationChangesFromWindow() {
+    if (window != null && window.history) {
+      window.addEventListener("popstate", this.handleLocationChange), window.addEventListener("hashchange", this.handleLocationChange);
+      const e = window.history.pushState, t = window.history.replaceState;
+      window.history.pushState = new Proxy(e, {
+        apply: (s, n, i) => {
+          Reflect.apply(s, n, i), setTimeout(() => {
+            this.handleLocationChange();
+          }, 0);
+        }
+      }), window.history.replaceState = new Proxy(t, {
+        apply: (s, n, i) => {
+          Reflect.apply(s, n, i), setTimeout(() => {
+            this.handleLocationChange();
+          }, 0);
+        }
+      }), this.pushStateFn = e, this.replaceStateFn = t;
+    } else
+      this.knock.log(
+        "[Guide] Unable to access the `window.history` object to detect location changes"
+      );
+  }
+  removeEventListeners() {
+    window.removeEventListener("popstate", this.handleLocationChange), window.removeEventListener("hashchange", this.handleLocationChange), this.pushStateFn && (window.history.pushState = this.pushStateFn, this.pushStateFn = void 0), this.replaceStateFn && (window.history.replaceState = this.replaceStateFn, this.replaceStateFn = void 0);
+  }
+}
+export {
+  v as KnockGuideClient,
+  g as guidesApiRootPath
+};
+//# sourceMappingURL=client.mjs.map

package/dist/esm/clients/guide/client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.mjs","sources":["../../../../src/clients/guide/client.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport { Store } from \"@tanstack/store\";\nimport { Channel, Socket } from \"phoenix\";\nimport { URLPattern } from \"urlpattern-polyfill\";\n\nimport Knock from \"../../knock\";\n\nconst sortGuides = (guides: KnockGuide[]) => {\n  return [...guides].sort(\n    (a, b) =>\n      b.priority - a.priority ||\n      new Date(b.inserted_at).getTime() - new Date(a.inserted_at).getTime(),\n  );\n};\n\n//\n// Guides API (via User client)\n//\n\nexport const guidesApiRootPath = (userId: string | undefined | null) =>\n  `/v1/users/${userId}/guides`;\n\ninterface StepMessageState {\n  id: string;\n  seen_at: string | null;\n  read_at: string | null;\n  interacted_at: string | null;\n  archived_at: string | null;\n  link_clicked_at: string | null;\n}\n\ninterface GuideStepData {\n  ref: string;\n  schema_key: string;\n  schema_semver: string;\n  schema_variant_key: string;\n  message: StepMessageState;\n  // eslint-disable-next-line\n  content: any;\n}\n\ninterface GuideActivationLocationRuleData {\n  directive: \"allow\" | \"block\";\n  pathname: string;\n}\n\ninterface GuideData {\n  __typename: \"Guide\";\n  channel_id: string;\n  id: string;\n  key: string;\n  priority: number;\n  type: string;\n  semver: string;\n  steps: GuideStepData[];\n  activation_location_rules: GuideActivationLocationRuleData[];\n  inserted_at: string;\n  updated_at: string;\n}\n\nexport interface KnockGuideStep extends GuideStepData {\n  markAsSeen: () => void;\n  markAsInteracted: (params?: { metadata?: GenericData }) => void;\n  markAsArchived: () => void;\n}\n\ninterface KnockGuideActivationLocationRule\n  extends GuideActivationLocationRuleData {\n  pattern: URLPattern;\n}\n\nexport interface KnockGuide extends GuideData {\n  steps: KnockGuideStep[];\n  activation_location_rules: KnockGuideActivationLocationRule[];\n}\n\ntype GetGuidesQueryParams = {\n  data?: string;\n  tenant?: string;\n  type?: string;\n};\n\ntype GetGuidesResponse = {\n  entries: GuideData[];\n};\n\nexport type GuideEngagementEventBaseParams = {\n  // Base params required for all engagement update events\n  message_id: string;\n  channel_id: string;\n  guide_key: string;\n  guide_id: string;\n  guide_step_ref: string;\n};\n\ntype MarkAsSeenParams = GuideEngagementEventBaseParams & {\n  // Rendered step content seen by the recipient\n  content: GenericData;\n  // Target params\n  data?: GenericData;\n  tenant?: string;\n};\ntype MarkAsInteractedParams = GuideEngagementEventBaseParams;\ntype MarkAsArchivedParams = GuideEngagementEventBaseParams;\n\ntype MarkGuideAsResponse = {\n  status: \"ok\";\n};\n\ntype SocketEventType = \"guide.added\" | \"guide.updated\" | \"guide.removed\";\n\ntype SocketEventPayload<E extends SocketEventType, D> = {\n  topic: string;\n  event: E;\n  data: D;\n};\n\ntype GuideAddedEvent = SocketEventPayload<\n  \"guide.added\",\n  { guide: GuideData; eligible: true }\n>;\n\ntype GuideUpdatedEvent = SocketEventPayload<\n  \"guide.updated\",\n  { guide: GuideData; eligible: boolean }\n>;\n\ntype GuideRemovedEvent = SocketEventPayload<\n  \"guide.removed\",\n  { guide: Pick<GuideData, \"key\"> }\n>;\n\ntype GuideSocketEvent = GuideAddedEvent | GuideUpdatedEvent | GuideRemovedEvent;\n\n//\n// Guides client\n//\n\ntype QueryKey = string;\n\ntype QueryStatus = {\n  status: \"loading\" | \"ok\" | \"error\";\n  error?: Error;\n};\n\ntype StoreState = {\n  guides: KnockGuide[];\n  queries: Record<QueryKey, QueryStatus>;\n  location: string | undefined;\n};\n\ntype QueryFilterParams = Pick<GetGuidesQueryParams, \"type\">;\n\nexport type SelectFilterParams = {\n  key?: string;\n  type?: string;\n};\n\nexport type TargetParams = {\n  data?: GenericData | undefined;\n  tenant?: string | undefined;\n};\n\ntype ConstructorOpts = {\n  trackLocationFromWindow?: boolean;\n};\n\nexport class KnockGuideClient {\n  public store: Store<StoreState, (state: StoreState) => StoreState>;\n\n  // Phoenix channels for real time guide updates over websocket\n  private socket: Socket | undefined;\n  private socketChannel: Channel | undefined;\n  private socketChannelTopic: string;\n  private socketEventTypes = [\"guide.added\", \"guide.updated\", \"guide.removed\"];\n\n  // Original history methods to monkey patch, or restore in cleanups.\n  private pushStateFn: History[\"pushState\"] | undefined;\n  private replaceStateFn: History[\"replaceState\"] | undefined;\n\n  constructor(\n    readonly knock: Knock,\n    readonly channelId: string,\n    readonly targetParams: TargetParams = {},\n    readonly options: ConstructorOpts = {},\n  ) {\n    const { trackLocationFromWindow = true } = options;\n\n    const location = trackLocationFromWindow\n      ? window?.location.href\n      : undefined;\n\n    this.store = new Store<StoreState>({\n      guides: [],\n      queries: {},\n      location,\n    });\n\n    // In server environments we might not have a socket connection.\n    const { socket: maybeSocket } = this.knock.client();\n    this.socket = maybeSocket;\n    this.socketChannelTopic = `guides:${channelId}`;\n\n    if (trackLocationFromWindow) {\n      this.listenForLocationChangesFromWindow();\n    }\n\n    this.knock.log(\"[Guide] Initialized a guide client\");\n  }\n\n  cleanup() {\n    this.unsubscribe();\n    this.removeEventListeners();\n  }\n\n  async fetch(opts?: { filters?: QueryFilterParams }) {\n    this.knock.failIfNotAuthenticated();\n    this.knock.log(\"[Guide] Loading all eligible guides\");\n\n    const queryParams = this.buildQueryParams(opts?.filters);\n    const queryKey = this.formatQueryKey(queryParams);\n\n    // If already fetched before, then noop.\n    const maybeQueryStatus = this.store.state.queries[queryKey];\n    if (maybeQueryStatus) {\n      return maybeQueryStatus;\n    }\n\n    // Mark this query status as loading.\n    this.store.setState((state) => ({\n      ...state,\n      queries: { ...state.queries, [queryKey]: { status: \"loading\" } },\n    }));\n\n    let queryStatus: QueryStatus;\n    try {\n      const data = await this.knock.user.getGuides<\n        GetGuidesQueryParams,\n        GetGuidesResponse\n      >(this.channelId, queryParams);\n      queryStatus = { status: \"ok\" };\n\n      this.store.setState((state) => ({\n        ...state,\n        // For now assume a single fetch to get all eligible guides. When/if\n        // we implement incremental loads, then this will need to be a merge\n        // and sort operation.\n        guides: data.entries.map((g) => this.localCopy(g)),\n        queries: { ...state.queries, [queryKey]: queryStatus },\n      }));\n    } catch (e) {\n      queryStatus = { status: \"error\", error: e as Error };\n\n      this.store.setState((state) => ({\n        ...state,\n        queries: { ...state.queries, [queryKey]: queryStatus },\n      }));\n    }\n\n    return queryStatus;\n  }\n\n  subscribe() {\n    if (!this.socket) return;\n    this.knock.failIfNotAuthenticated();\n    this.knock.log(\"[Guide] Subscribing to real time updates\");\n\n    // Ensure a live socket connection if not yet connected.\n    if (!this.socket.isConnected()) {\n      this.socket.connect();\n    }\n\n    // If there's an existing connected channel, then disconnect.\n    if (this.socketChannel) {\n      this.unsubscribe();\n    }\n\n    // Join the channel topic and subscribe to supported events.\n    const params = { ...this.targetParams, user_id: this.knock.userId };\n    const newChannel = this.socket.channel(this.socketChannelTopic, params);\n\n    for (const eventType of this.socketEventTypes) {\n      newChannel.on(eventType, (payload) => this.handleSocketEvent(payload));\n    }\n\n    if ([\"closed\", \"errored\"].includes(newChannel.state)) {\n      newChannel.join();\n    }\n\n    // Track the joined channel.\n    this.socketChannel = newChannel;\n  }\n\n  unsubscribe() {\n    if (!this.socketChannel) return;\n    this.knock.log(\"[Guide] Unsubscribing from real time updates\");\n\n    // Unsubscribe from the socket events and leave the channel.\n    for (const eventType of this.socketEventTypes) {\n      this.socketChannel.off(eventType);\n    }\n    this.socketChannel.leave();\n\n    // Unset the channel.\n    this.socketChannel = undefined;\n  }\n\n  private handleSocketEvent(payload: GuideSocketEvent) {\n    const { event, data } = payload;\n\n    switch (event) {\n      case \"guide.added\":\n        return this.addGuide(payload);\n\n      case \"guide.updated\":\n        return data.eligible\n          ? this.replaceOrAddGuide(payload)\n          : this.removeGuide(payload);\n\n      case \"guide.removed\":\n        return this.removeGuide(payload);\n\n      default:\n        return;\n    }\n  }\n\n  //\n  // Store selector\n  //\n\n  select(state: StoreState, filters: SelectFilterParams = {}) {\n    return state.guides.filter((guide) => {\n      if (filters.type && filters.type !== guide.type) {\n        return false;\n      }\n\n      if (filters.key && filters.key !== guide.key) {\n        return false;\n      }\n\n      const locationRules = guide.activation_location_rules || [];\n\n      if (locationRules.length > 0 && state.location) {\n        const allowed = locationRules.reduce<boolean | undefined>(\n          (acc, rule) => {\n            // Any matched block rule prevails so no need to evaluate further\n            // as soon as there is one.\n            if (acc === false) return false;\n\n            // At this point we either have a matched allow rule (acc is true),\n            // or no matched rule found yet (acc is undefined).\n\n            switch (rule.directive) {\n              case \"allow\": {\n                // No need to evaluate more allow rules once we matched one\n                // since any matched allowed rule means allow.\n                if (acc === true) return true;\n\n                const matched = rule.pattern.test(state.location);\n                return matched ? true : undefined;\n              }\n\n              case \"block\": {\n                // Always test block rules (unless already matched to block)\n                // because they'd prevail over matched allow rules.\n                const matched = rule.pattern.test(state.location);\n                return matched ? false : acc;\n              }\n            }\n          },\n          undefined,\n        );\n\n        if (!allowed) return false;\n      }\n\n      return true;\n    });\n  }\n\n  //\n  // Engagement event handlers\n  //\n  // Make an optimistic update on the client side first, then send an engagement\n  // event to the backend.\n  //\n\n  async markAsSeen(guide: GuideData, step: GuideStepData) {\n    this.knock.log(\n      `[Guide] Marking as seen (Guide key: ${guide.key}, Step ref:${step.ref})`,\n    );\n\n    const updatedStep = this.setStepMessageAttrs(guide.key, step.ref, {\n      seen_at: new Date().toISOString(),\n    });\n    if (!updatedStep) return;\n\n    const params = {\n      ...this.buildEngagementEventBaseParams(guide, updatedStep),\n      content: updatedStep.content,\n      data: this.targetParams.data,\n      tenant: this.targetParams.tenant,\n    };\n\n    this.knock.user.markGuideStepAs<MarkAsSeenParams, MarkGuideAsResponse>(\n      \"seen\",\n      params,\n    );\n\n    return updatedStep;\n  }\n\n  async markAsInteracted(\n    guide: GuideData,\n    step: GuideStepData,\n    metadata?: GenericData,\n  ) {\n    this.knock.log(\n      `[Guide] Marking as interacted (Guide key: ${guide.key}, Step ref:${step.ref})`,\n    );\n\n    const ts = new Date().toISOString();\n    const updatedStep = this.setStepMessageAttrs(guide.key, step.ref, {\n      read_at: ts,\n      interacted_at: ts,\n    });\n    if (!updatedStep) return;\n\n    const params = {\n      ...this.buildEngagementEventBaseParams(guide, updatedStep),\n      metadata,\n    };\n\n    this.knock.user.markGuideStepAs<\n      MarkAsInteractedParams,\n      MarkGuideAsResponse\n    >(\"interacted\", params);\n\n    return updatedStep;\n  }\n\n  async markAsArchived(guide: GuideData, step: GuideStepData) {\n    this.knock.log(\n      `[Guide] Marking as archived (Guide key: ${guide.key}, Step ref:${step.ref})`,\n    );\n\n    const updatedStep = this.setStepMessageAttrs(guide.key, step.ref, {\n      archived_at: new Date().toISOString(),\n    });\n    if (!updatedStep) return;\n\n    const params = this.buildEngagementEventBaseParams(guide, updatedStep);\n\n    this.knock.user.markGuideStepAs<MarkAsArchivedParams, MarkGuideAsResponse>(\n      \"archived\",\n      params,\n    );\n\n    return updatedStep;\n  }\n\n  //\n  // Helpers\n  //\n\n  private localCopy(remoteGuide: GuideData) {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const self = this;\n\n    // Build a local copy with helper methods added.\n    const localGuide = { ...remoteGuide };\n\n    localGuide.steps = remoteGuide.steps.map(({ message, ...rest }) => {\n      const localStep = {\n        ...rest,\n        message: { ...message },\n        markAsSeen() {\n          // Send a seen event if it has not been previously seen.\n          if (this.message.seen_at) return;\n          return self.markAsSeen(localGuide, this);\n        },\n        markAsInteracted({ metadata }: { metadata?: GenericData } = {}) {\n          // Always send an interaction event through.\n          return self.markAsInteracted(localGuide, this, metadata);\n        },\n        markAsArchived() {\n          // Send an archived event if it has not been previously archived.\n          if (this.message.archived_at) return;\n          return self.markAsArchived(localGuide, this);\n        },\n      };\n\n      // Bind all engagement action handler methods to the local step object so\n      // they can operate on itself.\n      localStep.markAsSeen = localStep.markAsSeen.bind(localStep);\n      localStep.markAsInteracted = localStep.markAsInteracted.bind(localStep);\n      localStep.markAsArchived = localStep.markAsArchived.bind(localStep);\n\n      return localStep;\n    });\n\n    localGuide.activation_location_rules =\n      remoteGuide.activation_location_rules.map((rule) => {\n        return {\n          ...rule,\n          pattern: new URLPattern({ pathname: rule.pathname }),\n        };\n      });\n\n    return localGuide as KnockGuide;\n  }\n\n  private buildQueryParams(filterParams: QueryFilterParams = {}) {\n    // Combine the target params with the given filter params.\n    const combinedParams = { ...this.targetParams, ...filterParams };\n\n    // Prune out any keys that have an undefined or null value.\n    let params = Object.fromEntries(\n      Object.entries(combinedParams).filter(\n        ([_k, v]) => v !== undefined && v !== null,\n      ),\n    );\n\n    // Encode target data as a JSON string, if provided.\n    params = params.data\n      ? { ...params, data: JSON.stringify(params.data) }\n      : params;\n\n    return params as GetGuidesQueryParams;\n  }\n\n  private formatQueryKey(queryParams: GenericData) {\n    const sortedKeys = Object.keys(queryParams).sort();\n\n    const queryStr = sortedKeys\n      .map(\n        (key) =>\n          `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`,\n      )\n      .join(\"&\");\n\n    const basePath = guidesApiRootPath(this.knock.userId);\n    return queryStr ? `${basePath}?${queryStr}` : basePath;\n  }\n\n  private setStepMessageAttrs(\n    guideKey: string,\n    stepRef: string,\n    attrs: Partial<StepMessageState>,\n  ) {\n    let updatedStep: KnockGuideStep | undefined;\n\n    this.store.setState((state) => {\n      const guides = state.guides.map((guide) => {\n        if (guide.key !== guideKey) return guide;\n\n        const steps = guide.steps.map((step) => {\n          if (step.ref !== stepRef) return step;\n\n          // Mutate in place and maintain the same obj ref so to make it easier\n          // to use in hook deps.\n          step.message = { ...step.message, ...attrs };\n          updatedStep = step;\n\n          return step;\n        });\n        return { ...guide, steps };\n      });\n      return { ...state, guides };\n    });\n\n    return updatedStep;\n  }\n\n  private buildEngagementEventBaseParams(\n    guide: GuideData,\n    step: GuideStepData,\n  ) {\n    return {\n      message_id: step.message.id,\n      channel_id: guide.channel_id,\n      guide_key: guide.key,\n      guide_id: guide.id,\n      guide_step_ref: step.ref,\n    };\n  }\n\n  private addGuide({ data }: GuideAddedEvent) {\n    const guide = this.localCopy(data.guide);\n\n    this.store.setState((state) => {\n      return { ...state, guides: sortGuides([...state.guides, guide]) };\n    });\n  }\n\n  private replaceOrAddGuide({ data }: GuideUpdatedEvent) {\n    const guide = this.localCopy(data.guide);\n\n    this.store.setState((state) => {\n      let replaced = false;\n\n      const guides = state.guides.map((g) => {\n        if (g.key !== guide.key) return g;\n        replaced = true;\n        return guide;\n      });\n\n      return {\n        ...state,\n        guides: replaced ? sortGuides(guides) : sortGuides([...guides, guide]),\n      };\n    });\n  }\n\n  private removeGuide({ data }: GuideUpdatedEvent | GuideRemovedEvent) {\n    this.store.setState((state) => {\n      const guides = state.guides.filter((g) => g.key !== data.guide.key);\n      return { ...state, guides };\n    });\n  }\n\n  // Define as an arrow func property to always bind this to the class instance.\n  private handleLocationChange = () => {\n    const href = window.location.href;\n    if (this.store.state.location === href) return;\n\n    this.knock.log(`[Guide] Handle Location change: ${href}`);\n\n    this.store.setState((state) => ({ ...state, location: href }));\n  };\n\n  private listenForLocationChangesFromWindow() {\n    if (window?.history) {\n      // 1. Listen for browser back/forward button clicks.\n      window.addEventListener(\"popstate\", this.handleLocationChange);\n\n      // 2. Listen for hash changes in case it's used for routing.\n      window.addEventListener(\"hashchange\", this.handleLocationChange);\n\n      // 3. Monkey-patch history methods to catch programmatic navigation.\n      const pushStateFn = window.history.pushState;\n      const replaceStateFn = window.history.replaceState;\n\n      // Use setTimeout to allow the browser state to potentially settle.\n      window.history.pushState = new Proxy(pushStateFn, {\n        apply: (target, history, args) => {\n          Reflect.apply(target, history, args);\n          setTimeout(() => {\n            this.handleLocationChange();\n          }, 0);\n        },\n      });\n      window.history.replaceState = new Proxy(replaceStateFn, {\n        apply: (target, history, args) => {\n          Reflect.apply(target, history, args);\n          setTimeout(() => {\n            this.handleLocationChange();\n          }, 0);\n        },\n      });\n\n      // 4. Keep refs to the original handlers so we can restore during cleanup.\n      this.pushStateFn = pushStateFn;\n      this.replaceStateFn = replaceStateFn;\n    } else {\n      this.knock.log(\n        \"[Guide] Unable to access the `window.history` object to detect location changes\",\n      );\n    }\n  }\n\n  private removeEventListeners() {\n    window.removeEventListener(\"popstate\", this.handleLocationChange);\n    window.removeEventListener(\"hashchange\", this.handleLocationChange);\n\n    if (this.pushStateFn) {\n      window.history.pushState = this.pushStateFn;\n      this.pushStateFn = undefined;\n    }\n    if (this.replaceStateFn) {\n      window.history.replaceState = this.replaceStateFn;\n      this.replaceStateFn = undefined;\n    }\n  }\n}\n"],"names":["sortGuides","guides","a","b","guidesApiRootPath","userId","KnockGuideClient","knock","channelId","targetParams","options","__publicField","href","state","trackLocationFromWindow","location","Store","maybeSocket","opts","queryParams","queryKey","maybeQueryStatus","queryStatus","data","g","e","params","newChannel","eventType","payload","event","filters","guide","locationRules","acc","rule","step","updatedStep","metadata","ts","remoteGuide","self","localGuide","message","rest","localStep","URLPattern","filterParams","combinedParams","_k","v","queryStr","key","basePath","guideKey","stepRef","attrs","steps","replaced","pushStateFn","replaceStateFn","target","history","args"],"mappings":"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"}