@knocklabs/client 0.19.3 → 0.20.0

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

@@ -1,30 +1,30 @@
-var b = Object.defineProperty;
-var I = (a, e, t) => e in a ? b(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var d = (a, e, t) => I(a, typeof e != "symbol" ? e + "" : e, t);
-import { Store as C } from "@tanstack/store";
-import { URLPattern as E } from "urlpattern-polyfill";
-import { byKey as w, mockDefaultGroup as R, formatFilters as k, formatState as f, findDefaultGroup as v, DEFAULT_GROUP_KEY as S, checkIfThrottled as P, formatGroupStage as G, SelectionResult as A, newUrl as D, predicateUrlRules as K, predicateUrlPatterns as L } from "./helpers.mjs";
-const O = 50, $ = 30 * 1e3, T = 3, g = {
+var _ = Object.defineProperty;
+var b = (u, e, t) => e in u ? _(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var d = (u, e, t) => b(u, typeof e != "symbol" ? e + "" : e, t);
+import { Store as I } from "@tanstack/store";
+import { URLPattern as C } from "urlpattern-polyfill";
+import { byKey as E, mockDefaultGroup as w, formatFilters as k, formatState as f, checkStateIfThrottled as G, formatGroupStage as S, DEFAULT_GROUP_KEY as R, SelectionResult as P, findDefaultGroup as A, newUrl as D, predicateUrlRules as K, predicateUrlPatterns as L } from "./helpers.mjs";
+const $ = 50, T = 30 * 1e3, O = 3, g = {
   GUIDE_KEY: "knock_guide_key",
   PREVIEW_SESSION_ID: "knock_preview_session_id"
 }, p = "knock_guide_debug", l = () => {
   if (typeof window < "u")
     return window;
-}, U = (a) => `/v1/users/${a}/guides`, y = () => {
-  const a = l();
-  if (!a)
+}, U = (u) => `/v1/users/${u}/guides`, y = () => {
+  const u = l();
+  if (!u)
     return { forcedGuideKey: null, previewSessionId: null };
-  const e = new URLSearchParams(a.location.search), t = e.get(g.GUIDE_KEY), s = e.get(
+  const e = new URLSearchParams(u.location.search), t = e.get(g.GUIDE_KEY), s = e.get(
     g.PREVIEW_SESSION_ID
   );
   if (t || s) {
-    if (a.localStorage)
+    if (u.localStorage)
       try {
-        const r = {
+        const i = {
           forcedGuideKey: t,
           previewSessionId: s
         };
-        a.localStorage.setItem(p, JSON.stringify(r));
+        u.localStorage.setItem(p, JSON.stringify(i));
       } catch {
       }
     return {
@@ -32,23 +32,23 @@ const O = 50, $ = 30 * 1e3, T = 3, g = {
       previewSessionId: s
     };
   }
-  let i = null, n = null;
-  if (a.localStorage)
+  let r = null, n = null;
+  if (u.localStorage)
     try {
-      const r = a.localStorage.getItem(p);
-      if (r) {
-        const o = F(r);
-        i = o.forcedGuideKey, n = o.previewSessionId;
+      const i = u.localStorage.getItem(p);
+      if (i) {
+        const o = F(i);
+        r = o.forcedGuideKey, n = o.previewSessionId;
       }
     } catch {
     }
   return {
-    forcedGuideKey: i,
+    forcedGuideKey: r,
     previewSessionId: n
   };
-}, F = (a) => {
+}, F = (u) => {
   try {
-    const e = JSON.parse(a);
+    const e = JSON.parse(u);
     return {
       forcedGuideKey: (e == null ? void 0 : e.forcedGuideKey) ?? null,
       previewSessionId: (e == null ? void 0 : e.previewSessionId) ?? null
@@ -59,39 +59,39 @@ const O = 50, $ = 30 * 1e3, T = 3, g = {
       previewSessionId: null
     };
   }
-}, m = (a, e = {}) => {
-  const t = new A(), s = v(a.guideGroups);
+}, m = (u, e = {}) => {
+  const t = new P(), s = A(u.guideGroups);
   if (!s) return t;
-  const i = [...s.display_sequence], n = a.location;
-  if (a.debug.forcedGuideKey) {
-    const r = i.indexOf(a.debug.forcedGuideKey);
-    r > -1 && i.splice(r, 1), i.unshift(a.debug.forcedGuideKey);
-  }
-  for (const [r, o] of i.entries()) {
-    let u = a.guides[o];
-    a.debug.forcedGuideKey === o && a.previewGuides[o] && (u = a.previewGuides[o]), !(!u || !N(u, {
+  const r = [...s.display_sequence], n = u.location;
+  if (u.debug.forcedGuideKey) {
+    const i = r.indexOf(u.debug.forcedGuideKey);
+    i > -1 && r.splice(i, 1), r.unshift(u.debug.forcedGuideKey);
+  }
+  for (const [i, o] of r.entries()) {
+    let a = u.guides[o];
+    u.debug.forcedGuideKey === o && u.previewGuides[o] && (a = u.previewGuides[o]), !(!a || !N(a, {
       location: n,
       filters: e,
-      debug: a.debug
-    })) && t.set(r, u);
+      debug: u.debug
+    })) && t.set(i, a);
   }
   return t.metadata = { guideGroup: s }, t;
-}, N = (a, { location: e, filters: t = {}, debug: s = {} }) => {
-  if (t.type && t.type !== a.type || t.key && t.key !== a.key)
+}, N = (u, { location: e, filters: t = {}, debug: s = {} }) => {
+  if (t.type && t.type !== u.type || t.key && t.key !== u.key)
     return !1;
-  if (s.forcedGuideKey === a.key)
+  if (s.forcedGuideKey === u.key)
     return !0;
-  if (!a.active || a.steps.every((o) => !!o.message.archived_at))
+  if (!u.active || u.steps.every((o) => !!o.message.archived_at))
     return !1;
-  const i = e ? D(e) : void 0, n = a.activation_url_rules || [], r = a.activation_url_patterns || [];
-  if (i && n.length > 0) {
-    if (!K(i, n)) return !1;
-  } else if (i && r.length > 0 && !L(i, r))
+  const r = e ? D(e) : void 0, n = u.activation_url_rules || [], i = u.activation_url_patterns || [];
+  if (r && n.length > 0) {
+    if (!K(r, n)) return !1;
+  } else if (r && i.length > 0 && !L(r, i))
     return !1;
   return !0;
 };
 class B {
-  constructor(e, t, s = {}, i = {}) {
+  constructor(e, t, s = {}, r = {}) {
     d(this, "store");
     // Phoenix channels for real time guide updates over websocket
     d(this, "socket");
@@ -122,32 +122,32 @@ class B {
       const t = e.location.href;
       if (this.store.state.location === t) return;
       this.knock.log(`[Guide] Detected a location change: ${t}`);
-      const s = this.store.state.debug, i = y();
-      this.setLocation(t, { debug: i }), this.checkDebugStateChanged(
+      const s = this.store.state.debug, r = y();
+      this.setLocation(t, { debug: r }), this.checkDebugStateChanged(
         s,
-        i
+        r
       ) && (this.knock.log(
         "[Guide] Debug state changed, refetching guides and resubscribing to the websocket channel"
       ), this.fetch(), this.subscribe());
     });
-    this.knock = e, this.channelId = t, this.targetParams = s, this.options = i;
+    this.knock = e, this.channelId = t, this.targetParams = s, this.options = r;
     const {
       trackLocationFromWindow: n = !0,
-      throttleCheckInterval: r = $
-    } = i, o = l(), u = n ? o == null ? void 0 : o.location.href : void 0, h = y();
-    this.store = new C({
+      throttleCheckInterval: i = T
+    } = r, o = l(), a = n ? o == null ? void 0 : o.location.href : void 0, h = y();
+    this.store = new I({
       guideGroups: [],
       guideGroupDisplayLogs: {},
       guides: {},
       previewGuides: {},
       queries: {},
-      location: u,
+      location: a,
       // Increment to update the state store and trigger re-selection.
       counter: 0,
       debug: h
     });
     const { socket: c } = this.knock.client();
-    this.socket = c, this.socketChannelTopic = `guides:${t}`, n && this.listenForLocationChangesFromWindow(), r && this.startCounterInterval(r), this.knock.log("[Guide] Initialized a guide client");
+    this.socket = c, this.socketChannelTopic = `guides:${t}`, n && this.listenForLocationChangesFromWindow(), i && this.startCounterInterval(i), this.knock.log("[Guide] Initialized a guide client");
   }
   incrementCounter() {
     this.knock.log("[Guide] Incrementing the counter"), this.store.setState((e) => ({ ...e, counter: e.counter + 1 }));
@@ -165,28 +165,28 @@ class B {
   }
   async fetch(e) {
     this.knock.log("[Guide] .fetch"), this.knock.failIfNotAuthenticated();
-    const t = this.buildQueryParams(e == null ? void 0 : e.filters), s = this.formatQueryKey(t), i = this.store.state.queries[s];
-    if (i)
-      return i;
-    this.store.setState((r) => ({
-      ...r,
-      queries: { ...r.queries, [s]: { status: "loading" } }
+    const t = this.buildQueryParams(e == null ? void 0 : e.filters), s = this.formatQueryKey(t), r = this.store.state.queries[s];
+    if (r)
+      return r;
+    this.store.setState((i) => ({
+      ...i,
+      queries: { ...i.queries, [s]: { status: "loading" } }
     }));
     let n;
     try {
       this.knock.log("[Guide] Fetching all eligible guides");
-      const r = await this.knock.user.getGuides(this.channelId, t);
+      const i = await this.knock.user.getGuides(this.channelId, t);
       n = { status: "ok" };
-      const { entries: o, guide_groups: u, guide_group_display_logs: h } = r;
+      const { entries: o, guide_groups: a, guide_group_display_logs: h } = i;
       this.knock.log("[Guide] Loading fetched guides"), this.store.setState((c) => ({
         ...c,
-        guideGroups: (u == null ? void 0 : u.length) > 0 ? u : [R(o)],
+        guideGroups: (a == null ? void 0 : a.length) > 0 ? a : [w(o)],
         guideGroupDisplayLogs: h || {},
-        guides: w(o.map((_) => this.localCopy(_))),
+        guides: E(o.map((v) => this.localCopy(v))),
         queries: { ...c.queries, [s]: n }
       }));
-    } catch (r) {
-      n = { status: "error", error: r }, this.store.setState((o) => ({
+    } catch (i) {
+      n = { status: "error", error: i }, this.store.setState((o) => ({
         ...o,
         queries: { ...o.queries, [s]: n }
       }));
@@ -202,20 +202,20 @@ class B {
       force_all_guides: e.forcedGuideKey ? !0 : void 0,
       preview_session_id: e.previewSessionId || void 0
     }, s = this.socket.channel(this.socketChannelTopic, t);
-    for (const i of this.socketEventTypes)
-      s.on(i, (n) => this.handleSocketEvent(n));
+    for (const r of this.socketEventTypes)
+      s.on(r, (n) => this.handleSocketEvent(n));
     ["closed", "errored"].includes(s.state) && (this.subscribeRetryCount = 0, s.join().receive("ok", () => {
       this.knock.log("[Guide] Successfully joined channel");
-    }).receive("error", (i) => {
+    }).receive("error", (r) => {
       this.knock.log(
-        `[Guide] Failed to join channel: ${JSON.stringify(i)}`
+        `[Guide] Failed to join channel: ${JSON.stringify(r)}`
       ), this.handleChannelJoinError();
     }).receive("timeout", () => {
       this.knock.log("[Guide] Channel join timed out"), this.handleChannelJoinError();
     })), this.socketChannel = s;
   }
   handleChannelJoinError() {
-    if (this.subscribeRetryCount >= T) {
+    if (this.subscribeRetryCount >= O) {
       this.knock.log(
         `[Guide] Channel join max retry limit reached: ${this.subscribeRetryCount}`
       ), this.unsubscribe();
@@ -252,11 +252,11 @@ class B {
   setLocation(e, t = {}) {
     this.knock.log(`[Guide] .setLocation (loc=${e})`), this.clearGroupStage(), this.knock.log("[Guide] Updating the tracked location"), this.store.setState((s) => {
       var n;
-      const i = (n = t == null ? void 0 : t.debug) != null && n.previewSessionId ? s.previewGuides : {};
+      const r = (n = t == null ? void 0 : t.debug) != null && n.previewSessionId ? s.previewGuides : {};
       return {
         ...s,
         ...t,
-        previewGuides: i,
+        previewGuides: r,
         location: e
       };
     });
@@ -282,63 +282,67 @@ class B {
   //
   // Store selector
   //
-  selectGuides(e, t = {}) {
+  selectGuides(e, t = {}, s = {}) {
     if (this.knock.log(
       `[Guide] .selectGuides (filters: ${k(t)}; state: ${f(e)})`
-    ), Object.keys(e.guides).length === 0 && Object.keys(e.previewGuides).length === 0)
-      return this.knock.log("[Guide] Exiting selection (no guides)"), [];
-    const s = m(e, t);
-    return s.size === 0 ? (this.knock.log("[Guide] Selection returned zero result"), []) : [...s.values()];
+    ), !this.selectGuide(e, t, s))
+      return [];
+    const n = [...m(e, t).values()];
+    if (!s.includeThrottled && G(e)) {
+      const i = n.filter(
+        (a) => a.bypass_global_group_limit
+      ), o = n.length - i.length;
+      return this.knock.log(
+        `[Guide] Throttling ${o} guides from selection, and returning ${i.length} guides`
+      ), i;
+    }
+    return this.knock.log(`[Guide] Returning ${n.length} guides from selection`), n;
   }
-  selectGuide(e, t = {}) {
+  selectGuide(e, t = {}, s = {}) {
     if (this.knock.log(
       `[Guide] .selectGuide (filters: ${k(t)}; state: ${f(e)})`
     ), Object.keys(e.guides).length === 0 && Object.keys(e.previewGuides).length === 0) {
       this.knock.log("[Guide] Exiting selection (no guides)");
       return;
     }
-    const s = m(e, t);
-    if (s.size === 0) {
+    const r = m(e, t);
+    if (r.size === 0) {
       this.knock.log("[Guide] Selection found zero result");
       return;
     }
-    const [i, n] = [...s][0];
+    const [n, i] = [...r][0];
     if (this.knock.log(
-      `[Guide] Selection found: \`${n.key}\` (total: ${s.size})`
-    ), n.bypass_global_group_limit)
-      return this.knock.log(`[Guide] Returning the unthrottled guide: ${n.key}`), n;
-    const r = v(e.guideGroups), o = e.guideGroupDisplayLogs[S];
-    if (r && r.display_interval && o && P(
-      o,
-      r.display_interval
-    )) {
-      this.knock.log(`[Guide] Throttling the selected guide: ${n.key}`);
+      `[Guide] Selection found: \`${i.key}\` (total: ${r.size})`
+    ), i.bypass_global_group_limit)
+      return this.knock.log(`[Guide] Returning the unthrottled guide: ${i.key}`), i;
+    if (!s.includeThrottled && G(e)) {
+      this.knock.log(`[Guide] Throttling the selected guide: ${i.key}`);
       return;
     }
     switch (this.stage || (this.stage = this.openGroupStage()), this.stage.status) {
       case "open": {
-        this.knock.log(`[Guide] Adding to the group stage: ${n.key}`), this.stage.ordered[i] = n.key;
+        this.knock.log(`[Guide] Adding to the group stage: ${i.key}`), this.stage.ordered[n] = i.key;
         return;
       }
       case "patch": {
-        this.knock.log(`[Guide] Patching the group stage: ${n.key}`), this.stage.ordered[i] = n.key;
-        const u = this.stage.resolved === n.key ? n : void 0;
+        this.knock.log(`[Guide] Patching the group stage: ${i.key}`), this.stage.ordered[n] = i.key;
+        const o = this.stage.resolved === i.key ? i : void 0;
         return this.knock.log(
-          `[Guide] Returning \`${u == null ? void 0 : u.key}\` (stage: ${G(this.stage)})`
-        ), u;
+          `[Guide] Returning \`${o == null ? void 0 : o.key}\` (stage: ${S(this.stage)})`
+        ), o;
       }
       case "closed": {
-        const u = this.stage.resolved === n.key ? n : void 0;
+        const o = this.stage.resolved === i.key ? i : void 0;
         return this.knock.log(
-          `[Guide] Returning \`${u == null ? void 0 : u.key}\` (stage: ${G(this.stage)})`
-        ), u;
+          `[Guide] Returning \`${o == null ? void 0 : o.key}\` (stage: ${S(this.stage)})`
+        ), o;
       }
     }
   }
   openGroupStage() {
     this.knock.log("[Guide] Opening a new group stage");
     const {
-      orderResolutionDuration: e = O
+      orderResolutionDuration: e = $
     } = this.options, t = setTimeout(() => {
       this.closePendingGroupStage(), this.incrementCounter();
     }, e);
@@ -390,10 +394,13 @@ class B {
     var e;
     (e = this.stage) != null && e.timeoutId && clearTimeout(this.stage.timeoutId);
   }
-  // Test helper that opens and closes the group stage to return the select
-  // result immediately.
-  _selectGuide(e, t = {}) {
-    return this.openGroupStage(), this.selectGuide(e, t), this.closePendingGroupStage(), this.selectGuide(e, t);
+  // Test helpers to open and close the group stage to return the select result
+  // immediately.
+  _selectGuide(e, t = {}, s = {}) {
+    return this.openGroupStage(), this.selectGuide(e, t, s), this.closePendingGroupStage(), this.selectGuide(e, t, s);
+  }
+  _selectGuides(e, t = {}, s = {}) {
+    return this.openGroupStage(), this.selectGuides(e, t, s), this.closePendingGroupStage(), this.selectGuides(e, t, s);
   }
   //
   // Engagement event handlers
@@ -410,31 +417,30 @@ class B {
       seen_at: (/* @__PURE__ */ new Date()).toISOString()
     });
     if (!s) return;
-    const i = {
+    const r = {
       ...this.buildEngagementEventBaseParams(e, s),
       content: s.content,
-      data: this.targetParams.data,
-      tenant: this.targetParams.tenant
+      data: this.targetParams.data
     };
     return this.knock.user.markGuideStepAs(
       "seen",
-      i
+      r
     ), s;
   }
   async markAsInteracted(e, t, s) {
     this.knock.log(
       `[Guide] Marking as interacted (Guide key: ${e.key}; Step ref:${t.ref})`
     );
-    const i = (/* @__PURE__ */ new Date()).toISOString(), n = this.setStepMessageAttrs(e.key, t.ref, {
-      read_at: i,
-      interacted_at: i
+    const r = (/* @__PURE__ */ new Date()).toISOString(), n = this.setStepMessageAttrs(e.key, t.ref, {
+      read_at: r,
+      interacted_at: r
     });
     if (!n) return;
-    const r = {
+    const i = {
       ...this.buildEngagementEventBaseParams(e, n),
       metadata: s
     };
-    return this.knock.user.markGuideStepAs("interacted", r), n;
+    return this.knock.user.markGuideStepAs("interacted", i), n;
   }
   async markAsArchived(e, t) {
     if (t.message.archived_at) return;
@@ -445,11 +451,11 @@ class B {
       archived_at: (/* @__PURE__ */ new Date()).toISOString()
     });
     if (!s) return;
-    const i = this.buildEngagementEventBaseParams(e, s);
+    const r = this.buildEngagementEventBaseParams(e, s);
     return this.knock.user.markGuideStepAs(
       "archived",
       {
-        ...i,
+        ...r,
         unthrottled: e.bypass_global_group_limit
       }
     ), s;
@@ -462,13 +468,13 @@ class B {
       ...e,
       // Get the next unarchived step.
       getStep() {
-        return t.store.state.debug.forcedGuideKey === this.key ? this.steps[0] : this.steps.find((i) => !i.message.archived_at);
+        return t.store.state.debug.forcedGuideKey === this.key ? this.steps[0] : this.steps.find((r) => !r.message.archived_at);
       }
     };
-    return s.getStep = s.getStep.bind(s), s.steps = e.steps.map(({ message: i, ...n }) => {
-      const r = {
+    return s.getStep = s.getStep.bind(s), s.steps = e.steps.map(({ message: r, ...n }) => {
+      const i = {
         ...n,
-        message: { ...i },
+        message: { ...r },
         markAsSeen() {
           if (!this.message.seen_at)
             return t.markAsSeen(s, this);
@@ -481,10 +487,10 @@ class B {
             return t.markAsArchived(s, this);
         }
       };
-      return r.markAsSeen = r.markAsSeen.bind(r), r.markAsInteracted = r.markAsInteracted.bind(r), r.markAsArchived = r.markAsArchived.bind(r), r;
-    }), s.activation_url_patterns = e.activation_url_patterns.map((i) => ({
-      ...i,
-      pattern: new E({ pathname: i.pathname })
+      return i.markAsSeen = i.markAsSeen.bind(i), i.markAsInteracted = i.markAsInteracted.bind(i), i.markAsArchived = i.markAsArchived.bind(i), i;
+    }), s.activation_url_patterns = e.activation_url_patterns.map((r) => ({
+      ...r,
+      pattern: new C({ pathname: r.pathname })
     })), s;
   }
   buildQueryParams(e = {}) {
@@ -493,77 +499,79 @@ class B {
       ...e
     };
     this.store.state.debug.forcedGuideKey && (t.force_all_guides = !0);
-    let i = Object.fromEntries(
+    let r = Object.fromEntries(
       Object.entries(t).filter(
-        ([n, r]) => r != null
+        ([n, i]) => i != null
       )
     );
-    return i = i.data ? { ...i, data: JSON.stringify(i.data) } : i, i;
+    return r = r.data ? { ...r, data: JSON.stringify(r.data) } : r, r;
   }
   formatQueryKey(e) {
     const s = Object.keys(e).sort().map(
       (n) => `${encodeURIComponent(n)}=${encodeURIComponent(e[n])}`
-    ).join("&"), i = U(this.knock.userId);
-    return s ? `${i}?${s}` : i;
+    ).join("&"), r = U(this.knock.userId);
+    return s ? `${r}?${s}` : r;
   }
   setStepMessageAttrs(e, t, s) {
-    let i;
+    let r;
     return s.archived_at && this.clearGroupStage(), this.store.setState((n) => {
-      let r = n.guides[e];
-      if (!r) return n;
-      const o = r.steps.map((c) => (c.ref !== t || (c.message = { ...c.message, ...s }, i = c), c));
-      r = i ? { ...r, steps: o } : r;
-      const u = { ...n.guides, [r.key]: r }, h = s.archived_at && !r.bypass_global_group_limit ? {
+      let i = n.guides[e];
+      if (!i) return n;
+      const o = i.steps.map((c) => (c.ref !== t || (c.message = { ...c.message, ...s }, r = c), c));
+      i = r ? { ...i, steps: o } : i;
+      const a = { ...n.guides, [i.key]: i }, h = s.archived_at && !i.bypass_global_group_limit ? {
         ...n.guideGroupDisplayLogs,
-        [S]: s.archived_at
+        [R]: s.archived_at
       } : n.guideGroupDisplayLogs;
-      return { ...n, guides: u, guideGroupDisplayLogs: h };
-    }), i;
+      return { ...n, guides: a, guideGroupDisplayLogs: h };
+    }), r;
   }
   buildEngagementEventBaseParams(e, t) {
     return {
       channel_id: e.channel_id,
       guide_key: e.key,
       guide_id: e.id,
-      guide_step_ref: t.ref
+      guide_step_ref: t.ref,
+      // Can be used for scoping guide messages.
+      tenant: this.targetParams.tenant
     };
   }
   addOrReplaceGuide({ data: e }) {
     this.patchClosedGroupStage();
     const t = this.localCopy(e.guide);
     this.store.setState((s) => {
-      const i = { ...s.guides, [t.key]: t };
-      return { ...s, guides: i };
+      const r = { ...s.guides, [t.key]: t };
+      return { ...s, guides: r };
     });
   }
   removeGuide({ data: e }) {
     this.patchClosedGroupStage(), this.store.setState((t) => {
-      const { [e.guide.key]: s, ...i } = t.guides;
-      return { ...t, guides: i };
+      const { [e.guide.key]: s, ...r } = t.guides;
+      return { ...t, guides: r };
     });
   }
   addOrReplaceGuideGroup({
     data: e
   }) {
     this.patchClosedGroupStage(), this.store.setState((t) => {
-      const s = [e.guide_group], i = e.guide_group.display_sequence_unthrottled || [], n = e.guide_group.display_sequence_throttled || [];
-      let r = t.guides;
-      return r = i.reduce((o, u) => {
-        if (!o[u]) return o;
-        const h = { ...o[u], bypass_global_group_limit: !0 };
-        return { ...o, [u]: h };
-      }, r), r = n.reduce((o, u) => {
-        if (!o[u]) return o;
-        const h = { ...o[u], bypass_global_group_limit: !1 };
-        return { ...o, [u]: h };
-      }, r), { ...t, guides: r, guideGroups: s };
+      const s = [e.guide_group], r = e.guide_group.display_sequence_unthrottled || [], n = e.guide_group.display_sequence_throttled || [];
+      let i = t.guides;
+      return i = r.reduce((o, a) => {
+        if (!o[a]) return o;
+        const h = { ...o[a], bypass_global_group_limit: !0 };
+        return { ...o, [a]: h };
+      }, i), i = n.reduce((o, a) => {
+        if (!o[a]) return o;
+        const h = { ...o[a], bypass_global_group_limit: !1 };
+        return { ...o, [a]: h };
+      }, i), { ...t, guides: i, guideGroups: s };
     });
   }
   updatePreviewGuide({ data: e }) {
     const t = this.localCopy(e.guide);
     this.store.setState((s) => {
-      const i = { ...s.previewGuides, [t.key]: t };
-      return { ...s, previewGuides: i };
+      const r = { ...s.previewGuides, [t.key]: t };
+      return { ...s, previewGuides: r };
     });
   }
   // Returns whether debug params have changed. For guide key, we only check
@@ -577,14 +585,14 @@ class B {
       e.addEventListener("popstate", this.handleLocationChange), e.addEventListener("hashchange", this.handleLocationChange);
       const t = e.history.pushState, s = e.history.replaceState;
       e.history.pushState = new Proxy(t, {
-        apply: (i, n, r) => {
-          Reflect.apply(i, n, r), setTimeout(() => {
+        apply: (r, n, i) => {
+          Reflect.apply(r, n, i), setTimeout(() => {
             this.handleLocationChange();
           }, 0);
         }
       }), e.history.replaceState = new Proxy(s, {
-        apply: (i, n, r) => {
-          Reflect.apply(i, n, r), setTimeout(() => {
+        apply: (r, n, i) => {
+          Reflect.apply(r, n, i), setTimeout(() => {
             this.handleLocationChange();
           }, 0);
         }