@streamlayer/react 0.31.12 → 0.32.0

package/lib/es/gamification-feature.js

@@ -2,12 +2,12 @@ import { jsxs as m, jsx as s, Fragment as b } from "react/jsx-runtime";
 import { s as r, n as O } from "./index4.js";
 import { useStore as k } from "@nanostores/react";
 import { o as Ne, r as te, w as Re, A as Qe, O as Ue, a as K, n as _e, d as Pe } from "./masters2.js";
-import { QuestionType as z, QuestionStatus as E, QuestionImages as R, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
+import { QuestionType as z, QuestionStatus as L, QuestionImages as R, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
 import { useState as V, useCallback as F, useMemo as Y, createElement as H, PureComponent as ye } from "react";
 import { d as Ae } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as qe } from "react-countdown-circle-timer";
-import { E as L } from "./index2.js";
+import { E } from "./index2.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
@@ -258,11 +258,11 @@ const Ye = /* @__PURE__ */ r("div")({
   questionStatus: u
 }) => {
   const p = n && (i === z.TRIVIA || i === z.PREDICTION);
-  if (!p && u !== E.RESOLVED || u === E.RESOLVED && i === z.PREDICTION && !n)
+  if (!p && u !== L.RESOLVED || u === L.RESOLVED && i === z.PREDICTION && !n)
     return null;
   const I = i === z.PREDICTION && !o, c = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ m(Ot, { "data-isPrediction": I, children: [
-    u === E.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ m(b, { children: [
+    u === L.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ m(b, { children: [
       /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(O, { name: "questionExpired" }) }),
       /* @__PURE__ */ m("div", { children: [
         /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { children: "Question Expired" }) }),
@@ -281,11 +281,11 @@ const Ye = /* @__PURE__ */ r("div")({
       ] }) })
     ] })
   ] });
-}, Et = /* @__PURE__ */ r("div")({
+}, Lt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c14ielyq",
   propsAsIs: !1
-}), Lt = /* @__PURE__ */ r("div")({
+}), Et = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "c1tlqx57",
   propsAsIs: !1
