@knocklabs/client 0.10.10 → 0.10.12

package/dist/cjs/knock.js.map

@@ -1 +1 @@
-{"version":3,"file":"knock.js","sources":["../../src/knock.ts"],"sourcesContent":["import { jwtDecode } from \"jwt-decode\";\n\nimport ApiClient from \"./api\";\nimport FeedClient from \"./clients/feed\";\nimport MessageClient from \"./clients/messages\";\nimport ObjectClient from \"./clients/objects\";\nimport Preferences from \"./clients/preferences\";\nimport SlackClient from \"./clients/slack\";\nimport UserClient from \"./clients/users\";\nimport {\n  AuthenticateOptions,\n  KnockOptions,\n  LogLevel,\n  UserTokenExpiringCallback,\n} from \"./interfaces\";\n\nconst DEFAULT_HOST = \"https://api.knock.app\";\n\nclass Knock {\n  public host: string;\n  private apiClient: ApiClient | null = null;\n  public userId: string | undefined;\n  public userToken?: string;\n  public logLevel?: LogLevel;\n  private tokenExpirationTimer: ReturnType<typeof setTimeout> | null = null;\n  readonly feeds = new FeedClient(this);\n  readonly objects = new ObjectClient(this);\n  readonly preferences = new Preferences(this);\n  readonly slack = new SlackClient(this);\n  readonly user = new UserClient(this);\n  readonly messages = new MessageClient(this);\n\n  constructor(\n    readonly apiKey: string,\n    options: KnockOptions = {},\n  ) {\n    this.host = options.host || DEFAULT_HOST;\n    this.logLevel = options.logLevel;\n\n    this.log(\"Initialized Knock instance\");\n\n    // Fail loudly if we're using the wrong API key\n    if (this.apiKey && this.apiKey.startsWith(\"sk_\")) {\n      throw new Error(\n        \"[Knock] You are using your secret API key on the client. Please use the public key.\",\n      );\n    }\n  }\n\n  client() {\n    if (!this.userId) {\n      console.warn(\n        `[Knock] You must call authenticate(userId, userToken) first before trying to make a request.\n        Typically you'll see this message when you're creating a feed instance before having called\n        authenticate with a user Id and token. That means we won't know who to issue the request\n        to Knock on behalf of.\n        `,\n      );\n    }\n\n    // Initiate a new API client if we don't have one yet\n    if (!this.apiClient) {\n      this.apiClient = this.createApiClient();\n    }\n\n    return this.apiClient;\n  }\n\n  /*\n    Authenticates the current user. In non-sandbox environments\n    the userToken must be specified.\n  */\n  authenticate(\n    userId: string,\n    userToken?: string,\n    options?: AuthenticateOptions,\n  ) {\n    let reinitializeApi = false;\n    const currentApiClient = this.apiClient;\n\n    // If we've previously been initialized and the values have now changed, then we\n    // need to reinitialize any stateful connections we have\n    if (\n      currentApiClient &&\n      (this.userId !== userId || this.userToken !== userToken)\n    ) {\n      this.log(\"userId or userToken changed; reinitializing connections\");\n      this.feeds.teardownInstances();\n      this.teardown();\n      reinitializeApi = true;\n    }\n\n    this.userId = userId;\n    this.userToken = userToken;\n\n    this.log(`Authenticated with userId ${userId}`);\n\n    if (this.userToken && options?.onUserTokenExpiring instanceof Function) {\n      this.maybeScheduleUserTokenExpiration(\n        options.onUserTokenExpiring,\n        options.timeBeforeExpirationInMs,\n      );\n    }\n\n    // If we get the signal to reinitialize the api client, then we want to create a new client\n    // and the reinitialize any existing feed real-time connections we have so everything continues\n    // to work with the new credentials we've been given\n    if (reinitializeApi) {\n      this.apiClient = this.createApiClient();\n      this.feeds.reinitializeInstances();\n      this.log(\"Reinitialized real-time connections\");\n    }\n\n    return;\n  }\n\n  /*\n    Returns whether or this Knock instance is authenticated. Passing `true` will check the presence\n    of the userToken as well.\n  */\n  isAuthenticated(checkUserToken = false) {\n    return checkUserToken ? !!(this.userId && this.userToken) : !!this.userId;\n  }\n\n  // Used to teardown any connected instances\n  teardown() {\n    if (this.tokenExpirationTimer) {\n      clearTimeout(this.tokenExpirationTimer);\n    }\n    if (this.apiClient?.socket && this.apiClient.socket.isConnected()) {\n      this.apiClient.socket.disconnect();\n    }\n  }\n\n  log(message: string) {\n    if (this.logLevel === \"debug\") {\n      console.log(`[Knock] ${message}`);\n    }\n  }\n\n  /**\n   * Initiates an API client\n   */\n  private createApiClient() {\n    return new ApiClient({\n      apiKey: this.apiKey,\n      host: this.host,\n      userToken: this.userToken,\n    });\n  }\n\n  private async maybeScheduleUserTokenExpiration(\n    callbackFn: UserTokenExpiringCallback,\n    timeBeforeExpirationInMs: number = 30_000,\n  ) {\n    if (!this.userToken) return;\n\n    const decoded = jwtDecode(this.userToken);\n    const expiresAtMs = (decoded.exp ?? 0) * 1000;\n    const nowMs = Date.now();\n\n    // Expiration is in the future\n    if (expiresAtMs && expiresAtMs > nowMs) {\n      // Check how long until the token should be regenerated\n      // | ----------------- | ----------------------- |\n      // ^ now               ^ expiration offset       ^ expires at\n      const msInFuture = expiresAtMs - timeBeforeExpirationInMs - nowMs;\n\n      this.tokenExpirationTimer = setTimeout(async () => {\n        const newToken = await callbackFn(this.userToken as string, decoded);\n\n        // Reauthenticate which will handle reinitializing sockets\n        if (typeof newToken === \"string\") {\n          this.authenticate(this.userId!, newToken, {\n            onUserTokenExpiring: callbackFn,\n            timeBeforeExpirationInMs: timeBeforeExpirationInMs,\n          });\n        }\n      }, msInFuture);\n    }\n  }\n}\n\nexport default Knock;\n"],"names":["DEFAULT_HOST","Knock","apiKey","options","__publicField","FeedClient","ObjectClient","Preferences","SlackClient","UserClient","MessageClient","userId","userToken","reinitializeApi","checkUserToken","_a","message","ApiClient","callbackFn","timeBeforeExpirationInMs","decoded","jwtDecode","expiresAtMs","nowMs","msInFuture","newToken"],"mappings":"sjBAgBMA,EAAe,wBAErB,MAAMC,CAAM,CAcV,YACWC,EACTC,EAAwB,GACxB,CAhBKC,EAAA,aACCA,EAAA,iBAA8B,MAC/BA,EAAA,eACAA,EAAA,kBACAA,EAAA,iBACCA,EAAA,4BAA6D,MAC5DA,EAAA,aAAQ,IAAIC,UAAW,IAAI,GAC3BD,EAAA,eAAU,IAAIE,UAAa,IAAI,GAC/BF,EAAA,mBAAc,IAAIG,UAAY,IAAI,GAClCH,EAAA,aAAQ,IAAII,UAAY,IAAI,GAC5BJ,EAAA,YAAO,IAAIK,UAAW,IAAI,GAC1BL,EAAA,gBAAW,IAAIM,UAAc,IAAI,GAYxC,GATS,KAAA,OAAAR,EAGJ,KAAA,KAAOC,EAAQ,MAAQH,EAC5B,KAAK,SAAWG,EAAQ,SAExB,KAAK,IAAI,4BAA4B,EAGjC,KAAK,QAAU,KAAK,OAAO,WAAW,KAAK,EAC7C,MAAM,IAAI,MACR,qFAAA,CAGN,CAEA,QAAS,CACH,OAAC,KAAK,QACA,QAAA,KACN;AAAA;AAAA;AAAA;AAAA,SAAA,EASC,KAAK,YACH,KAAA,UAAY,KAAK,mBAGjB,KAAK,SACd,CAMA,aACEQ,EACAC,EACAT,EACA,CACA,IAAIU,EAAkB,GACG,KAAK,YAM3B,KAAK,SAAWF,GAAU,KAAK,YAAcC,KAE9C,KAAK,IAAI,yDAAyD,EAClE,KAAK,MAAM,oBACX,KAAK,SAAS,EACIC,EAAA,IAGpB,KAAK,OAASF,EACd,KAAK,UAAYC,EAEZ,KAAA,IAAI,6BAA6BD,CAAM,EAAE,EAE1C,KAAK,YAAaR,GAAA,YAAAA,EAAS,+BAA+B,UACvD,KAAA,iCACHA,EAAQ,oBACRA,EAAQ,wBAAA,EAORU,IACG,KAAA,UAAY,KAAK,kBACtB,KAAK,MAAM,wBACX,KAAK,IAAI,qCAAqC,EAIlD,CAMA,gBAAgBC,EAAiB,GAAO,CAC/B,OAAAA,EAAiB,CAAC,EAAE,KAAK,QAAU,KAAK,WAAa,CAAC,CAAC,KAAK,MACrE,CAGA,UAAW,OACL,KAAK,sBACP,aAAa,KAAK,oBAAoB,GAEpCC,EAAA,KAAK,YAAL,MAAAA,EAAgB,QAAU,KAAK,UAAU,OAAO,eAC7C,KAAA,UAAU,OAAO,YAE1B,CAEA,IAAIC,EAAiB,CACf,KAAK,WAAa,SACZ,QAAA,IAAI,WAAWA,CAAO,EAAE,CAEpC,CAKQ,iBAAkB,CACxB,OAAO,IAAIC,EAAAA,QAAU,CACnB,OAAQ,KAAK,OACb,KAAM,KAAK,KACX,UAAW,KAAK,SAAA,CACjB,CACH,CAEA,MAAc,iCACZC,EACAC,EAAmC,IACnC,CACA,GAAI,CAAC,KAAK,UAAW,OAEf,MAAAC,EAAUC,EAAAA,UAAU,KAAK,SAAS,EAClCC,GAAeF,EAAQ,KAAO,GAAK,IACnCG,EAAQ,KAAK,MAGf,GAAAD,GAAeA,EAAcC,EAAO,CAIhC,MAAAC,EAAaF,EAAcH,EAA2BI,EAEvD,KAAA,qBAAuB,WAAW,SAAY,CACjD,MAAME,EAAW,MAAMP,EAAW,KAAK,UAAqBE,CAAO,EAG/D,OAAOK,GAAa,UACjB,KAAA,aAAa,KAAK,OAASA,EAAU,CACxC,oBAAqBP,EACrB,yBAAAC,CAAA,CACD,GAEFK,CAAU,CACf,CACF,CACF"}
+{"version":3,"file":"knock.js","sources":["../../src/knock.ts"],"sourcesContent":["import { jwtDecode } from \"jwt-decode\";\n\nimport ApiClient from \"./api\";\nimport FeedClient from \"./clients/feed\";\nimport MessageClient from \"./clients/messages\";\nimport ObjectClient from \"./clients/objects\";\nimport Preferences from \"./clients/preferences\";\nimport SlackClient from \"./clients/slack\";\nimport UserClient from \"./clients/users\";\nimport {\n  AuthenticateOptions,\n  KnockOptions,\n  LogLevel,\n  UserTokenExpiringCallback,\n} from \"./interfaces\";\n\nconst DEFAULT_HOST = \"https://api.knock.app\";\n\nclass Knock {\n  public host: string;\n  private apiClient: ApiClient | null = null;\n  public userId: string | undefined;\n  public userToken?: string;\n  public logLevel?: LogLevel;\n  private tokenExpirationTimer: ReturnType<typeof setTimeout> | null = null;\n  readonly feeds = new FeedClient(this);\n  readonly objects = new ObjectClient(this);\n  readonly preferences = new Preferences(this);\n  readonly slack = new SlackClient(this);\n  readonly user = new UserClient(this);\n  readonly messages = new MessageClient(this);\n\n  constructor(\n    readonly apiKey: string,\n    options: KnockOptions = {},\n  ) {\n    this.host = options.host || DEFAULT_HOST;\n    this.logLevel = options.logLevel;\n\n    this.log(\"Initialized Knock instance\");\n\n    // Fail loudly if we're using the wrong API key\n    if (this.apiKey && this.apiKey.startsWith(\"sk_\")) {\n      throw new Error(\n        \"[Knock] You are using your secret API key on the client. Please use the public key.\",\n      );\n    }\n  }\n\n  client() {\n    if (!this.userId) {\n      console.warn(\n        `[Knock] You must call authenticate(userId, userToken) first before trying to make a request.\n        Typically you'll see this message when you're creating a feed instance before having called\n        authenticate with a user Id and token. That means we won't know who to issue the request\n        to Knock on behalf of.\n        `,\n      );\n    }\n\n    // Initiate a new API client if we don't have one yet\n    if (!this.apiClient) {\n      this.apiClient = this.createApiClient();\n    }\n\n    return this.apiClient;\n  }\n\n  /*\n    Authenticates the current user. In non-sandbox environments\n    the userToken must be specified.\n  */\n  authenticate(\n    userId: string,\n    userToken?: string,\n    options?: AuthenticateOptions,\n  ) {\n    let reinitializeApi = false;\n    const currentApiClient = this.apiClient;\n\n    // If we've previously been initialized and the values have now changed, then we\n    // need to reinitialize any stateful connections we have\n    if (\n      currentApiClient &&\n      (this.userId !== userId || this.userToken !== userToken)\n    ) {\n      this.log(\"userId or userToken changed; reinitializing connections\");\n      this.feeds.teardownInstances();\n      this.teardown();\n      reinitializeApi = true;\n    }\n\n    this.userId = userId;\n    this.userToken = userToken;\n\n    this.log(`Authenticated with userId ${userId}`);\n\n    if (this.userToken && options?.onUserTokenExpiring instanceof Function) {\n      this.maybeScheduleUserTokenExpiration(\n        options.onUserTokenExpiring,\n        options.timeBeforeExpirationInMs,\n      );\n    }\n\n    // If we get the signal to reinitialize the api client, then we want to create a new client\n    // and the reinitialize any existing feed real-time connections we have so everything continues\n    // to work with the new credentials we've been given\n    if (reinitializeApi) {\n      this.apiClient = this.createApiClient();\n      this.feeds.reinitializeInstances();\n      this.log(\"Reinitialized real-time connections\");\n    }\n\n    return;\n  }\n\n  /*\n    Returns whether or this Knock instance is authenticated. Passing `true` will check the presence\n    of the userToken as well.\n  */\n  isAuthenticated(checkUserToken = false) {\n    return checkUserToken ? !!(this.userId && this.userToken) : !!this.userId;\n  }\n\n  // Used to teardown any connected instances\n  teardown() {\n    if (this.tokenExpirationTimer) {\n      clearTimeout(this.tokenExpirationTimer);\n    }\n    if (this.apiClient?.socket && this.apiClient.socket.isConnected()) {\n      this.apiClient.socket.disconnect();\n    }\n  }\n\n  log(message: string) {\n    if (this.logLevel === \"debug\") {\n      console.log(`[Knock] ${message}`);\n    }\n  }\n\n  /**\n   * Initiates an API client\n   */\n  private createApiClient() {\n    return new ApiClient({\n      apiKey: this.apiKey,\n      host: this.host,\n      userToken: this.userToken,\n    });\n  }\n\n  private async maybeScheduleUserTokenExpiration(\n    callbackFn: UserTokenExpiringCallback,\n    timeBeforeExpirationInMs: number = 30_000,\n  ) {\n    if (!this.userToken) return;\n\n    const decoded = jwtDecode(this.userToken);\n    const expiresAtMs = (decoded.exp ?? 0) * 1000;\n    const nowMs = Date.now();\n\n    // Expiration is in the future\n    if (expiresAtMs && expiresAtMs > nowMs) {\n      // Check how long until the token should be regenerated\n      // | ----------------- | ----------------------- |\n      // ^ now               ^ expiration offset       ^ expires at\n      const msInFuture = expiresAtMs - timeBeforeExpirationInMs - nowMs;\n\n      this.tokenExpirationTimer = setTimeout(async () => {\n        const newToken = await callbackFn(this.userToken as string, decoded);\n\n        // Reauthenticate which will handle reinitializing sockets\n        if (typeof newToken === \"string\") {\n          this.authenticate(this.userId!, newToken, {\n            onUserTokenExpiring: callbackFn,\n            timeBeforeExpirationInMs: timeBeforeExpirationInMs,\n          });\n        }\n      }, msInFuture);\n    }\n  }\n}\n\nexport default Knock;\n"],"names":["DEFAULT_HOST","Knock","apiKey","options","__publicField","FeedClient","ObjectClient","Preferences","SlackClient","UserClient","MessageClient","userId","userToken","reinitializeApi","checkUserToken","_a","message","ApiClient","callbackFn","timeBeforeExpirationInMs","decoded","jwtDecode","expiresAtMs","nowMs","msInFuture","newToken"],"mappings":"kjBAgBMA,EAAe,wBAErB,MAAMC,CAAM,CAcV,YACWC,EACTC,EAAwB,GACxB,CAhBKC,EAAA,aACCA,EAAA,iBAA8B,MAC/BA,EAAA,eACAA,EAAA,kBACAA,EAAA,iBACCA,EAAA,4BAA6D,MAC5DA,EAAA,aAAQ,IAAIC,UAAW,IAAI,GAC3BD,EAAA,eAAU,IAAIE,UAAa,IAAI,GAC/BF,EAAA,mBAAc,IAAIG,UAAY,IAAI,GAClCH,EAAA,aAAQ,IAAII,UAAY,IAAI,GAC5BJ,EAAA,YAAO,IAAIK,UAAW,IAAI,GAC1BL,EAAA,gBAAW,IAAIM,UAAc,IAAI,GAYxC,GATS,KAAA,OAAAR,EAGJ,KAAA,KAAOC,EAAQ,MAAQH,EAC5B,KAAK,SAAWG,EAAQ,SAExB,KAAK,IAAI,4BAA4B,EAGjC,KAAK,QAAU,KAAK,OAAO,WAAW,KAAK,EAC7C,MAAM,IAAI,MACR,qFAAA,CAGN,CAEA,QAAS,CACH,OAAC,KAAK,QACA,QAAA,KACN;AAAA;AAAA;AAAA;AAAA,SAAA,EASC,KAAK,YACH,KAAA,UAAY,KAAK,mBAGjB,KAAK,SACd,CAMA,aACEQ,EACAC,EACAT,EACA,CACA,IAAIU,EAAkB,GACG,KAAK,YAM3B,KAAK,SAAWF,GAAU,KAAK,YAAcC,KAE9C,KAAK,IAAI,yDAAyD,EAClE,KAAK,MAAM,oBACX,KAAK,SAAS,EACIC,EAAA,IAGpB,KAAK,OAASF,EACd,KAAK,UAAYC,EAEZ,KAAA,IAAI,6BAA6BD,CAAM,EAAE,EAE1C,KAAK,YAAaR,GAAA,YAAAA,EAAS,+BAA+B,UACvD,KAAA,iCACHA,EAAQ,oBACRA,EAAQ,wBAAA,EAORU,IACG,KAAA,UAAY,KAAK,kBACtB,KAAK,MAAM,wBACX,KAAK,IAAI,qCAAqC,EAIlD,CAMA,gBAAgBC,EAAiB,GAAO,CAC/B,OAAAA,EAAiB,CAAC,EAAE,KAAK,QAAU,KAAK,WAAa,CAAC,CAAC,KAAK,MACrE,CAGA,UAAW,OACL,KAAK,sBACP,aAAa,KAAK,oBAAoB,GAEpCC,EAAA,KAAK,YAAL,MAAAA,EAAgB,QAAU,KAAK,UAAU,OAAO,eAC7C,KAAA,UAAU,OAAO,YAE1B,CAEA,IAAIC,EAAiB,CACf,KAAK,WAAa,SACZ,QAAA,IAAI,WAAWA,CAAO,EAAE,CAEpC,CAKQ,iBAAkB,CACxB,OAAO,IAAIC,EAAAA,QAAU,CACnB,OAAQ,KAAK,OACb,KAAM,KAAK,KACX,UAAW,KAAK,SAAA,CACjB,CACH,CAEA,MAAc,iCACZC,EACAC,EAAmC,IACnC,CACI,GAAA,CAAC,KAAK,UAAW,OAEf,MAAAC,EAAUC,EAAAA,UAAU,KAAK,SAAS,EAClCC,GAAeF,EAAQ,KAAO,GAAK,IACnCG,EAAQ,KAAK,MAGf,GAAAD,GAAeA,EAAcC,EAAO,CAIhC,MAAAC,EAAaF,EAAcH,EAA2BI,EAEvD,KAAA,qBAAuB,WAAW,SAAY,CACjD,MAAME,EAAW,MAAMP,EAAW,KAAK,UAAqBE,CAAO,EAG/D,OAAOK,GAAa,UACjB,KAAA,aAAa,KAAK,OAASA,EAAU,CACxC,oBAAqBP,EACrB,yBAAAC,CAAA,CACD,GAEFK,CAAU,CACf,CACF,CACF"}

