@streamlayer/react 1.1.7 → 1.3.0

package/lib/es/app.js

@@ -1,958 +0,0 @@
-var fe = Object.defineProperty;
-var ke = (e, s, n) => s in e ? fe(e, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[s] = n;
-var m = (e, s, n) => ke(e, typeof s != "symbol" ? s + "" : s, n);
-import { jsx as t, jsxs as g, Fragment as D } from "react/jsx-runtime";
-import { a4 as P, u, F as ye, s as h, T as re, i as Ne, p as be, b as Se, N as Ie, k as Ee, M as Ae, g as Ce, h as we, C as $e, j as Le, O as le, m as q, l as De, n as Te, o as Oe, q as de, r as xe, t as Re, v as Ve, w as M, x as Pe, y as ce, z as U, A as qe, B as G, I as O, c as pe, E as _e, G as Fe, H as Qe, e as Ke, J as x, K as H, P as Me, R as Ue, U as ze, a as ue, W as Be, X as We, L as _, $ as Ge, f as F, a0 as He, a1 as je, Y as Xe, Z as Ye, _ as Ze, a5 as Je, a2 as he, a3 as j } from "./index2.js";
-import { createContext as es, useContext as z, useRef as L, useState as E, useEffect as k, useTransition as ss, lazy as ns, useMemo as w, Suspense as ts, forwardRef as os, useLayoutEffect as is, useCallback as V } from "react";
-import { C, c as X, Q as R, S as $ } from "./useStreamLayerApp2.js";
-window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
-function as(e) {
-  return e instanceof DOMException && // everything except Firefox
-  (e.code === 22 || // Firefox
-  e.code === 1014 || // test name field too, because code might not be present
-  // everything except Firefox
-  e.name === "QuotaExceededError" || // Firefox
-  e.name === "NS_ERROR_DOM_QUOTA_REACHED");
-}
-class rs {
-  constructor(s = "main", n = window.localStorage) {
-    m(this, "delimiter", ":");
-    m(this, "prefix");
-    m(this, "storage");
-    m(this, "clear", () => {
-      for (const s in window.localStorage)
-        s.startsWith(this.prefix) && this.storage.removeItem(s);
-    });
-    m(this, "generateKey", (s) => `${this.prefix}${this.delimiter}${s.join(this.delimiter)}`);
-    m(this, "write", (...s) => {
-      const n = s.pop() || "", o = this.generateKey(s);
-      try {
-        this.storage.setItem(o, n);
-      } catch (a) {
-        as(a) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(o, n));
-      }
-    });
-    m(this, "read", (...s) => {
-      const n = this.storage.getItem(this.generateKey(s));
-      return n === null ? void 0 : n;
-    });
-    m(this, "remove", (...s) => {
-      this.storage.removeItem(this.generateKey(s));
-    });
-    this.prefix = `sl-sdk${this.delimiter}${s}`, this.storage = n;
-  }
-}
-var Y;
-(function(e) {
-  e.Init = "init", e.Ready = "ready", e.Connecting = "connecting", e.Connected = "connected", e.Disconnected = "disconnected", e.Failed = "failed", e.Reconnect = "reconnect", e.Reconnecting = "reconnecting";
-})(Y || (Y = {}));
-C.Unknown, C.Internal, C.DeadlineExceeded, C.ResourceExhausted, C.FailedPrecondition, C.Unavailable, C.DataLoss;
-P("grpc:retry");
-X(10, { description: "Number of attempts to retry" }), X(3e4, { description: "Max delay between retries in milliseconds" });
-var I;
-(function(e) {
-  e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
-})(I || (I = {}));
-class ls extends rs {
-  constructor() {
-    super("user");
-    // Schema
-    m(this, "setSchema", (n) => {
-      this.write(I.SCHEMA, n);
-    });
-    m(this, "getSchema", () => this.read(I.SCHEMA));
-    // Token
-    m(this, "setToken", (n) => {
-      this.write(I.TOKEN, n);
-    });
-    m(this, "getToken", () => this.read(I.TOKEN));
-    // External Token
-    m(this, "setExternalToken", (n) => {
-      this.write(I.EXTERNAL_TOKEN, n);
-    });
-    m(this, "getExternalToken", () => this.read(I.EXTERNAL_TOKEN));
-    m(this, "removeToken", () => {
-      this.remove(I.TOKEN);
-    });
-  }
-}
-var Z;
-(function(e) {
-  e.DISABLED = "disabled", e.INITIALIZATION = "initialization", e.READY = "ready", e.FAILED = "failed", e.SUSPENDED = "suspended";
-})(Z || (Z = {}));
-P("deep_link");
-P("bypass");
-new ls();
-P("video_player");
-var J;
-(function(e) {
-  e.SHOWED = "showed";
-})(J || (J = {}));
-var ee;
-(function(e) {
-  e.ALLOWED = "allowed", e.DISALLOWED = "disallowed";
-})(ee || (ee = {}));
-var se;
-(function(e) {
-  e.UNKNOWN = "unknown", e.ALREADY_VOTED = "already_voted";
-})(se || (se = {}));
-var ne;
-(function(e) {
-  e.ONBOARDING = "onboarding", e.ONBOARDING_IO = "onboarding_io";
-})(ne || (ne = {}));
-var te;
-(function(e) {
-  e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
-})(te || (te = {}));
-R.POLL, R.PREDICTION, R.TRIVIA;
-const ds = {
-  [$.GAMES]: !0
-}, Q = /* @__PURE__ */ h("div")({
-  name: "LoadingContainer",
-  class: "lclc0ej",
-  propsAsIs: !1
-}), cs = ({
-  feature: e,
-  sdk: s,
-  children: n,
-  className: o,
-  noWait: a
-}) => {
-  const r = u(e.status), l = u(s.sdkStore.slStreamId);
-  if (!a) {
-    if (l != null && l.loading && !l.data)
-      return /* @__PURE__ */ t(Q, {
-        className: o,
-        children: "Event is loading..."
-      });
-    if (!(l != null && l.data))
-      return /* @__PURE__ */ t(Q, {
-        className: o,
-        children: "Event is forbidden..."
-      });
-    if (r !== ye.Ready)
-      return /* @__PURE__ */ t(Q, {
-        className: o,
-        children: "Wait feature..."
-      });
-  }
-  return n;
-}, ve = es({
-  sdk: null
-}), B = () => z(ve), ps = /* @__PURE__ */ h("div")({
-  name: "QuestionContainer",
-  class: "q14ckf9e",
-  propsAsIs: !1
-}), us = ({
-  openedQuestion: e
-}) => {
-  var s, n;
-  const {
-    sdk: o
-  } = B();
-  return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ t(be, {
-    ...e.attributes.attributes.value,
-    controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ t(Se, {
-    ...e.attributes.attributes.value,
-    controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : null;
-}, hs = ({
-  extendedQuestion: e,
-  vote: s,
-  close: n
-}) => {
-  const {
-    loading: o,
-    data: a
-  } = e;
-  return a ? /* @__PURE__ */ t(Ie, {
-    vote: s,
-    close: n,
-    openedQuestion: a,
-    isLoading: !!o
-  }) : /* @__PURE__ */ t(Ee, {});
-}, vs = ({
-  gamification: e,
-  hideSponsor: s,
-  className: n,
-  hideHeader: o
-}) => {
-  var a, r, l;
-  const d = u(e.openedQuestion.$store), i = u(e.openedQuestion.$extendedStore);
-  if (!d)
-    return null;
-  const c = d.type;
-  return /* @__PURE__ */ g(ps, {
-    className: n,
-    children: [!o && /* @__PURE__ */ t(re, {
-      close: e.closeQuestion,
-      type: ((a = d.attributes) == null ? void 0 : a.type) || R.UNSET
-    }), c === "question" && /* @__PURE__ */ t(hs, {
-      vote: e.submitAnswer,
-      close: e.closeQuestion,
-      extendedQuestion: i
-    }), c !== "question" && /* @__PURE__ */ t(us, {
-      openedQuestion: d
-    }), !s && /* @__PURE__ */ t(Ne, {
-      sponsorLogo: (l = (r = i.data) == null ? void 0 : r.sponsorship) == null ? void 0 : l.logo
-    })]
-  });
-}, ms = /* @__PURE__ */ h("div")({
-  name: "InviteFriendsContainer",
-  class: "i1c9dygq",
-  propsAsIs: !1
-}), gs = ({
-  deepLink: e
-}) => /* @__PURE__ */ t(ms, {
-  children: /* @__PURE__ */ t(Ae, {
-    inviteLink: e,
-    inviteCardTitle: "It’s More Fun With Friends",
-    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
-  })
-}), fs = /* @__PURE__ */ h("div")({
-  name: "InviteLinkContainer",
-  class: "i1odbhm4",
-  propsAsIs: !1
-}), ks = ({
-  gamification: e,
-  scrollNode: s,
-  scrollStore: n
-}) => {
-  const o = L(null), {
-    data: a,
-    hasMore: r,
-    loading: l,
-    key: d
-  } = u(e.leaderboardList.$store), {
-    data: i
-  } = u(e.deepLink.$store), [c, p] = Ce(o);
-  return !a.length && !l ? /* @__PURE__ */ t(gs, {
-    deepLink: i
-  }) : /* @__PURE__ */ g(D, {
-    children: [/* @__PURE__ */ t(we, {
-      items: a,
-      scrollNode: s,
-      scrollStore: n,
-      fetchMore: e.leaderboardList.fetchMore,
-      hasMore: r,
-      openItemDetail: e.openUser,
-      currentUserId: e.currentUserId.get()
-    }, d), i && /* @__PURE__ */ t(fs, {
-      ref: o,
-      children: /* @__PURE__ */ t($e, {
-        onClick: () => c(i),
-        title: "Invite Friends",
-        description: "Challenge them now!"
-      })
-    }), p]
-  });
-}, ys = ({ store: e, openQuestion: s }) => {
-  const { sdk: n } = B(), o = u(e);
-  return /* @__PURE__ */ t(Le, { openQuestion: s, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
-}, Ns = ({ userSummary: e }) => {
-  var s;
-  const [n, o] = E(void 0);
-  return k(() => {
-    const a = e.$store.subscribe((r) => {
-      r && o(r);
-    });
-    return () => {
-      a();
-    };
-  }, [e]), /* @__PURE__ */ t(le, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (s = n == null ? void 0 : n.percentage) == null ? void 0 : s.correct });
-}, bs = ({ gamification: e, className: s, scrollStore: n, scrollNode: o, appNode: a, style: r, responsiveStore: l }) => {
-  const { tabsShown: d } = u(n, { keys: ["tabsShown"] }), [i, c] = E(q.HOME), [, p] = ss(), { sdkInDesktopView: v, screen: f } = u(l, { keys: ["sdkInDesktopView"] }), N = (S) => {
-    p(() => {
-      var y;
-      c(S), v === !1 && (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, f.size, { behavior: "instant" });
-    });
-  };
-  k(() => n.subscribe((S) => {
-    if (S.scrollPosition === 0) {
-      n.setKey("tabsShown", !0);
-      return;
-    }
-    l.get().sdkInDesktopView ? n.setKey("tabsShown", S.scrollDirection === "backward") : n.setKey("tabsShown", S.scrollDirection === "forward");
-  }), [n, l]);
-  let b = "0px";
-  return v ? b = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : b = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ g(De, { className: s, style: r, children: [
-    /* @__PURE__ */ t(
-      Te,
-      {
-        style: {
-          top: b
-        },
-        children: /* @__PURE__ */ t(Oe, { activePage: i, toggleActivePage: N })
-      }
-    ),
-    i === q.HOME && /* @__PURE__ */ g(D, { children: [
-      /* @__PURE__ */ t(de, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(Ns, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ t(Re, { style: { flex: 1 }, children: /* @__PURE__ */ t(ys, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
-    ] }),
-    i === q.LEADERBOARD && /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(ks, { scrollStore: n, scrollNode: o, gamification: e }) })
-  ] });
-}, Ss = () => U, oe = /* @__PURE__ */ h(Ss())({
-  name: "OpenedContainer",
-  class: "ouvguos",
-  propsAsIs: !0
-}), Is = /* @__PURE__ */ h("div")({
-  name: "UserContainer",
-  class: "u1eu4lbg",
-  propsAsIs: !1
-}), Es = ({
-  correct: e,
-  incorrect: s
-}) => {
-  const n = e + s;
-  return n === 0 ? 0 : Math.round(e / n * 100);
-}, gn = ({
-  gamification: e,
-  scrollStore: s,
-  className: n,
-  appNode: o,
-  scrollNode: a,
-  responsiveStore: r
-}) => /* @__PURE__ */ t(bs, {
-  appNode: o,
-  scrollStore: s,
-  scrollNode: a,
-  className: n,
-  gamification: e,
-  responsiveStore: r
-}), As = ({
-  gamification: e,
-  className: s,
-  appNode: n,
-  responsiveStore: o
-}) => {
-  const a = u(e.openedQuestion.$store), r = u(e.openedUser), {
-    sdkInDesktopView: l
-  } = u(o, {
-    keys: ["sdkInDesktopView"]
-  }), {
-    hiding: d,
-    onAnimationEnd: i
-  } = Pe();
-  if (!n.current || !a && !r)
-    return null;
-  const c = a ? /* @__PURE__ */ t(oe, {
-    className: s,
-    hiding: d,
-    onAnimationEnd: i,
-    children: /* @__PURE__ */ t(vs, {
-      gamification: e
-    })
-  }) : r ? /* @__PURE__ */ t(oe, {
-    className: s,
-    hiding: d,
-    onAnimationEnd: i,
-    children: /* @__PURE__ */ g(Is, {
-      children: [/* @__PURE__ */ t(re, {
-        label: "Friend's Rank",
-        close: e.closeUser
-      }), /* @__PURE__ */ t(de, {
-        children: /* @__PURE__ */ t(le, {
-          ...r,
-          successRate: Es(r)
-        })
-      })]
-    })
-  }) : null;
-  return /* @__PURE__ */ t(ce, {
-    container: n,
-    useContainer: !l,
-    children: c
-  });
-}, Cs = ns(() => import("./gamification-feature.js")), ws = ({ sdk: e, feature: s, className: n, scrollStore: o, appNode: a, scrollNode: r, responsiveStore: l }) => {
-  const d = w(() => s && s.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ t(cs, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ t(
-    Cs,
-    {
-      appNode: a,
-      scrollStore: o,
-      scrollNode: r,
-      className: n,
-      responsiveStore: l,
-      gamification: s
-    }
-  ) }) : null, [e, s, n, l, o, r, a]);
-  return /* @__PURE__ */ t(
-    ts,
-    {
-      fallback: /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: d
-    }
-  );
-}, $s = ({ feature: e, className: s, appNode: n, responsiveStore: o }) => e && e.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ t(
-  As,
-  {
-    className: s,
-    appNode: n,
-    responsiveStore: o,
-    gamification: e
-  }
-) : null, Ls = () => pe, Ds = /* @__PURE__ */ h(Ls())({
-  name: "ButtonIcon",
-  class: "b11wpe79",
-  propsAsIs: !0
-}), Ts = os(({
-  sdk: e,
-  className: s
-}, n) => {
-  const o = u(e.sdkStore.organizationSettings), a = u(e.sdkStore.streamSettings), r = u(e.getActiveFeature()), l = w(() => {
-    const i = (a == null ? void 0 : a.data) || (o == null ? void 0 : o.data);
-    return i != null && i.overlays ? i.overlays : [];
-  }, [o, a]), d = w(() => [...l.filter(({
-    enableSdkButton: i,
-    type: c
-  }) => c === $.GAMES || i).map((i) => ({
-    id: i.type,
-    onClick: () => e.openFeature(i.type),
-    disabled: !(i.type in ds),
-    label: i.name,
-    icon: /* @__PURE__ */ t("img", {
-      src: i.icon,
-      alt: ""
-    }),
-    /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
-    position: i.position * 10
-  }))].sort((i, c) => i.position - c.position), [l, e]);
-  return /* @__PURE__ */ g(qe, {
-    className: s,
-    children: [d.length !== 0 && /* @__PURE__ */ t(G, {
-      children: [/* @__PURE__ */ t(O, {
-        id: "Channels",
-        onClick: () => e.closeFeature(),
-        label: "Channels",
-        active: r === 0
-      }, "Channels"), ...d.map((i) => i.id === $.GAMES ? /* @__PURE__ */ t(O, {
-        ...i,
-        active: i.id === r,
-        label: "StreamLayer +",
-        id: "featuredGroups",
-        icon: /* @__PURE__ */ t(Ds, {
-          name: "icon-btn-feature-groups",
-          "data-selected": i.id === r
-        })
-      }, i.id) : /* @__PURE__ */ t(O, {
-        ...i,
-        icon: void 0,
-        active: i.id === r
-      }, i.id))]
-    }), !d.length && /* @__PURE__ */ t(G, {
-      children: [/* @__PURE__ */ t(O, {
-        id: "empty",
-        label: "No Features...",
-        active: !1,
-        disabled: !0
-      }, "empty")]
-    }), /* @__PURE__ */ t("div", {
-      ref: n
-    })]
-  });
-}), Os = /* @__PURE__ */ h("div")({
-  name: "Container",
-  class: "c1qjj4d4",
-  propsAsIs: !1
-}), xs = /* @__PURE__ */ h("div")({
-  name: "CloseIconWrap",
-  class: "c1lg6b8a",
-  propsAsIs: !1
-}), Rs = () => pe, Vs = /* @__PURE__ */ h(Rs())({
-  name: "CloseIcon",
-  class: "c159el66",
-  propsAsIs: !0
-}), Ps = /* @__PURE__ */ h("div")({
-  name: "Title",
-  class: "t16xmufv",
-  propsAsIs: !1
-}), qs = /* @__PURE__ */ h("img")({
-  name: "SponsorLogo",
-  class: "s83lc21",
-  propsAsIs: !1
-}), _s = /* @__PURE__ */ h("div")({
-  name: "PresentsTitle",
-  class: "p1p7igia",
-  propsAsIs: !1
-}), Fs = /* @__PURE__ */ h("div")({
-  name: "Subtitle",
-  class: "s1eftsbu",
-  propsAsIs: !1
-}), Qs = /* @__PURE__ */ h("div")({
-  name: "Description",
-  class: "d8uezec",
-  propsAsIs: !1
-}), Ks = /* @__PURE__ */ h("button")({
-  name: "ActionButton",
-  class: "a1h1bk90",
-  propsAsIs: !1
-}), ie = ({ close: e, action: s, onboarding: n }) => {
-  var o, a, r, l, d, i, c, p;
-  return /* @__PURE__ */ g(Os, { children: [
-    /* @__PURE__ */ t(xs, { onClick: e, children: /* @__PURE__ */ t(Vs, { name: "icon-cross" }) }),
-    ((a = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : a.sponsorLogo) && /* @__PURE__ */ g(Ps, { children: [
-      /* @__PURE__ */ t(qs, { alt: "sponsor-logo", src: (l = (r = n == null ? void 0 : n.titleCard) == null ? void 0 : r.media) == null ? void 0 : l.sponsorLogo }),
-      /* @__PURE__ */ t(_s, { children: "PRESENTS" })
-    ] }),
-    ((d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.title) && /* @__PURE__ */ t(Fs, { children: (i = n == null ? void 0 : n.titleCard) == null ? void 0 : i.title }),
-    ((c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ t(Qs, { children: (p = n == null ? void 0 : n.titleCard) == null ? void 0 : p.subtitle }),
-    /* @__PURE__ */ t(Ks, { onClick: s, children: "Play Now" })
-  ] });
-}, K = [{
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_0.png",
-  tagline: "",
-  headline: /* @__PURE__ */ g(D, {
-    children: ["Welcome to ", /* @__PURE__ */ t("br", {}), " StreamLayer +"]
-  })
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",
-  headline: "Get real-time insights"
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",
-  headline: "Predictions, trivia & polls synced to match play"
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",
-  headline: "Win points for every answer you get right"
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
-  headline: "Compete against friends on the leaderboard"
-}], Ms = /* @__PURE__ */ h("div")({
-  name: "OnboardingContainer",
-  class: "o1xni1kr",
-  propsAsIs: !1
-}), Us = () => U, zs = /* @__PURE__ */ h(Us())({
-  name: "OnboardingNotificationContainer",
-  class: "o1vnouv7",
-  propsAsIs: !0
-}), ae = /* @__PURE__ */ h("div")({
-  name: "InnerContainer",
-  class: "i59uefw",
-  propsAsIs: !1
-}), Bs = ({
-  deepLink: e,
-  onboardingOpts: s,
-  notification: n,
-  gamification: o,
-  loading: a,
-  sdk: r
-}) => {
-  var l, d, i, c, p, v, f;
-  const N = u(o.friends.getStore()), [b, S] = E(void 0), y = w(() => {
-    var A, T;
-    const W = r.getInviter();
-    return W ? (T = (A = N.data) == null ? void 0 : A.find(({
-      slId: ge
-    }) => ge === W)) == null ? void 0 : T.name : "";
-  }, [N.data, r]);
-  return k(() => {
-    const A = e.$store.subscribe((T) => {
-      T && S(T.data);
-    });
-    return () => {
-      A();
-    };
-  }, [e.$store]), /* @__PURE__ */ t(Ms, {
-    children: /* @__PURE__ */ t(Fe, {
-      loading: a,
-      rules: [{
-        label: "Answer as many questions as you like.",
-        icon: "icon-btn-feature-groups"
-      }, {
-        label: "Win points for each correct trivia or prediction answer.",
-        icon: "icon-thumb-up"
-      }, {
-        label: "Top the leader board and best your friends.",
-        icon: "icon-trophy"
-      }],
-      rulesBtnLabel: (l = s.rules) == null ? void 0 : l.buttonLabel,
-      rulesTitle: (d = s.rules) == null ? void 0 : d.heading,
-      termsTitle: "Terms and Conditions",
-      termsText: (i = s.rules) == null ? void 0 : i.terms,
-      steps: K,
-      primaryColor: (c = s.inviteCard) == null ? void 0 : c.iconColor,
-      inviteLink: b,
-      inviteCardTitle: (p = s.inviteCard) == null ? void 0 : p.heading,
-      inviteCardSubtext: (v = s.inviteCard) == null ? void 0 : v.subtext,
-      inviteCardBtnLabel: (f = s.inviteCard) == null ? void 0 : f.buttonLabel,
-      onClose: () => {
-        var A;
-        (A = n.close) == null || A.call(n);
-      },
-      gamification: o,
-      sdk: r,
-      inviterName: y
-    })
-  });
-}, Ws = ({
-  sdk: e,
-  notification: s,
-  saveHeight: n,
-  style: o,
-  appNode: a,
-  sdkInDesktopView: r,
-  responsiveStore: l
-}) => {
-  const d = L(null), i = s.data.onboarding, [c, p] = E(i == null ? void 0 : i.instantOpen), v = e.getFeature($.GAMES), f = w(() => K == null ? void 0 : K.map(({
-    graphicSrc: y
-  }) => y), []), {
-    screen: N
-  } = u(l, {
-    keys: ["screen"]
-  });
-  is(() => {
-    var y;
-    n(((y = d.current) == null ? void 0 : y.getBoundingClientRect().height) || 0);
-  }, [n]);
-  const {
-    loading: b,
-    throttled: S
-  } = _e(f);
-  return c && v && i && a.current && !S ? /* @__PURE__ */ t(ce, {
-    container: a,
-    useContainer: !r,
-    children: /* @__PURE__ */ t(Bs, {
-      notification: s,
-      setOpened: p,
-      gamification: v,
-      onboardingOpts: i,
-      deepLink: v.deepLink,
-      loading: b,
-      renderToNode: a,
-      sdk: e
-    })
-  }) : /* @__PURE__ */ g(D, {
-    children: [/* @__PURE__ */ t(ae, {
-      ref: d,
-      style: {
-        position: "absolute",
-        visibility: "hidden"
-      },
-      children: /* @__PURE__ */ t(ie, {
-        close: () => {
-        },
-        action: () => {
-        },
-        onboarding: i
-      })
-    }), /* @__PURE__ */ t(zs, {
-      style: o,
-      hiding: s.hiding,
-      children: /* @__PURE__ */ t(ae, {
-        children: /* @__PURE__ */ t(ie, {
-          close: s.close,
-          action: () => {
-            var y;
-            p(!0), (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, N.size, {
-              behavior: "smooth"
-            });
-          },
-          onboarding: i
-        })
-      })
-    })]
-  });
-}, Gs = () => U, Hs = /* @__PURE__ */ h(Gs())({
-  name: "Container",
-  class: "c8ol1ve",
-  propsAsIs: !0
-}), me = /* @__PURE__ */ h("div")({
-  name: "InnerContainer",
-  class: "iqfywam",
-  propsAsIs: !1
-}), js = () => me, Xs = /* @__PURE__ */ h(js())({
-  name: "HiddenContainer",
-  class: "hokmtod",
-  propsAsIs: !0
-}), Ys = /* @__PURE__ */ h("div")({
-  name: "NotificationRefreshing",
-  class: "n192d1q8",
-  propsAsIs: !1
-}), Zs = () => Qe, Js = /* @__PURE__ */ h(Zs())({
-  name: "Pill",
-  class: "p1lha68t",
-  propsAsIs: !0
-}), en = (e) => {
-  const [s, n] = E(0), o = L(null), a = V((l) => {
-    o.current = l;
-  }, []);
-  k(() => {
-    var l;
-    const d = (l = o.current) == null ? void 0 : l.getBoundingClientRect();
-    d && n(d.height);
-  }, [e]);
-  const r = V((l) => {
-    n(l);
-  }, []);
-  return [a, s, r];
-}, sn = ({
-  sdk: e,
-  notification: s,
-  appNode: n,
-  responsiveStore: o
-}) => {
-  var a, r;
-  const {
-    sdkInDesktopView: l
-  } = u(o, {
-    keys: ["sdkInDesktopView"]
-  }), {
-    sdk: d
-  } = B(), [i, c, p] = en(s.id);
-  return s.type === x.QUESTION ? /* @__PURE__ */ g(D, {
-    children: [/* @__PURE__ */ t(Xs, {
-      ref: i,
-      children: /* @__PURE__ */ t(H, {
-        ...s
-      })
-    }), /* @__PURE__ */ g(Hs, {
-      style: {
-        height: s.hiding ? 0 : c
-      },
-      hiding: s.hiding,
-      children: [/* @__PURE__ */ t(me, {
-        style: {
-          height: "100%"
-        },
-        children: /* @__PURE__ */ t(H, {
-          ...s,
-          controlVideo: d == null ? void 0 : d.controlVideoPlayer
-        })
-      }), /* @__PURE__ */ t(Ys, {}, s.id)]
-    })]
-  }) : s.type === x.QUESTION_RESOLVED && (r = (a = s.data) == null ? void 0 : a.question) != null && r.predictionResult ? /* @__PURE__ */ t(Me, {
-    style: {
-      height: s.hiding ? 0 : c
-    },
-    saveHeight: p,
-    close: s.close,
-    hiding: s.hiding,
-    ...s.data.question
-  }) : s.type === x.ONBOARDING ? /* @__PURE__ */ t(Ws, {
-    style: {
-      height: s.hiding ? 0 : c
-    },
-    saveHeight: p,
-    sdk: e,
-    notification: s,
-    sdkInDesktopView: l,
-    appNode: n,
-    responsiveStore: o
-  }) : null;
-}, nn = "p7vfi6t", tn = ({
-  pill: e,
-  setPill: s,
-  appNode: n,
-  headerNode: o,
-  scrollNode: a,
-  responsiveStore: r,
-  scrollStore: l
-}) => {
-  var d, i;
-  const {
-    screen: c
-  } = u(r, {
-    keys: ["screen"]
-  }), {
-    tabsShown: p,
-    scrollPosition: v
-  } = u(l, {
-    keys: ["tabsShown", "scrollPosition"]
-  });
-  k(() => {
-    r.get().sdkInDesktopView ? v < 50 && s(null) : v > -50 && s(null);
-  }, [v, r, s]);
-  const f = r.get().sdkInDesktopView ? n : o;
-  return !e || !f.current ? null : Ue.createPortal(/* @__PURE__ */ t(Js, {
-    title: e.type === x.QUESTION_RESOLVED ? "Prediction result" : `New ${((i = ze[(d = e.data) == null ? void 0 : d.questionType]) == null ? void 0 : i.label) || "notification"}`,
-    onClick: () => {
-      var N;
-      r.get().sdkInDesktopView ? (N = a.current) == null || N.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      }) : M(n, c.size, {
-        behavior: "smooth"
-      }), s(null);
-    },
-    className: ue(p && nn, "sl-pill-button")
-  }), f.current);
-}, on = ({
-  sdk: e,
-  headerNode: s,
-  scrollNode: n,
-  responsiveStore: o,
-  appNode: a,
-  scrollStore: r
-}) => {
-  const [l] = E(e.getNotificationsStore()), d = u(l), [i, c] = E(null), p = w(() => e.getActiveNotification(), [e, d]);
-  return k(() => {
-    p && Ke.emit("notification", {
-      action: "rendered",
-      payload: {
-        questionId: p.data.questionId,
-        questionType: p.data.questionType
-      }
-    });
-  }, [p]), k(() => {
-    p && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && c(p), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
-      r.get().scrollPosition !== 0 && c(p);
-    }));
-  }, [p]), k(() => {
-    p || c(null);
-  }, [p]), /* @__PURE__ */ g(D, {
-    children: [!i && p && /* @__PURE__ */ t(sn, {
-      headerNode: s,
-      appNode: a,
-      sdk: e,
-      notification: p,
-      responsiveStore: o
-    }), i && /* @__PURE__ */ t(tn, {
-      pill: i,
-      setPill: c,
-      appNode: a,
-      notification: p,
-      headerNode: s,
-      scrollNode: n,
-      scrollStore: r,
-      responsiveStore: o
-    })]
-  });
-}, an = (e) => {
-  const s = L(""), [n, o] = E(!1), a = u(e.status), r = u(e.sdkStore.slStreamId), l = u(e.userId()), d = u(e.getActiveFeature()), i = a === "ready" && !!r.data;
-  k(() => {
-    const v = e.getFeature($.GAMES);
-    v && (v.closeQuestion(), v.closeUser());
-  }, [d, e]);
-  const c = V(
-    (v) => {
-      s.current = v, o(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: f, err: N }) => {
-        if (!N && f) {
-          e.isUserAuthorized().then((b) => {
-            b || e.disableApp();
-          });
-          return;
-        }
-      });
-    },
-    [e]
-  ), p = V(() => {
-    o(!1), e.disableApp();
-  }, [e]);
-  return k(() => {
-    if (!l) {
-      i && e.disableApp();
-      return;
-    }
-    if (l && s.current && n) {
-      e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
-        e.createEventSession(s.current);
-      });
-      return;
-    }
-  }, [l]), k(() => () => {
-    o(!1), e.disableApp();
-  }, [o, e]), {
-    sdkEnabled: n,
-    sdkReady: i,
-    activateEventWithId: c,
-    deactivate: p,
-    isLogged: !!l
-  };
-}, rn = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: a, responsiveStore: r }) => {
-  const [, l] = je(e);
-  return /* @__PURE__ */ t(
-    ws,
-    {
-      className: s,
-      scrollNode: a,
-      appNode: o,
-      scrollStore: n,
-      feature: l,
-      responsiveStore: r,
-      sdk: e
-    }
-  );
-}, ln = ({ sdk: e, className: s, appNode: n, responsiveStore: o }) => {
-  const a = u(e.featuresList.getStore());
-  return a ? Array.from(a, (r) => {
-    const l = e.getFeature(r);
-    return l ? /* @__PURE__ */ t(
-      $s,
-      {
-        className: s,
-        appNode: n,
-        feature: l,
-        responsiveStore: o,
-        sdk: e
-      },
-      r
-    ) : null;
-  }) : null;
-}, dn = ({ sdk: e, event: s }) => {
-  const n = L(null), o = L(null), [a] = Be(n), [r, l] = We(n, a), { sdkEnabled: d, sdkReady: i, activateEventWithId: c, deactivate: p, isLogged: v } = an(e);
-  k(() => {
-    s ? (e.createEventSession(s), c(s)) : p();
-  }, [s, c, p, e]), _(n, { enabled: d, event: "click", listener: Xe }), _(r, {
-    enabled: d,
-    event: "scrollend",
-    listener: Ye,
-    useDomNode: !0
-  }), _(r, {
-    enabled: d,
-    event: "click",
-    listener: Ze,
-    useDomNode: !0
-  });
-  const f = w(() => ({ sdk: e }), [e]);
-  return k(() => {
-    import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ t(ve.Provider, { value: f, children: /* @__PURE__ */ g(Ge, { ref: n, children: [
-    d && /* @__PURE__ */ t(Ts, { className: F, sdk: e, ref: o }),
-    /* @__PURE__ */ g(He, { className: "sl-hide-on-modal", ref: r, "data-nav": d.toString(), children: [
-      i && /* @__PURE__ */ t(
-        on,
-        {
-          sdk: e,
-          scrollNode: r,
-          headerNode: o,
-          appNode: n,
-          scrollStore: l,
-          responsiveStore: a
-        }
-      ),
-      i && /* @__PURE__ */ t(
-        rn,
-        {
-          scrollStore: l,
-          responsiveStore: a,
-          scrollNode: r,
-          appNode: n,
-          className: F,
-          sdk: e
-        }
-      ),
-      i && /* @__PURE__ */ t(ln, { responsiveStore: a, appNode: n, className: F, sdk: e })
-    ] }),
-    d && !v && /* @__PURE__ */ t(
-      "div",
-      {
-        style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" },
-        children: "You are not logged in."
-      }
-    )
-  ] }) });
-}, cn = ({ children: e, customTheme: s, style: n }) => /* @__PURE__ */ t("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ t("div", { className: ue(Je, s), style: n, children: e }) }), fn = () => {
-  const { sdk: e } = z(he);
-  return e;
-}, kn = ({ event: e }) => {
-  const { sdk: s, status: n } = z(he);
-  if (n === j.UNSET)
-    throw new Error("Wrap app in `StreamLayerProvider`");
-  return n === j.CONNECTED ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: "wait" }) : s === null ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(cn, { children: /* @__PURE__ */ t(dn, { sdk: s, event: e }) }) });
-};
-export {
-  gn as E,
-  an as F,
-  kn as S,
-  cn as d,
-  fn as u
-};