@@ -367,7 +367,7 @@ const Ye = /* @__PURE__ */ r("div")({
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: o
-}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === E.RESOLVED && n : !1, en = (e) => {
+}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === L.RESOLVED && n : !1, en = (e) => {
   var t;
   const {
     // option props
@@ -387,7 +387,7 @@ const Ye = /* @__PURE__ */ r("div")({
     questionType: A,
     correct: T,
     hasCorrectAnswer: a
-  } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: c, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = D === E.RESOLVED && A === z.PREDICTION, M = c || g;
+  } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: c, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = D === L.RESOLVED && A === z.PREDICTION, M = c || g;
   return /* @__PURE__ */ m(
     Qt,
     {
@@ -410,11 +410,11 @@ const Ye = /* @__PURE__ */ r("div")({
       ]
     }
   );
-}, tn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ r("div")({
+}, tn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ r("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), on = L.SECONDARY_GREEN6, de = L.SECONDARY_RED3, rn = L.NEUTRALS_GRAY3, an = ({
+}), on = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, rn = E.NEUTRALS_GRAY3, an = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
@@ -523,7 +523,7 @@ const Ye = /* @__PURE__ */ r("div")({
       onVote: T
     };
   }) : [], [d, h, t, e, l, T, D]), M = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
-  return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ m(Lt, { children: [
+  return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ m(Et, { children: [
     M && /* @__PURE__ */ s(
       bt,
       {
@@ -680,13 +680,13 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), En = /* @__PURE__ */ r("span")({
+}), Ln = /* @__PURE__ */ r("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var W = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(W || {});
-const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(En, { children: e }) }), Ln = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ m(wn, { "data-position": e === "home" ? "left" : "right", children: [
+const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Ln, { children: e }) }), En = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ m(wn, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ s(ue, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -936,9 +936,9 @@ function Yn(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? qn : C, U = a.layout, je = a.outerElementType, Ce = a.outerTagName, ke = a.style, we = a.useIsScrolling, be = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", Ee = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Le = se[0], $e = se[1], ie = [];
+      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? qn : C, U = a.layout, je = a.outerElementType, Ce = a.outerTagName, ke = a.style, we = a.useIsScrolling, be = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", Le = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], $e = se[1], ie = [];
       if (x > 0)
-        for (var $ = Le; $ <= $e; $++)
+        for (var $ = Ee; $ <= $e; $++)
           ie.push(H(l, {
             data: j,
             key: Q($, j),
@@ -949,7 +949,7 @@ function Yn(e) {
       var oe = i(this.props, this._instanceProps);
       return H(je || Ce || "div", {
         className: d,
-        onScroll: Ee,
+        onScroll: Le,
         ref: this._outerRefSetter,
         style: X({
           position: "relative",
@@ -1255,11 +1255,11 @@ const Kn = /* @__PURE__ */ r("div")({
     ) })
   }
 ) }), ds = ({ deepLink: e }) => {
-  const { data: t } = k(e.$store);
+  const { data: t } = k(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
     Ue,
     {
-      inviteLink: t == null ? void 0 : t.url,
+      inviteLink: n || i,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1351,7 +1351,7 @@ const Kn = /* @__PURE__ */ r("div")({
         ),
         /* @__PURE__ */ m(vs, { children: [
           I.label,
-          t === z.TRIVIA && n === E.RESOLVED && " • Expired"
+          t === z.TRIVIA && n === L.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(Is, { children: i || "" })
@@ -1410,7 +1410,7 @@ const Kn = /* @__PURE__ */ r("div")({
       style: {
         paddingBottom: "4px"
       },
-      children: /* @__PURE__ */ s(Ln, {
+      children: /* @__PURE__ */ s(En, {
         activePage: t,
         toggleActivePage: n
       })
@@ -1443,7 +1443,7 @@ const Kn = /* @__PURE__ */ r("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Es = ({
+}), Ls = ({
   correct: e,
   incorrect: t
 }) => {
@@ -1469,7 +1469,7 @@ const Kn = /* @__PURE__ */ r("div")({
         }), /* @__PURE__ */ s(K, {
           children: /* @__PURE__ */ s(ze, {
             ...i,
-            successRate: Es(i)
+            successRate: Ls(i)
           })
         })]
       })

package/lib/es/masters2.js

@@ -172,11 +172,11 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
   name: "InsightContent",
   class: "i1qne9g6",
   propsAsIs: !1
-}), Br = /* @__PURE__ */ h("h3")({
+}), vr = /* @__PURE__ */ h("h3")({
   name: "Title",
   class: "ttpr98r",
   propsAsIs: !1
-}), vr = /* @__PURE__ */ h("div")({
+}), Br = /* @__PURE__ */ h("div")({
   name: "Description",
   class: "d17iaqp8",
   propsAsIs: !1
@@ -194,8 +194,8 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
   (s == null ? void 0 : s.url) && /* @__PURE__ */ l(Ar, { source: s.url, poster: s.thumbnailUrl }),
   n && /* @__PURE__ */ l(br, { src: n }),
   /* @__PURE__ */ I(Er, { children: [
-    /* @__PURE__ */ l(Br, { children: c }),
-    /* @__PURE__ */ l(vr, { children: d }),
+    /* @__PURE__ */ l(vr, { children: c }),
+    /* @__PURE__ */ l(Br, { children: d }),
     m && /* @__PURE__ */ l(_r, { onClick: m, children: "View Insight" })
   ] })
 ] }), ne = /* @__PURE__ */ h("div")({
@@ -325,7 +325,7 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
   name: "AnswerText",
   class: "a51sv9d",
   propsAsIs: !1
-}), Zr = () => z, ve = /* @__PURE__ */ h(Zr())({
+}), Zr = () => z, Be = /* @__PURE__ */ h(Zr())({
   name: "FeedbackIcon",
   class: "f1lbk2ye",
   propsAsIs: !0
@@ -371,7 +371,7 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
         /* @__PURE__ */ I(se, { "data-color-green": "true", children: [
           /* @__PURE__ */ l(oe, { children: "Congratulations! You answered correctly." }),
           /* @__PURE__ */ I(fe, { children: [
-            /* @__PURE__ */ l(ve, { name: "selected" }),
+            /* @__PURE__ */ l(Be, { name: "selected" }),
             "Your Pick: ",
             /* @__PURE__ */ l(ye, { children: n == null ? void 0 : n.title })
           ] })
@@ -384,7 +384,7 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
             " points"
           ] }),
           /* @__PURE__ */ I(fe, { children: [
-            /* @__PURE__ */ l(ve, { name: "selected" }),
+            /* @__PURE__ */ l(Be, { name: "selected" }),
             "Your Pick: ",
             /* @__PURE__ */ l(ye, { children: n == null ? void 0 : n.title })
           ] })
@@ -397,7 +397,7 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
           "."
         ] }),
         /* @__PURE__ */ I(fe, { "data-incorrect": "true", children: [
-          /* @__PURE__ */ l(ve, { name: "circleClose" }),
+          /* @__PURE__ */ l(Be, { name: "circleClose" }),
           "Your Pick: ",
           /* @__PURE__ */ l(ye, { children: n == null ? void 0 : n.title })
         ] })
@@ -490,11 +490,11 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
   name: "Details",
   class: "d1s19yop",
   propsAsIs: !1
-}), Bi = /* @__PURE__ */ h("div")({
+}), vi = /* @__PURE__ */ h("div")({
   name: "QuoteWrap",
   class: "q1qyx94r",
   propsAsIs: !1
-}), vi = /* @__PURE__ */ h("blockquote")({
+}), Bi = /* @__PURE__ */ h("blockquote")({
   name: "Quote",
   class: "qs97clu",
   propsAsIs: !1
@@ -505,7 +505,7 @@ const Kt = ({ feature: s, sdk: n, children: c, className: d }) => {
   title: d,
   action: m
 }) => /* @__PURE__ */ I(Ii, { children: [
-  /* @__PURE__ */ l(Bi, { children: /* @__PURE__ */ l(vi, { children: d }) }),
+  /* @__PURE__ */ l(vi, { children: /* @__PURE__ */ l(Bi, { children: d }) }),
   /* @__PURE__ */ I(Ei, { children: [
     /* @__PURE__ */ l(wi, { ...s }),
     /* @__PURE__ */ l(xi, { children: n }),
@@ -593,27 +593,27 @@ function Ri(s) {
 var Ue = {};
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
 Ue.read = function(s, n, c, d, m) {
-  var g, f, o = m * 8 - d - 1, w = (1 << o) - 1, v = w >> 1, E = -7, C = c ? m - 1 : 0, y = c ? -1 : 1, A = s[n + C];
+  var g, f, o = m * 8 - d - 1, w = (1 << o) - 1, B = w >> 1, E = -7, C = c ? m - 1 : 0, y = c ? -1 : 1, A = s[n + C];
   for (C += y, g = A & (1 << -E) - 1, A >>= -E, E += o; E > 0; g = g * 256 + s[n + C], C += y, E -= 8)
     ;
   for (f = g & (1 << -E) - 1, g >>= -E, E += d; E > 0; f = f * 256 + s[n + C], C += y, E -= 8)
     ;
   if (g === 0)
-    g = 1 - v;
+    g = 1 - B;
   else {
     if (g === w)
       return f ? NaN : (A ? -1 : 1) * (1 / 0);
-    f = f + Math.pow(2, d), g = g - v;
+    f = f + Math.pow(2, d), g = g - B;
   }
   return (A ? -1 : 1) * f * Math.pow(2, g - d);
 };
 Ue.write = function(s, n, c, d, m, g) {
-  var f, o, w, v = g * 8 - m - 1, E = (1 << v) - 1, C = E >> 1, y = m === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, A = d ? 0 : g - 1, x = d ? 1 : -1, B = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
+  var f, o, w, B = g * 8 - m - 1, E = (1 << B) - 1, C = E >> 1, y = m === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, A = d ? 0 : g - 1, x = d ? 1 : -1, v = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
   for (n = Math.abs(n), isNaN(n) || n === 1 / 0 ? (o = isNaN(n) ? 1 : 0, f = E) : (f = Math.floor(Math.log(n) / Math.LN2), n * (w = Math.pow(2, -f)) < 1 && (f--, w *= 2), f + C >= 1 ? n += y / w : n += y * Math.pow(2, 1 - C), n * w >= 2 && (f++, w /= 2), f + C >= E ? (o = 0, f = E) : f + C >= 1 ? (o = (n * w - 1) * Math.pow(2, m), f = f + C) : (o = n * Math.pow(2, C - 1) * Math.pow(2, m), f = 0)); m >= 8; s[c + A] = o & 255, A += x, o /= 256, m -= 8)
     ;
-  for (f = f << m | o, v += m; v > 0; s[c + A] = f & 255, A += x, f /= 256, v -= 8)
+  for (f = f << m | o, B += m; B > 0; s[c + A] = f & 255, A += x, f /= 256, B -= 8)
     ;
-  s[c + A - x] |= B * 128;
+  s[c + A - x] |= v * 128;
 };
 /*!
  * The buffer module from node.js, for the browser.
@@ -678,7 +678,7 @@ Ue.write = function(s, n, c, d, m, g) {
         "The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type " + typeof r
       );
     if (W(r, ArrayBuffer) || r && W(r.buffer, ArrayBuffer) || typeof SharedArrayBuffer < "u" && (W(r, SharedArrayBuffer) || r && W(r.buffer, SharedArrayBuffer)))
-      return B(r, e, t);
+      return v(r, e, t);
     if (typeof r == "number")
       throw new TypeError(
         'The "value" argument must not be of type number. Received type number'
@@ -698,20 +698,20 @@ Ue.write = function(s, n, c, d, m, g) {
   o.from = function(r, e, t) {
     return w(r, e, t);
   }, Object.setPrototypeOf(o.prototype, Uint8Array.prototype), Object.setPrototypeOf(o, Uint8Array);
-  function v(r) {
+  function B(r) {
     if (typeof r != "number")
       throw new TypeError('"size" argument must be of type number');
     if (r < 0)
       throw new RangeError('The value "' + r + '" is invalid for option "size"');
   }
   function E(r, e, t) {
-    return v(r), r <= 0 ? f(r) : e !== void 0 ? typeof t == "string" ? f(r).fill(e, t) : f(r).fill(e) : f(r);
+    return B(r), r <= 0 ? f(r) : e !== void 0 ? typeof t == "string" ? f(r).fill(e, t) : f(r).fill(e) : f(r);
   }
   o.alloc = function(r, e, t) {
     return E(r, e, t);
   };
   function C(r) {
-    return v(r), f(r < 0 ? 0 : _(r) | 0);
+    return B(r), f(r < 0 ? 0 : _(r) | 0);
   }
   o.allocUnsafe = function(r) {
     return C(r);
@@ -735,11 +735,11 @@ Ue.write = function(s, n, c, d, m, g) {
   function x(r) {
     if (W(r, Uint8Array)) {
       const e = new Uint8Array(r);
-      return B(e.buffer, e.byteOffset, e.byteLength);
+      return v(e.buffer, e.byteOffset, e.byteLength);
     }
     return A(r);
   }
-  function B(r, e, t) {
+  function v(r, e, t) {
     if (e < 0 || r.byteLength < e)
       throw new RangeError('"offset" is outside of buffer bounds');
     if (r.byteLength < e + (t || 0))
@@ -753,7 +753,7 @@ Ue.write = function(s, n, c, d, m, g) {
       return t.length === 0 || r.copy(t, 0, 0, e), t;
     }
     if (r.length !== void 0)
-      return typeof r.length != "number" || Be(r.length) ? f(0) : A(r);
+      return typeof r.length != "number" || ve(r.length) ? f(0) : A(r);
     if (r.type === "Buffer" && Array.isArray(r.data))
       return A(r.data);
   }
@@ -956,7 +956,7 @@ Ue.write = function(s, n, c, d, m, g) {
   function ze(r, e, t, i, a) {
     if (r.length === 0)
       return -1;
-    if (typeof t == "string" ? (i = t, t = 0) : t > 2147483647 ? t = 2147483647 : t < -2147483648 && (t = -2147483648), t = +t, Be(t) && (t = a ? 0 : r.length - 1), t < 0 && (t = r.length + t), t >= r.length) {
+    if (typeof t == "string" ? (i = t, t = 0) : t > 2147483647 ? t = 2147483647 : t < -2147483648 && (t = -2147483648), t = +t, ve(t) && (t = a ? 0 : r.length - 1), t < 0 && (t = r.length + t), t >= r.length) {
       if (a)
         return -1;
       t = r.length - 1;
@@ -1019,7 +1019,7 @@ Ue.write = function(s, n, c, d, m, g) {
     let p;
     for (p = 0; p < i; ++p) {
       const b = parseInt(e.substr(p * 2, 2), 16);
-      if (Be(b))
+      if (ve(b))
         return p;
       r[t + p] = b;
     }
@@ -1031,10 +1031,10 @@ Ue.write = function(s, n, c, d, m, g) {
   function Et(r, e, t, i) {
     return ge(Nt(e), r, t, i);
   }
-  function Bt(r, e, t, i) {
+  function vt(r, e, t, i) {
     return ge(Ve(e), r, t, i);
   }
-  function vt(r, e, t, i) {
+  function Bt(r, e, t, i) {
     return ge(Ut(e, r.length - t), r, t, i);
   }
   o.prototype.write = function(e, t, i, a) {
@@ -1065,12 +1065,12 @@ Ue.write = function(s, n, c, d, m, g) {
         case "binary":
           return Et(this, e, t, i);
         case "base64":
-          return Bt(this, e, t, i);
+          return vt(this, e, t, i);
         case "ucs2":
         case "ucs-2":
         case "utf16le":
         case "utf-16le":
-          return vt(this, e, t, i);
+          return Bt(this, e, t, i);
         default:
           if (p)
             throw new TypeError("Unknown encoding: " + a);
@@ -1572,7 +1572,7 @@ Ue.write = function(s, n, c, d, m, g) {
   function W(r, e) {
     return r instanceof e || r != null && r.constructor != null && r.constructor.name != null && r.constructor.name === e.name;
   }
-  function Be(r) {
+  function ve(r) {
     return r !== r;
   }
   const zt = function() {
@@ -1745,23 +1745,23 @@ function Oi(s) {
     let y = !1, A = "";
     d = "animationstart";
     const x = "Webkit Moz O ms".split(" ");
-    let B = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), R = "";
+    let v = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), R = "";
     {
       const _ = document.createElement("fakeelement");
       if (_.style.animationName !== void 0 && (y = !0), y === !1) {
         for (let F = 0; F < x.length; F++)
           if (_.style[x[F] + "AnimationName"] !== void 0) {
-            R = x[F], A = "-" + R.toLowerCase() + "-", d = B[F], y = !0;
+            R = x[F], A = "-" + R.toLowerCase() + "-", d = v[F], y = !0;
             break;
           }
       }
     }
     c = "resizeanim", n = "@" + A + "keyframes " + c + " { from { opacity: 0; } to { opacity: 0; } } ", m = A + "animation: 1ms " + c + "; ";
   }
-  const v = function(y) {
+  const B = function(y) {
     if (!y.getElementById("detectElementResize")) {
-      const A = (n || "") + ".resize-triggers { " + (m || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', x = y.head || y.getElementsByTagName("head")[0], B = y.createElement("style");
-      B.id = "detectElementResize", B.type = "text/css", s != null && B.setAttribute("nonce", s), B.styleSheet ? B.styleSheet.cssText = A : B.appendChild(y.createTextNode(A)), x.appendChild(B);
+      const A = (n || "") + ".resize-triggers { " + (m || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', x = y.head || y.getElementsByTagName("head")[0], v = y.createElement("style");
+      v.id = "detectElementResize", v.type = "text/css", s != null && v.setAttribute("nonce", s), v.styleSheet ? v.styleSheet.cssText = A : v.appendChild(y.createTextNode(A)), x.appendChild(v);
     }
   };
   return {
@@ -1770,8 +1770,8 @@ function Oi(s) {
         y.attachEvent("onresize", A);
       else {
         if (!y.__resizeTriggers__) {
-          const x = y.ownerDocument, B = G.getComputedStyle(y);
-          B && B.position === "static" && (y.style.position = "relative"), v(x), y.__resizeLast__ = {}, y.__resizeListeners__ = [], (y.__resizeTriggers__ = x.createElement("div")).className = "resize-triggers";
+          const x = y.ownerDocument, v = G.getComputedStyle(y);
+          v && v.position === "static" && (y.style.position = "relative"), B(x), y.__resizeLast__ = {}, y.__resizeListeners__ = [], (y.__resizeTriggers__ = x.createElement("div")).className = "resize-triggers";
           const R = x.createElement("div");
           R.className = "expand-trigger", R.appendChild(x.createElement("div"));
           const _ = x.createElement("div");
@@ -1811,15 +1811,15 @@ class Di extends jt {
       } = this.props;
       if (this._parentNode) {
         var g, f, o, w;
-        const v = window.getComputedStyle(this._parentNode) || {}, E = parseFloat((g = v.paddingLeft) !== null && g !== void 0 ? g : "0"), C = parseFloat((f = v.paddingRight) !== null && f !== void 0 ? f : "0"), y = parseFloat((o = v.paddingTop) !== null && o !== void 0 ? o : "0"), A = parseFloat((w = v.paddingBottom) !== null && w !== void 0 ? w : "0"), x = this._parentNode.getBoundingClientRect(), B = x.height - y - A, R = x.width - E - C, _ = this._parentNode.offsetHeight - y - A, F = this._parentNode.offsetWidth - E - C;
-        (!c && (this.state.height !== _ || this.state.scaledHeight !== B) || !d && (this.state.width !== F || this.state.scaledWidth !== R)) && (this.setState({
+        const B = window.getComputedStyle(this._parentNode) || {}, E = parseFloat((g = B.paddingLeft) !== null && g !== void 0 ? g : "0"), C = parseFloat((f = B.paddingRight) !== null && f !== void 0 ? f : "0"), y = parseFloat((o = B.paddingTop) !== null && o !== void 0 ? o : "0"), A = parseFloat((w = B.paddingBottom) !== null && w !== void 0 ? w : "0"), x = this._parentNode.getBoundingClientRect(), v = x.height - y - A, R = x.width - E - C, _ = this._parentNode.offsetHeight - y - A, F = this._parentNode.offsetWidth - E - C;
+        (!c && (this.state.height !== _ || this.state.scaledHeight !== v) || !d && (this.state.width !== F || this.state.scaledWidth !== R)) && (this.setState({
           height: _,
           width: F,
-          scaledHeight: B,
+          scaledHeight: v,
           scaledWidth: R
         }), typeof m == "function" && m({
           height: _,
-          scaledHeight: B,
+          scaledHeight: v,
           scaledWidth: R,
           width: F
         }));
@@ -1849,21 +1849,21 @@ class Di extends jt {
       nonce: f,
       onResize: o,
       style: w = {},
-      tagName: v = "div",
+      tagName: B = "div",
       ...E
     } = this.props, {
       height: C,
       scaledHeight: y,
       scaledWidth: A,
       width: x
-    } = this.state, B = {
+    } = this.state, v = {
       overflow: "visible"
     }, R = {};
     let _ = !1;
-    return m || (C === 0 && (_ = !0), B.height = 0, R.height = C, R.scaledHeight = y), g || (x === 0 && (_ = !0), B.width = 0, R.width = x, R.scaledWidth = A), Ht(v, {
+    return m || (C === 0 && (_ = !0), v.height = 0, R.height = C, R.scaledHeight = y), g || (x === 0 && (_ = !0), v.width = 0, R.width = x, R.scaledWidth = A), Ht(B, {
       ref: this._setRef,
       style: {
-        ...B,
+        ...v,
         ...w
       },
       ...E
@@ -2046,11 +2046,11 @@ const Pi = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "c18uddbs",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ h("div")({
+}), vn = /* @__PURE__ */ h("div")({
   name: "Content",
   class: "cvcfjf6",
   propsAsIs: !1
-}), vn = /* @__PURE__ */ h("div")({
+}), Bn = /* @__PURE__ */ h("div")({
   name: "OnboardingHeader",
   class: "o1ie27lw",
   propsAsIs: !1
@@ -2084,22 +2084,22 @@ const Pi = /* @__PURE__ */ h("div")({
   inviteLink: f,
   socialLinks: o,
   inviteCardTitle: w,
-  inviteCardSubtext: v,
+  inviteCardSubtext: B,
   inviteCardBtnLabel: E,
   onClose: C
 }) => {
-  const [y, A] = V(0), [x, B] = V(ce);
+  const [y, A] = V(0), [x, v] = V(ce);
   he(() => {
-    n != null && n.length ? B({ ...ce, steps: !0 }) : c != null && c.length ? B({ ...ce, rules: !0 }) : B({ ...ce, inviteCard: !0 });
+    n != null && n.length ? v({ ...ce, steps: !0 }) : c != null && c.length ? v({ ...ce, rules: !0 }) : v({ ...ce, inviteCard: !0 });
   }, []);
   const R = Le(() => x.steps && y === 0 ? "Continue" : x.rules ? d || "Got it" : x.inviteCard ? E || "Play Now" : "Next", [x, y, d, E]), _ = pt(() => {
-    n != null && n.length && y < n.length - 1 ? A((U) => ++U) : c != null && c.length && x.steps ? B({ ...ce, rules: !0 }) : x.rules && B({ ...ce, inviteCard: !0 });
-  }, [y, n == null ? void 0 : n.length, c == null ? void 0 : c.length, x, A, B]), F = async () => {
+    n != null && n.length && y < n.length - 1 ? A((U) => ++U) : c != null && c.length && x.steps ? v({ ...ce, rules: !0 }) : x.rules && v({ ...ce, inviteCard: !0 });
+  }, [y, n == null ? void 0 : n.length, c == null ? void 0 : c.length, x, A, v]), F = async () => {
     await s.onboardingStatus.submitInplay();
   };
   return /* @__PURE__ */ l(Di, { children: ({ width: U, height: K }) => /* @__PURE__ */ I(En, { style: { width: U, height: K }, children: [
-    /* @__PURE__ */ l(vn, { children: /* @__PURE__ */ l(_n, { onClick: C, children: /* @__PURE__ */ l(Tn, { name: "icon-close-btn-gray" }) }) }),
-    /* @__PURE__ */ I(Bn, { children: [
+    /* @__PURE__ */ l(Bn, { children: /* @__PURE__ */ l(_n, { onClick: C, children: /* @__PURE__ */ l(Tn, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ I(vn, { children: [
       x.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ l(Hi, { stepsCount: n.length, currentStep: y, ...n[y] }),
       x.rules && /* @__PURE__ */ l(In, { rules: c, rulesTitle: m, primaryColor: g }),
       x.inviteCard && /* @__PURE__ */ l(
@@ -2107,7 +2107,7 @@ const Pi = /* @__PURE__ */ h("div")({
         {
           inviteLink: f,
           inviteCardTitle: w,
-          inviteCardSubtext: v,
+          inviteCardSubtext: B,
           primaryColor: g,
           socialLinks: o
         }
@@ -2165,7 +2165,7 @@ const Pi = /* @__PURE__ */ h("div")({
   class: "ay8e3j9",
   propsAsIs: !1
 }), jn = ({ close: s, action: n, onboarding: c }) => {
-  var d, m, g, f, o, w, v, E;
+  var d, m, g, f, o, w, B, E;
   return /* @__PURE__ */ I(Nn, { children: [
     /* @__PURE__ */ l(Un, { onClick: s, children: /* @__PURE__ */ l(On, { name: "icon-cross" }) }),
     ((m = (d = c == null ? void 0 : c.titleCard) == null ? void 0 : d.media) == null ? void 0 : m.sponsorLogo) && /* @__PURE__ */ I(Dn, { children: [
@@ -2173,7 +2173,7 @@ const Pi = /* @__PURE__ */ h("div")({
       /* @__PURE__ */ l(Mn, { children: "PRESENTS" })
     ] }),
     ((o = c == null ? void 0 : c.titleCard) == null ? void 0 : o.title) && /* @__PURE__ */ l(qn, { children: (w = c == null ? void 0 : c.titleCard) == null ? void 0 : w.title }),
-    ((v = c == null ? void 0 : c.titleCard) == null ? void 0 : v.subtitle) && /* @__PURE__ */ l(Gn, { children: (E = c == null ? void 0 : c.titleCard) == null ? void 0 : E.subtitle }),
+    ((B = c == null ? void 0 : c.titleCard) == null ? void 0 : B.subtitle) && /* @__PURE__ */ l(Gn, { children: (E = c == null ? void 0 : c.titleCard) == null ? void 0 : E.subtitle }),
     /* @__PURE__ */ l(Wn, { onClick: n, children: "Play Now" })
   ] });
 }, Hn = () => At, Yn = /* @__PURE__ */ h(Hn())({
@@ -2188,7 +2188,7 @@ const Pi = /* @__PURE__ */ h("div")({
   notification: m,
   gamification: g
 }) => {
-  var f, o, w, v, E, C;
+  var f, o, w, B, E, C;
   const {
     data: y
   } = Z(n.$store);
@@ -2227,7 +2227,7 @@ const Pi = /* @__PURE__ */ h("div")({
       }],
       primaryColor: (w = c.inviteCard) == null ? void 0 : w.iconColor,
       inviteLink: y == null ? void 0 : y.url,
-      inviteCardTitle: (v = c.inviteCard) == null ? void 0 : v.heading,
+      inviteCardTitle: (B = c.inviteCard) == null ? void 0 : B.heading,
       inviteCardSubtext: (E = c.inviteCard) == null ? void 0 : E.subtext,
       inviteCardBtnLabel: (C = c.inviteCard) == null ? void 0 : C.buttonLabel,
       onClose: () => {
@@ -2295,7 +2295,7 @@ const Pi = /* @__PURE__ */ h("div")({
   class: "s1oe3036",
   propsAsIs: !0
 }), is = (s) => {
-  const n = ht(""), [c, d] = V(!1), m = Z(s.status), g = Z(s.userId()), f = m === "ready", [o, w] = V(ee), v = pt(
+  const n = ht(""), [c, d] = V(!1), m = Z(s.status), g = Z(s.userId()), f = m === "ready", [o, w] = V(ee), B = pt(
     (y, A) => {
       w(A), A === ee ? (y && s.createEventSession(y), s.openFeature(Re.GAMES)) : s.closeFeature();
     },
@@ -2307,13 +2307,13 @@ const Pi = /* @__PURE__ */ h("div")({
   const E = (y) => {
     n.current = y, s.initializeApp().then(({ enabled: A, err: x }) => {
       if (d(!0), x) {
-        v(y, le);
+        B(y, le);
         return;
       }
       if (A) {
-        s.isUserAuthorized().then((B) => {
-          if (B) {
-            v(y, ee);
+        s.isUserAuthorized().then((v) => {
+          if (v) {
+            B(y, ee);
             return;
           } else
             s.disableApp();
@@ -2336,9 +2336,9 @@ const Pi = /* @__PURE__ */ h("div")({
     sdkEnabled: c,
     sdkReady: f,
     activeOverlay: o,
-    activateAndLoadOverlay: v,
-    enableSdk: E,
-    disableSdk: C,
+    activateAndLoadOverlay: B,
+    activateEventWithId: E,
+    deactivate: C,
     isLogged: !!g
   };
 }, ns = (s) => {
@@ -2362,7 +2362,7 @@ const Pi = /* @__PURE__ */ h("div")({
   const [, c] = ns(s);
   return /* @__PURE__ */ l(Xt, { className: n, feature: c, sdk: s });
 }, os = ({ sdk: s, overlays: n, children: c }) => {
-  const { sdkEnabled: d, sdkReady: m, activeOverlay: g, activateAndLoadOverlay: f, enableSdk: o, disableSdk: w, isLogged: v } = is(s);
+  const { sdkEnabled: d, sdkReady: m, activeOverlay: g, activateAndLoadOverlay: f, activateEventWithId: o, deactivate: w, isLogged: B } = is(s);
   return he(() => {
     import("./gamification-feature.js");
   }, []), /* @__PURE__ */ I(es, { children: [
@@ -2381,7 +2381,7 @@ const Pi = /* @__PURE__ */ h("div")({
       {
         "data-nav": d.toString(),
         style: { display: !d || g === le ? "block" : "none" },
-        children: c && c({ enableSdk: o, disableSdk: w })
+        children: c && c({ activateEventWithId: o, deactivate: w })
       }
     ),
     /* @__PURE__ */ l(
@@ -2393,7 +2393,7 @@ const Pi = /* @__PURE__ */ h("div")({
       }
     ),
     m && g === ee && /* @__PURE__ */ l(ss, { className: Ke, sdk: s }),
-    !v && /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
+    !B && /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 };
 const ys = ({