package/dist/esm/api.mjs

@@ -1,6 +1,6 @@
 var i = Object.defineProperty;
 var a = (s, e, t) => e in s ? i(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var r = (s, e, t) => (a(s, typeof e != "symbol" ? e + "" : e, t), t);
+var r = (s, e, t) => a(s, typeof e != "symbol" ? e + "" : e, t);
 import n from "axios";
 import o from "axios-retry";
 import { Socket as u } from "phoenix";

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

@@ -1,6 +1,6 @@
 var f = Object.defineProperty;
 var p = (u, e, t) => e in u ? f(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var r = (u, e, t) => (p(u, typeof e != "symbol" ? e + "" : e, t), t);
+var c = (u, e, t) => p(u, typeof e != "symbol" ? e + "" : e, t);
 import k from "eventemitter2";
 import { isRequestInFlight as g, NetworkStatus as m } from "../../networkStatus.mjs";
 import _ from "./store.mjs";
@@ -9,18 +9,18 @@ const S = {
 }, y = 2e3;
 class U {
   constructor(e, t, s) {
-    r(this, "userFeedId");
-    r(this, "channel");
-    r(this, "broadcaster");
-    r(this, "defaultOptions");
-    r(this, "broadcastChannel");
-    r(this, "disconnectTimer", null);
-    r(this, "hasSubscribedToRealTimeUpdates", !1);
-    r(this, "visibilityChangeHandler", () => {
+    c(this, "userFeedId");
+    c(this, "channel");
+    c(this, "broadcaster");
+    c(this, "defaultOptions");
+    c(this, "broadcastChannel");
+    c(this, "disconnectTimer", null);
+    c(this, "hasSubscribedToRealTimeUpdates", !1);
+    c(this, "visibilityChangeHandler", () => {
     });
-    r(this, "visibilityChangeListenerConnected", !1);
+    c(this, "visibilityChangeListenerConnected", !1);
     // The raw store instance, used for binding in React and other environments
-    r(this, "store");
+    c(this, "store");
     this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = _(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = { ...S, ...s }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
   }
   /**
@@ -78,11 +78,11 @@ class U {
       });
     else {
       s.setMetadata({ ...e, unseen_count: 0 });
-      const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, c = t.map((o) => o.id);
-      s.setItemAttrs(c, i);
+      const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, r = t.map((o) => o.id);
+      s.setItemAttrs(r, i);
     }
-    const a = await this.makeBulkStatusUpdate("seen");
-    return this.emitEvent("all_seen", t), a;
+    const n = await this.makeBulkStatusUpdate("seen");
+    return this.emitEvent("all_seen", t), n;
   }
   async markAsUnseen(e) {
     return this.optimisticallyPerformStatusUpdate(
@@ -111,11 +111,11 @@ class U {
       });
     else {
       s.setMetadata({ ...e, unread_count: 0 });
-      const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, c = t.map((o) => o.id);
-      s.setItemAttrs(c, i);
+      const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, r = t.map((o) => o.id);
+      s.setItemAttrs(r, i);
     }
-    const a = await this.makeBulkStatusUpdate("read");
-    return this.emitEvent("all_read", t), a;
+    const n = await this.makeBulkStatusUpdate("read");
+    return this.emitEvent("all_read", t), n;
   }
   async markAsUnread(e) {
     return this.optimisticallyPerformStatusUpdate(
@@ -125,17 +125,17 @@ class U {
       "unread_count"
     ), this.makeStatusUpdate(e, "unread");
   }
-  async markAsInteracted(e) {
-    const t = (/* @__PURE__ */ new Date()).toISOString();
+  async markAsInteracted(e, t) {
+    const s = (/* @__PURE__ */ new Date()).toISOString();
     return this.optimisticallyPerformStatusUpdate(
       e,
       "interacted",
       {
-        read_at: t,
-        interacted_at: t
+        read_at: s,
+        interacted_at: s
       },
       "unread_count"
-    ), this.makeStatusUpdate(e, "interacted");
+    ), this.makeStatusUpdate(e, "interacted", t);
   }
   /*
     Marking one or more items as archived should:
@@ -146,15 +146,15 @@ class U {
     TODO: how do we handle rollbacks?
     */
   async markAsArchived(e) {
-    const t = this.store.getState(), s = this.defaultOptions.archived === "exclude", n = Array.isArray(e) ? e : [e], a = n.map((i) => i.id);
+    const t = this.store.getState(), s = this.defaultOptions.archived === "exclude", a = Array.isArray(e) ? e : [e], n = a.map((i) => i.id);
     if (s) {
-      const i = n.filter((l) => !l.seen_at).length, c = n.filter((l) => !l.read_at).length, o = {
+      const i = a.filter((l) => !l.seen_at).length, r = a.filter((l) => !l.read_at).length, o = {
         ...t.metadata,
-        total_count: t.metadata.total_count - n.length,
+        total_count: t.metadata.total_count - a.length,
         unseen_count: t.metadata.unseen_count - i,
-        unread_count: t.metadata.unread_count - c
+        unread_count: t.metadata.unread_count - r
       }, d = t.items.filter(
-        (l) => !a.includes(l.id)
+        (l) => !n.includes(l.id)
       );
       t.setResult({
         entries: d,
@@ -162,7 +162,7 @@ class U {
         page_info: t.pageInfo
       });
     } else
-      t.setItemAttrs(a, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
+      t.setItemAttrs(n, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
     return this.makeStatusUpdate(e, "archived");
   }
   async markAllAsArchived() {
@@ -170,11 +170,11 @@ class U {
     if (this.defaultOptions.archived === "exclude")
       t.resetStore();
     else {
-      const a = e.map((i) => i.id);
-      t.setItemAttrs(a, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
+      const n = e.map((i) => i.id);
+      t.setItemAttrs(n, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
     }
-    const n = await this.makeBulkStatusUpdate("archive");
-    return this.emitEvent("all_archived", e), n;
+    const a = await this.makeBulkStatusUpdate("archive");
+    return this.emitEvent("all_archived", e), a;
   }
   async markAsUnarchived(e) {
     return this.optimisticallyPerformStatusUpdate(e, "unarchived", {
@@ -187,7 +187,7 @@ class U {
     if (g(t))
       return;
     s.setNetworkStatus(e.__loadingType ?? m.loading);
-    const n = {
+    const a = {
       ...this.defaultOptions,
       ...e,
       // Unset options that should not be sent to the API
@@ -196,20 +196,20 @@ class U {
       __experimentalCrossBrowserUpdates: void 0,
       auto_manage_socket_connection: void 0,
       auto_manage_socket_connection_delay: void 0
-    }, a = await this.knock.client().makeRequest({
+    }, n = await this.knock.client().makeRequest({
       method: "GET",
       url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,
-      params: n
+      params: a
     });
-    if (a.statusCode === "error" || !a.body)
+    if (n.statusCode === "error" || !n.body)
       return s.setNetworkStatus(m.error), {
-        status: a.statusCode,
-        data: a.error || a.body
+        status: n.statusCode,
+        data: n.error || n.body
       };
     const i = {
-      entries: a.body.entries,
-      meta: a.body.meta,
-      page_info: a.body.page_info
+      entries: n.body.entries,
+      meta: n.body.meta,
+      page_info: n.body.page_info
     };
     if (e.before) {
       const d = { shouldSetPage: !1, shouldAppend: !0 };
@@ -220,12 +220,12 @@ class U {
     } else
       s.setResult(i);
     this.broadcast("messages.new", i);
-    const c = e.__fetchSource === "socket" ? "items.received.realtime" : "items.received.page", o = {
+    const r = e.__fetchSource === "socket" ? "items.received.realtime" : "items.received.page", o = {
       items: i.entries,
       metadata: i.meta,
-      event: c
+      event: r
     };
-    return this.broadcast(o.event, o), { data: i, status: a.statusCode };
+    return this.broadcast(o.event, o), { data: i, status: n.statusCode };
   }
   async fetchNextPage() {
     const { pageInfo: e } = this.store.getState();
@@ -242,16 +242,16 @@ class U {
     metadata: e
   }) {
     this.knock.log("[Feed] Received new real-time message");
-    const { items: t, ...s } = this.store.getState(), n = t[0];
-    s.setMetadata(e), this.fetch({ before: n == null ? void 0 : n.__cursor, __fetchSource: "socket" });
+    const { items: t, ...s } = this.store.getState(), a = t[0];
+    s.setMetadata(e), this.fetch({ before: a == null ? void 0 : a.__cursor, __fetchSource: "socket" });
   }
   buildUserFeedId() {
     return `${this.feedId}:${this.knock.userId}`;
   }
-  optimisticallyPerformStatusUpdate(e, t, s, n) {
-    const a = this.store.getState(), i = Array.isArray(e) ? e : [e], c = i.map((o) => o.id);
-    if (n) {
-      const { metadata: o } = a, d = i.filter((h) => {
+  optimisticallyPerformStatusUpdate(e, t, s, a) {
+    const n = this.store.getState(), i = Array.isArray(e) ? e : [e], r = i.map((o) => o.id);
+    if (a) {
+      const { metadata: o } = n, d = i.filter((h) => {
         switch (t) {
           case "seen":
             return h.seen_at === null;
@@ -266,16 +266,20 @@ class U {
             return !0;
         }
       }), l = t.startsWith("un") ? d.length : -d.length;
-      a.setMetadata({
+      n.setMetadata({
         ...o,
-        [n]: Math.max(0, o[n] + l)
+        [a]: Math.max(0, o[a] + l)
       });
     }
-    a.setItemAttrs(c, s);
+    n.setItemAttrs(r, s);
   }
-  async makeStatusUpdate(e, t) {
-    const s = Array.isArray(e) ? e : [e], n = s.map((i) => i.id), a = await this.knock.messages.batchUpdateStatuses(n, t);
-    return this.emitEvent(t, s), a;
+  async makeStatusUpdate(e, t, s) {
+    const a = Array.isArray(e) ? e : [e], n = a.map((r) => r.id), i = await this.knock.messages.batchUpdateStatuses(
+      n,
+      t,
+      { metadata: s }
+    );
+    return this.emitEvent(t, a), i;
   }
   async makeBulkStatusUpdate(e) {
     const t = {
@@ -348,8 +352,8 @@ class U {
     var s;
     const e = this.defaultOptions.auto_manage_socket_connection_delay ?? y, t = this.knock.client();
     document.visibilityState === "hidden" ? this.disconnectTimer = setTimeout(() => {
-      var n;
-      (n = t.socket) == null || n.disconnect(), this.disconnectTimer = null;
+      var a;
+      (a = t.socket) == null || a.disconnect(), this.disconnectTimer = null;
     }, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (s = t.socket) != null && s.isConnected() || this.initializeRealtimeConnection());
   }
 }

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

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

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

@@ -1,6 +1,6 @@
 var a = Object.defineProperty;
 var c = (s, e, n) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
-var t = (s, e, n) => (c(s, typeof e != "symbol" ? e + "" : e, n), n);
+var t = (s, e, n) => c(s, typeof e != "symbol" ? e + "" : e, n);
 import f from "./feed.mjs";
 class d {
   constructor(e) {

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

@@ -1,6 +1,10 @@
-import l from "zustand/vanilla";
-import { NetworkStatus as u } from "../../networkStatus.mjs";
+import u from "zustand/vanilla";
+import { NetworkStatus as d } from "../../networkStatus.mjs";
 import { deduplicateItems as i, sortItems as c } from "./utils.mjs";
+const f = (
+  // @ts-expect-error workaround for issue above
+  typeof u == "function" ? u : u.default
+);
 function m(e) {
   const t = i(e);
   return c(t);
@@ -8,7 +12,7 @@ function m(e) {
 const p = {
   shouldSetPage: !0,
   shouldAppend: !1
-}, d = {
+}, l = {
   items: [],
   metadata: {
     total_count: 0,
@@ -21,36 +25,36 @@ const p = {
     page_size: 50
   }
 };
-function I() {
-  return l((e) => ({
+function h() {
+  return f((e) => ({
     // Keeps track of all of the items loaded
-    ...d,
+    ...l,
     // The network status indicates what's happening with the request
-    networkStatus: u.ready,
+    networkStatus: d.ready,
     loading: !1,
     setNetworkStatus: (t) => e(() => ({
       networkStatus: t,
-      loading: t === u.loading
+      loading: t === d.loading
     })),
-    setResult: ({ entries: t, meta: s, page_info: n }, a = p) => e((o) => ({
+    setResult: ({ entries: t, meta: r, page_info: s }, a = p) => e((o) => ({
       items: a.shouldAppend ? m(o.items.concat(t)) : t,
-      metadata: s,
-      pageInfo: a.shouldSetPage ? n : o.pageInfo,
+      metadata: r,
+      pageInfo: a.shouldSetPage ? s : o.pageInfo,
       loading: !1,
-      networkStatus: u.ready
+      networkStatus: d.ready
     })),
     setMetadata: (t) => e(() => ({ metadata: t })),
-    resetStore: (t = d.metadata) => e(() => ({ ...d, metadata: t })),
-    setItemAttrs: (t, s) => {
-      const n = t.reduce(
-        (a, o) => ({ ...a, [o]: s }),
+    resetStore: (t = l.metadata) => e(() => ({ ...l, metadata: t })),
+    setItemAttrs: (t, r) => {
+      const s = t.reduce(
+        (a, o) => ({ ...a, [o]: r }),
         {}
       );
-      return e((a) => ({ items: a.items.map((r) => n[r.id] ? { ...r, ...n[r.id] } : r) }));
+      return e((a) => ({ items: a.items.map((n) => s[n.id] ? { ...n, ...s[n.id] } : n) }));
     }
   }));
 }
 export {
-  I as default
+  h as default
 };
 //# sourceMappingURL=store.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"store.mjs","sources":["../../../../src/clients/feed/store.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport create from \"zustand/vanilla\";\n\nimport { NetworkStatus } from \"../../networkStatus\";\n\nimport { FeedItem } from \"./interfaces\";\nimport { FeedStoreState } 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\nconst initialStoreState = {\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};\n\nexport default function createStore() {\n  return create<FeedStoreState>((set) => ({\n    // Keeps track of all of the items loaded\n    ...initialStoreState,\n    // The network status indicates what's happening with the request\n    networkStatus: NetworkStatus.ready,\n    loading: false,\n\n    setNetworkStatus: (networkStatus: NetworkStatus) =>\n      set(() => ({\n        networkStatus,\n        loading: networkStatus === NetworkStatus.loading,\n      })),\n\n    setResult: (\n      { entries, meta, page_info },\n      options = defaultSetResultOptions,\n    ) =>\n      set((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          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) => set(() => ({ metadata })),\n\n    resetStore: (metadata = initialStoreState.metadata) =>\n      set(() => ({ ...initialStoreState, metadata })),\n\n    setItemAttrs: (itemIds, attrs) => {\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 set((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 { items };\n      });\n    },\n  }));\n}\n"],"names":["processItems","items","deduped","deduplicateItems","sortItems","defaultSetResultOptions","initialStoreState","createStore","create","set","NetworkStatus","networkStatus","entries","meta","page_info","options","state","metadata","itemIds","attrs","itemUpdatesMap","acc","itemId","item"],"mappings":";;;AASA,SAASA,EAAaC,GAAmB;AACjC,QAAAC,IAAUC,EAAiBF,CAAK;AAG/B,SAFQG,EAAUF,CAAO;AAGlC;AAEA,MAAMG,IAA0B;AAAA,EAC9B,eAAe;AAAA,EACf,cAAc;AAChB,GAEMC,IAAoB;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,UAAU;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,EACb;AACF;AAEA,SAAwBC,IAAc;AAC7B,SAAAC,EAAuB,CAACC,OAAS;AAAA;AAAA,IAEtC,GAAGH;AAAA;AAAA,IAEH,eAAeI,EAAc;AAAA,IAC7B,SAAS;AAAA,IAET,kBAAkB,CAACC,MACjBF,EAAI,OAAO;AAAA,MACT,eAAAE;AAAA,MACA,SAASA,MAAkBD,EAAc;AAAA,IAAA,EACzC;AAAA,IAEJ,WAAW,CACT,EAAE,SAAAE,GAAS,MAAAC,GAAM,WAAAC,KACjBC,IAAUV,MAEVI,EAAI,CAACO,OAMI;AAAA,MACL,OALYD,EAAQ,eAClBf,EAAagB,EAAM,MAAM,OAAOJ,CAAkC,CAAC,IACnEA;AAAA,MAIF,UAAUC;AAAA,MACV,UAAUE,EAAQ,gBAAgBD,IAAYE,EAAM;AAAA,MACpD,SAAS;AAAA,MACT,eAAeN,EAAc;AAAA,IAAA,EAEhC;AAAA,IAEH,aAAa,CAACO,MAAaR,EAAI,OAAO,EAAE,UAAAQ,EAAW,EAAA;AAAA,IAEnD,YAAY,CAACA,IAAWX,EAAkB,aACxCG,EAAI,OAAO,EAAE,GAAGH,GAAmB,UAAAW,EAAA,EAAW;AAAA,IAEhD,cAAc,CAACC,GAASC,MAAU;AAEhC,YAAMC,IAA2CF,EAAQ;AAAA,QACvD,CAACG,GAAKC,OAAY,EAAE,GAAGD,GAAK,CAACC,CAAM,GAAGH;QACtC,CAAC;AAAA,MAAA;AAGI,aAAAV,EAAI,CAACO,OASH,EAAE,OARKA,EAAM,MAAM,IAAI,CAACO,MACzBH,EAAeG,EAAK,EAAE,IACjB,EAAE,GAAGA,GAAM,GAAGH,EAAeG,EAAK,EAAE,MAGtCA,CACR,EAEc,EAChB;AAAA,IACH;AAAA,EACA,EAAA;AACJ;"}
+{"version":3,"file":"store.mjs","sources":["../../../../src/clients/feed/store.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport zustand from \"zustand/vanilla\";\n\nimport { NetworkStatus } from \"../../networkStatus\";\n\nimport { FeedItem } from \"./interfaces\";\nimport { FeedStoreState } from \"./types\";\nimport { deduplicateItems, sortItems } from \"./utils\";\n\n// Get the correct Zustand function. Caused by some issues in v3 exports\n// https://github.com/pmndrs/zustand/issues/334\nconst create: typeof zustand =\n  // @ts-expect-error workaround for issue above\n  typeof zustand === \"function\" ? zustand : zustand.default;\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\nconst initialStoreState = {\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};\n\nexport default function createStore() {\n  return create<FeedStoreState>((set) => ({\n    // Keeps track of all of the items loaded\n    ...initialStoreState,\n    // The network status indicates what's happening with the request\n    networkStatus: NetworkStatus.ready,\n    loading: false,\n\n    setNetworkStatus: (networkStatus: NetworkStatus) =>\n      set(() => ({\n        networkStatus,\n        loading: networkStatus === NetworkStatus.loading,\n      })),\n\n    setResult: (\n      { entries, meta, page_info },\n      options = defaultSetResultOptions,\n    ) =>\n      set((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          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) => set(() => ({ metadata })),\n\n    resetStore: (metadata = initialStoreState.metadata) =>\n      set(() => ({ ...initialStoreState, metadata })),\n\n    setItemAttrs: (itemIds, attrs) => {\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 set((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 { items };\n      });\n    },\n  }));\n}\n"],"names":["create","zustand","processItems","items","deduped","deduplicateItems","sortItems","defaultSetResultOptions","initialStoreState","createStore","set","NetworkStatus","networkStatus","entries","meta","page_info","options","state","metadata","itemIds","attrs","itemUpdatesMap","acc","itemId","item"],"mappings":";;;AAWA,MAAMA;AAAA;AAAA,EAEJ,OAAOC,KAAY,aAAaA,IAAUA,EAAQ;AAAA;AAEpD,SAASC,EAAaC,GAAmB;AACjC,QAAAC,IAAUC,EAAiBF,CAAK;AAG/B,SAFQG,EAAUF,CAAO;AAGlC;AAEA,MAAMG,IAA0B;AAAA,EAC9B,eAAe;AAAA,EACf,cAAc;AAChB,GAEMC,IAAoB;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,UAAU;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,EACb;AACF;AAEA,SAAwBC,IAAc;AAC7B,SAAAT,EAAuB,CAACU,OAAS;AAAA;AAAA,IAEtC,GAAGF;AAAA;AAAA,IAEH,eAAeG,EAAc;AAAA,IAC7B,SAAS;AAAA,IAET,kBAAkB,CAACC,MACjBF,EAAI,OAAO;AAAA,MACT,eAAAE;AAAA,MACA,SAASA,MAAkBD,EAAc;AAAA,IAAA,EACzC;AAAA,IAEJ,WAAW,CACT,EAAE,SAAAE,GAAS,MAAAC,GAAM,WAAAC,KACjBC,IAAUT,MAEVG,EAAI,CAACO,OAMI;AAAA,MACL,OALYD,EAAQ,eAClBd,EAAae,EAAM,MAAM,OAAOJ,CAAkC,CAAC,IACnEA;AAAA,MAIF,UAAUC;AAAA,MACV,UAAUE,EAAQ,gBAAgBD,IAAYE,EAAM;AAAA,MACpD,SAAS;AAAA,MACT,eAAeN,EAAc;AAAA,IAAA,EAEhC;AAAA,IAEH,aAAa,CAACO,MAAaR,EAAI,OAAO,EAAE,UAAAQ,EAAW,EAAA;AAAA,IAEnD,YAAY,CAACA,IAAWV,EAAkB,aACxCE,EAAI,OAAO,EAAE,GAAGF,GAAmB,UAAAU,EAAA,EAAW;AAAA,IAEhD,cAAc,CAACC,GAASC,MAAU;AAEhC,YAAMC,IAA2CF,EAAQ;AAAA,QACvD,CAACG,GAAKC,OAAY,EAAE,GAAGD,GAAK,CAACC,CAAM,GAAGH;QACtC,CAAC;AAAA,MAAA;AAGI,aAAAV,EAAI,CAACO,OASH,EAAE,OARKA,EAAM,MAAM,IAAI,CAACO,MACzBH,EAAeG,EAAK,EAAE,IACjB,EAAE,GAAGA,GAAM,GAAGH,EAAeG,EAAK,EAAE,MAGtCA,CACR,EAEc,EAChB;AAAA,IACH;AAAA,EACA,EAAA;AACJ;"}