@streamlayer/react 0.24.1 → 0.24.2

package/lib/es/index.js

@@ -12,17 +12,17 @@ import * as D from "react";
 import Le, { useCallback as Ne, useEffect as te, useState as Q, useRef as Ai, useMemo as J, createContext as yi, useContext as s1 } from "react";
 import Ci from "react-auth-code-input";
 import mi, { isValidPhoneNumber as ji, formatPhoneNumberIntl as Ti } from "react-phone-number-input";
-import { CountdownCircleTimer as wi } from "react-countdown-circle-timer";
+import { CountdownCircleTimer as Ei } from "react-countdown-circle-timer";
 import { createPromiseClient as o1 } from "@connectrpc/connect";
 import { createGrpcWebTransport as l1 } from "@connectrpc/connect-web";
 import { Users as a1 } from "@streamlayer/sl-eslib/users/users_connect";
-import { useStore as w } from "@nanostores/react";
+import { useStore as E } from "@nanostores/react";
 import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
 import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
 import { SdkOverlayType as ze } from "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
 import "@streamlayer/sl-eslib/sports/events/events_connect";
 import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
-import { StreamLayer as Ei } from "@streamlayer/sdk-web";
+import { StreamLayer as wi } from "@streamlayer/sdk-web";
 const Se = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
 function fi(t) {
   var r = /* @__PURE__ */ Object.create(null);
@@ -221,7 +221,7 @@ const _i = /* @__PURE__ */ c("div")({
   return te(() => {
     l(!1);
   }, [l]), /* @__PURE__ */ s(
-    wi,
+    Ei,
     {
       isPlaying: t,
       duration: r,
@@ -411,15 +411,15 @@ const yt = /* @__PURE__ */ c("div")({
   name: "d",
   class: "d1i3t4lw",
   propsAsIs: !1
-}), wt = /* @__PURE__ */ c("div")({
+}), Et = /* @__PURE__ */ c("div")({
   name: "l",
   class: "l1heulx5",
   propsAsIs: !1
-}), Et = ({ rules: t, rulesTitle: r, primaryColor: l }) => /* @__PURE__ */ A(yt, { children: [
+}), wt = ({ rules: t, rulesTitle: r, primaryColor: l }) => /* @__PURE__ */ A(yt, { children: [
   /* @__PURE__ */ s(Ct, { children: r }),
   /* @__PURE__ */ s(mt, { children: t == null ? void 0 : t.map((d, I) => /* @__PURE__ */ A(jt, { children: [
     /* @__PURE__ */ s(Tt, { style: { backgroundColor: l }, children: I + 1 }),
-    /* @__PURE__ */ s(wt, { children: d })
+    /* @__PURE__ */ s(Et, { children: d })
   ] }, I)) })
 ] });
 const ft = /* @__PURE__ */ c("div")({
@@ -501,7 +501,7 @@ const ft = /* @__PURE__ */ c("div")({
     ] }),
     /* @__PURE__ */ A(Lt, { children: [
       U.steps && (l == null ? void 0 : l.length) && /* @__PURE__ */ s(Mt, { graphic: l[v].graphic, headline: l[v].headline }),
-      U.rules && /* @__PURE__ */ s(Et, { rules: g, rulesTitle: a, primaryColor: h }),
+      U.rules && /* @__PURE__ */ s(wt, { rules: g, rulesTitle: a, primaryColor: h }),
       U.inviteCard && /* @__PURE__ */ s(
         At,
         {
@@ -553,7 +553,7 @@ const Zt = /* @__PURE__ */ c("div")({
   name: "o",
   class: "oa5apdf",
   propsAsIs: !1
-}), w1 = /* @__PURE__ */ c("button")({
+}), E1 = /* @__PURE__ */ c("button")({
   name: "n",
   class: "n1wh5guy",
   propsAsIs: !1
@@ -563,10 +563,10 @@ const Zt = /* @__PURE__ */ c("div")({
   propsAsIs: !1
 }), Vt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==", _1 = ({ icon: t, comeBack: r, close: l }) => /* @__PURE__ */ A(Zt, { children: [
   /* @__PURE__ */ A("div", { children: [
-    r && /* @__PURE__ */ s(w1, { onClick: r, children: /* @__PURE__ */ s("img", { alt: "header-back-icon", src: Vt }) }),
+    r && /* @__PURE__ */ s(E1, { onClick: r, children: /* @__PURE__ */ s("img", { alt: "header-back-icon", src: Vt }) }),
     t && /* @__PURE__ */ s(Pt, { alt: "header-icon", src: t })
   ] }),
-  /* @__PURE__ */ s("div", { children: l && /* @__PURE__ */ s(w1, { onClick: l, children: /* @__PURE__ */ s("img", { alt: "header-close-icon", src: Se }) }) })
+  /* @__PURE__ */ s("div", { children: l && /* @__PURE__ */ s(E1, { onClick: l, children: /* @__PURE__ */ s("img", { alt: "header-close-icon", src: Se }) }) })
 ] }), H1 = (t) => t.split(/\s+/).map((r) => r[0]).join("").toUpperCase(), Gt = (t) => t ? t.toLocaleString("en-US") : "0";
 const _t = /* @__PURE__ */ c("div")({
   name: "t",
@@ -580,7 +580,7 @@ const _t = /* @__PURE__ */ c("div")({
   name: "i",
   class: "i1whkbqh",
   propsAsIs: !1
-}), E1 = ({ indicator: t, title: r }) => /* @__PURE__ */ A(_t, { children: [
+}), w1 = ({ indicator: t, title: r }) => /* @__PURE__ */ A(_t, { children: [
   /* @__PURE__ */ s(Ht, { children: r }),
   /* @__PURE__ */ s(Wt, { children: t })
 ] });
@@ -706,8 +706,8 @@ const Xt = /* @__PURE__ */ c("div")({
   ] }) }),
   /* @__PURE__ */ A(en, { children: [
     /* @__PURE__ */ A(dn, { children: [
-      /* @__PURE__ */ s(E1, { indicator: d || 0, title: "Friends rank" }),
-      /* @__PURE__ */ s(E1, { indicator: I || 0, title: "Global rank" })
+      /* @__PURE__ */ s(w1, { indicator: d || 0, title: "Friends rank" }),
+      /* @__PURE__ */ s(w1, { indicator: I || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ A(gn, { children: [
       /* @__PURE__ */ s(xe, { indicator: g || 0, title: "Win streak" }),
@@ -800,7 +800,7 @@ const Cn = (t) => /* @__PURE__ */ D.createElement("svg", {
   id: "Vector",
   d: "M13.4315 3.18246L5.53321 11.0808L1.99771 7.54527C1.54056 7.08811 0.799913 7.08811 0.342864 7.54527C-0.114288 8.00242 -0.114288 8.74307 0.342864 9.20011L4.70567 13.5629C4.93331 13.7906 5.23415 13.9063 5.53307 13.9063C5.83202 13.9063 6.13096 13.7924 6.36048 13.5629L15.0861 4.83731C15.5432 4.38016 15.5432 3.63951 15.0861 3.18246C14.629 2.72531 13.8884 2.72531 13.4312 3.18246H13.4315Z",
   fill: "#00BD60"
-}))), wn = (t) => /* @__PURE__ */ D.createElement("svg", {
+}))), En = (t) => /* @__PURE__ */ D.createElement("svg", {
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -815,7 +815,7 @@ const Cn = (t) => /* @__PURE__ */ D.createElement("svg", {
   clipRule: "evenodd",
   d: "M24 12.002C24 18.6294 18.6274 24.002 12 24.002C5.37258 24.002 0 18.6294 0 12.002C0 5.37454 5.37258 0.00195312 12 0.00195312C18.6274 0.00195312 24 5.37454 24 12.002ZM17.4086 8.15357C16.94 7.68494 16.1802 7.68494 15.7116 8.15357L10.4072 14.9579L7.62573 13.1036C7.07429 12.736 6.32925 12.885 5.96163 13.4365C5.59401 13.9879 5.74301 14.7329 6.29445 15.1006L9.89445 17.5006C10.3704 17.8179 11.0041 17.7551 11.4086 17.3506L17.4086 9.85063C17.8772 9.382 17.8772 8.6222 17.4086 8.15357Z",
   fill: "#FFFFFF"
-}))), En = (t) => /* @__PURE__ */ D.createElement("svg", {
+}))), wn = (t) => /* @__PURE__ */ D.createElement("svg", {
   width: 12,
   height: 20,
   viewBox: "0 0 12 20",
@@ -1353,8 +1353,8 @@ const Cn = (t) => /* @__PURE__ */ D.createElement("svg", {
   "icon-circle-arrow-right": zn,
   "icon-chevron": Ln,
   "icon-chevron-white-left": fn,
-  "icon-chevron-left": En,
-  "icon-check-white": wn,
+  "icon-chevron-left": wn,
+  "icon-check-white": En,
   "icon-check-green": Tn,
   "icon-btn-channels": Gn,
   "icon-btn-feature-groups": _n,
@@ -1565,20 +1565,20 @@ const g2 = /* @__PURE__ */ c("div")({
   class: "a82wnnx",
   propsAsIs: !1
 }), h2 = /* @__PURE__ */ c("div")({
-  name: "l",
-  class: "l1nz1ddv",
+  name: "d",
+  class: "d1nz1ddv",
   propsAsIs: !1
 }), D2 = /* @__PURE__ */ c("img")({
-  name: "r",
-  class: "rd1fmde",
+  name: "l",
+  class: "ld1fmde",
   propsAsIs: !1
 }), A2 = /* @__PURE__ */ c("div")({
-  name: "d",
-  class: "dbyqoe6",
+  name: "p",
+  class: "pbyqoe6",
   propsAsIs: !1
 }), y2 = /* @__PURE__ */ c("div")({
-  name: "p",
-  class: "p4qnn76",
+  name: "r",
+  class: "r4qnn76",
   propsAsIs: !1
 }), C2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC4wMDE5NTMxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGODAwMjIiLz4KPHJlY3QgeD0iOC4yNSIgeT0iNy4wMDE5NSIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcuMDAxOTUpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI3IiB5PSIxNS43NTIiIHdpZHRoPSIxMi4zNzQ0IiBoZWlnaHQ9IjEuNzY3NzciIHJ4PSIwLjg4Mzg4NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcgMTUuNzUyKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==", X1 = ({
   title: t,
@@ -1633,11 +1633,11 @@ const m2 = /* @__PURE__ */ c("div")({
   name: "e",
   class: "e6i73qc",
   propsAsIs: !1
-}), w2 = /* @__PURE__ */ c("div")({
+}), E2 = /* @__PURE__ */ c("div")({
   name: "i",
   class: "iu0veuw",
   propsAsIs: !1
-}), E2 = /* @__PURE__ */ c("img")({
+}), w2 = /* @__PURE__ */ c("img")({
   name: "p",
   class: "ph41hsa",
   propsAsIs: !1
@@ -1672,10 +1672,10 @@ const m2 = /* @__PURE__ */ c("div")({
 }) => /* @__PURE__ */ A(m2, { children: [
   /* @__PURE__ */ s(O2, { onClick: t, children: /* @__PURE__ */ s(v2, { alt: "icon-close-onboarding-inapp", src: k2 }) }),
   /* @__PURE__ */ s(j2, { style: { backgroundImage: `url(${p || ""})` }, children: l && /* @__PURE__ */ s(T2, { alt: "onboarding-inapp-icon", src: l }) }),
-  /* @__PURE__ */ A(w2, { children: [
+  /* @__PURE__ */ A(E2, { children: [
     /* @__PURE__ */ A("div", { children: [
       /* @__PURE__ */ s("div", { children: a ? /* @__PURE__ */ A(P, { children: [
-        /* @__PURE__ */ s(E2, { alt: "sponsor-logo", src: a }),
+        /* @__PURE__ */ s(w2, { alt: "sponsor-logo", src: a }),
         /* @__PURE__ */ s(f2, { children: "Presents" })
       ] }) : d || "" }),
       /* @__PURE__ */ s(L2, { children: I || "" }),
@@ -1716,7 +1716,7 @@ const Y2 = /* @__PURE__ */ c("div")({
   class: "oc6h1al",
   propsAsIs: !1
 }), B2 = ({ notificationsStore: t }) => {
-  const r = w(t);
+  const r = E(t);
   return /* @__PURE__ */ s(Y2, { children: r == null ? void 0 : r.map((l, d) => /* @__PURE__ */ s(
     Q2,
     {
@@ -1727,10 +1727,10 @@ const Y2 = /* @__PURE__ */ c("div")({
     l.id
   )) });
 }, R2 = ({ store: t }) => {
-  const { data: r } = w(t);
+  const { data: r } = E(t);
   return r != null && r.summary ? /* @__PURE__ */ s(c1, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ s("div", { children: "wait user..." });
 }, $2 = ({ store: t, openQuestion: r }) => {
-  const l = w(t);
+  const l = E(t);
   return l != null && l.data ? /* @__PURE__ */ s(q1, { openQuestion: r, questions: l.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
 };
 const Z2 = /* @__PURE__ */ c("div")({
@@ -1957,11 +1957,11 @@ const mr = /* @__PURE__ */ c("div")({
   name: "r",
   class: "r1gw9pik",
   propsAsIs: !1
-}), wr = /* @__PURE__ */ c("div")({
+}), Er = /* @__PURE__ */ c("div")({
   name: "n",
   class: "nxxxhec",
   propsAsIs: !1
-}), Er = /* @__PURE__ */ c("div")({
+}), wr = /* @__PURE__ */ c("div")({
   name: "p",
   class: "pm069t4",
   propsAsIs: !1
@@ -1976,8 +1976,8 @@ const mr = /* @__PURE__ */ c("div")({
 }), zr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMTAuNDYxNSAxMi42ODc1QzkuNDQyMzEgMTIuNjg3NSA4LjYxNTM4IDEzLjQ2NjUgOC42MTUzOCAxNC40MjY2QzguNjE1MzggMTUuMzg2OCA5LjQ0MjMxIDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4QzExLjQ4MDggMTYuMTY1OCAxMi4zMDc3IDE1LjM4NjggMTIuMzA3NyAxNC40MjY2QzEyLjMwNzcgMTMuNDY2NSAxMS40ODA4IDEyLjY4NzUgMTAuNDYxNSAxMi42ODc1Wk0xMC40NjE1IDE2LjE2NThDOS4xMDgxNyAxNi4xNjU4IDggMTcuMjA5NyA4IDE4LjQ4NDZWMTkuNzUyN0M4IDE5Ljc1MjcgOC42MTUzOCAyMC4yMjM3IDEwLjQ2MTUgMjAuMjIzN0MxMi4zMDc3IDIwLjIyMzcgMTIuOTIzMSAxOS43NTI3IDEyLjkyMzEgMTkuNzUyN1YxOC40ODQ2QzEyLjkyMzEgMTcuMjA5NyAxMS44MTQ5IDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4Wk0yMS41Mzg1IDEyLjY4NzVDMjAuNTE5MiAxMi42ODc1IDE5LjY5MjMgMTMuNDY2NSAxOS42OTIzIDE0LjQyNjZDMTkuNjkyMyAxNS4zODY4IDIwLjUxOTIgMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThDMjIuNTU3NyAxNi4xNjU4IDIzLjM4NDYgMTUuMzg2OCAyMy4zODQ2IDE0LjQyNjZDMjMuMzg0NiAxMy40NjY1IDIyLjU1NzcgMTIuNjg3NSAyMS41Mzg1IDEyLjY4NzVaTTIxLjUzODUgMTYuMTY1OEMyMC4xODUxIDE2LjE2NTggMTkuMDc2OSAxNy4yMDk3IDE5LjA3NjkgMTguNDg0NlYxOS43NTI3QzE5LjA3NjkgMTkuNzUyNyAxOS42OTIzIDIwLjIyMzcgMjEuNTM4NSAyMC4yMjM3QzIzLjM4NDYgMjAuMjIzNyAyNCAxOS43NTI3IDI0IDE5Ljc1MjdWMTguNDg0NkMyNCAxNy4yMDk3IDIyLjg5MTggMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThaTTE2IDE1LjAwNjNDMTQuOTgwOCAxNS4wMDYzIDE0LjE1MzggMTUuNzg1MyAxNC4xNTM4IDE2Ljc0NTVDMTQuMTUzOCAxNy43MDU2IDE0Ljk4MDggMTguNDg0NiAxNiAxOC40ODQ2QzE3LjAxOTIgMTguNDg0NiAxNy44NDYyIDE3LjcwNTYgMTcuODQ2MiAxNi43NDU1QzE3Ljg0NjIgMTUuNzg1MyAxNy4wMTkyIDE1LjAwNjMgMTYgMTUuMDA2M1pNMTYgMTguNDg0NkMxNC42NDY2IDE4LjQ4NDYgMTMuNTM4NSAxOS41Mjg1IDEzLjUzODUgMjAuODAzNFYyMi4wNzE1QzEzLjUzODUgMjIuMDcxNSAxNC4xNTM4IDIyLjU0MjUgMTYgMjIuNTQyNUMxNy44NDYyIDIyLjU0MjUgMTguNDYxNSAyMi4wNzE1IDE4LjQ2MTUgMjIuMDcxNVYyMC44MDM0QzE4LjQ2MTUgMTkuNTI4NSAxNy4zNTM0IDE4LjQ4NDYgMTYgMTguNDg0NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4zODk4IDlDMTIuMzA5MyA5IDExLjQzMjYgOS44MjU4NCAxMS40MzI2IDEwLjg0MzdDMTEuNDMyNiAxMS44NjE2IDEyLjMwOTMgMTIuNjg3NSAxMy4zODk4IDEyLjY4NzVDMTQuNDcwNCAxMi42ODc1IDE1LjM0NyAxMS44NjE2IDE1LjM0NyAxMC44NDM3QzE1LjM0NyA5LjgyNTg0IDE0LjQ3MDQgOSAxMy4zODk4IDlaTTEzLjM4OTggMTIuNjg3NUMxMy4xOTM2IDEyLjY4NzUgMTIuOTk0OCAxMi42ODI3IDEyLjc5ODYgMTIuNzQ1MUMxMy4xOTEgMTMuMjM3MiAxMy4zODk4IDEzLjg1NDIgMTMuMzg5OCAxNC41MzEyQzEzLjM4OTggMTQuNzc2MSAxMy4zMjg3IDE1LjAxNjEgMTMuMzI4NyAxNS4yNjFDMTMuODUxMSAxNC41MjQgMTQuNjk0NiAxNC4wMzkxIDE1LjY3MzIgMTMuOTE2NkMxNS4yMTcgMTMuMTc5NiAxNC4zNjg0IDEyLjY4NzUgMTMuMzg5OCAxMi42ODc1Wk0xOC42MDkgOUMxNy41Mjg1IDkgMTYuNjUxOCA5LjgyNTg0IDE2LjY1MTggMTAuODQzN0MxNi42NTE4IDExLjg2MTYgMTcuNTI4NSAxMi42ODc1IDE4LjYwOSAxMi42ODc1QzE5LjY4OTYgMTIuNjg3NSAyMC41NjYyIDExLjg2MTYgMjAuNTY2MiAxMC44NDM3QzIwLjU2NjIgOS44MjU4NCAxOS42ODk2IDkgMTguNjA5IDlaTTE4LjYwOSAxMi42ODc1QzE3LjYzMDQgMTIuNjg3NSAxNi43ODE4IDEzLjE3OTYgMTYuMzI1NiAxMy45MTY2QzE3LjMwNDIgMTQuMDM5MSAxOC4xNDc4IDE0LjUyNCAxOC42NzAyIDE1LjI2MUMxOC42NzAyIDE1LjAxNjEgMTguNjA5IDE0Ljc3NjEgMTguNjA5IDE0LjUzMTJDMTguNjA5IDEzLjg1NDIgMTguODA3OCAxMy4yMzcyIDE5LjIwMDMgMTIuNzQ1MUMxOS4wMDQgMTIuNjgyNyAxOC44MDUyIDEyLjY4NzUgMTguNjA5IDEyLjY4NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9zdmc+Cg==", xr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlNoYXJlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExIDQuOTY1VjEuMTI1TDE4IDcuODQ1TDExIDE0LjU2NVYxMC42MjlDNiAxMC42MjkgMi41IDEyLjE2NSAwIDE1LjUyNUMxIDEwLjcyNSA0IDUuOTI1IDExIDQuOTY1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", Or = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikh5cGVybGluayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xLjUyIDhDMS41MiA2LjYzMiAyLjYzMiA1LjUyIDQgNS41Mkg3LjJWNEw0IDRDMS43OTIgNCAwIDUuNzkyIDAgOEMwIDEwLjIwOCAxLjc5MiAxMiA0IDEySDcuMkw3LjIgMTAuNDhINEMyLjYzMiAxMC40OCAxLjUyIDkuMzY4IDEuNTIgOFpNNC44IDguOEgxMS4yVjcuMkg0LjhWOC44Wk0xMiA0SDguOFY1LjUyTDEyIDUuNTJDMTMuMzY4IDUuNTIgMTQuNDggNi42MzIgMTQuNDggOEMxNC40OCA5LjM2OCAxMy4zNjggMTAuNDggMTIgMTAuNDhIOC44VjEySDEyQzE0LjIwOCAxMiAxNiAxMC4yMDggMTYgOEMxNiA1Ljc5MiAxNC4yMDggNCAxMiA0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", vr = ({ title: t, description: r, onClick: l }) => /* @__PURE__ */ A(mr, { onClick: l, children: [
   /* @__PURE__ */ s(jr, { alt: "icon-link", src: Or }),
   /* @__PURE__ */ s(Tr, { alt: "friends-icon", src: zr }),
-  /* @__PURE__ */ A(wr, { children: [
-    /* @__PURE__ */ s(Er, { children: t }),
+  /* @__PURE__ */ A(Er, { children: [
+    /* @__PURE__ */ s(wr, { children: t }),
     /* @__PURE__ */ s(fr, { children: r })
   ] }),
   /* @__PURE__ */ s(Lr, { alt: "arrow-invite-icon", src: xr })
@@ -2038,7 +2038,7 @@ const Pr = /* @__PURE__ */ c("div")({
   /* @__PURE__ */ s(vr, { title: "Invite Link", description: "Challenge friends!", onClick: () => {
   } })
 ] }), Vr = ({ store: t }) => {
-  const { data: r } = w(t), [l, d] = Q(void 0);
+  const { data: r } = E(t), [l, d] = Q(void 0);
   if (!r)
     return /* @__PURE__ */ s("div", { children: "wait leader board..." });
   const I = (g) => {
@@ -2085,7 +2085,7 @@ const se = /* @__PURE__ */ c("div")({
   sdk: r
 }) => {
   var l, d, I, g, p, a, h, y, C, m, T, f, v, S, U, b, K, V, me, G, he, De, je;
-  const Qe = w(t.status), Ye = w(t.onboardingStatus), Te = w(t.openedQuestion), { slStreamId: ae } = w(r.sdkStore), R = w(t.featureSettings), [ce, we] = Q(ie.HOME);
+  const Qe = E(t.status), Ye = E(t.onboardingStatus), Te = E(t.openedQuestion), { slStreamId: ae } = E(r.sdkStore), R = E(t.featureSettings), [ce, Ee] = Q(ie.HOME);
   if (Qe !== Z.Ready)
     return /* @__PURE__ */ s("div", { children: "wait..." });
   if (ae != null && ae.loading)
@@ -2119,7 +2119,7 @@ const se = /* @__PURE__ */ c("div")({
   };
   return /* @__PURE__ */ A(se, { children: [
     /* @__PURE__ */ s(G1, { activePage: ce, toggleActivePage: (re) => {
-      we(re);
+      Ee(re);
     } }),
     ce === ie.HOME && /* @__PURE__ */ A(P, { children: [
       /* @__PURE__ */ s(Gr, { children: t.userSummary && /* @__PURE__ */ s(R2, { store: t.userSummary.getStore() }) }),
@@ -2148,7 +2148,7 @@ const se = /* @__PURE__ */ c("div")({
     /* @__PURE__ */ s(dr, { alt: "next-icon", src: Fr })
   ] })
 ] }), Xr = ({ insights: t, openInsight: r }) => /* @__PURE__ */ s(gr, { children: /* @__PURE__ */ s(Ir, { children: t == null ? void 0 : t.map((l) => /* @__PURE__ */ s(Jr, { openInsight: r, ...l }, l.questionId)) }) }), ei = ({ highlights: t, store: r }) => {
-  const { data: l } = w(r);
+  const { data: l } = E(r);
   return l ? /* @__PURE__ */ s(Xr, { insights: l, openInsight: t.openHighlight }) : /* @__PURE__ */ s("div", { children: "wait insights..." });
 }, Kr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2MtQU5kc04ga1RWV0pFIj48cGF0aCBkPSJNNi42NjY1IDMuMTY2NjlINC45OTk4NEM0LjI2MzQ2IDMuMTY2NjkgMy42NjY1IDMuNzYzNjQgMy42NjY1IDQuNTAwMDJWMTEuNUMzLjY2NjUgMTIuMjM2NCA0LjI2MzQ2IDEyLjgzMzQgNC45OTk4NCAxMi44MzM0SDExLjk5OThDMTIuNzM2MiAxMi44MzM0IDEzLjMzMzIgMTIuMjM2NCAxMy4zMzMyIDExLjVWOS44MzMzNSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEzLjMzMzUgNi4xNjY2OVYzLjE2NjY5SDEwLjMzMzUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy4xNjY4IDMuMzMzMzFMOC4zMzM1IDguMTY2NjUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPgo=", e4 = ({
   image: t,
@@ -2190,7 +2190,7 @@ const se = /* @__PURE__ */ c("div")({
     }
   );
 }, i4 = ({ highlights: t, sdk: r }) => {
-  const l = w(t.status), d = w(t.openedInsight), { slStreamId: I } = w(r.sdkStore);
+  const l = E(t.status), d = E(t.openedInsight), { slStreamId: I } = E(r.sdkStore);
   return l !== Z.Ready ? /* @__PURE__ */ s("div", { children: "wait..." }) : I != null && I.loading ? /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s("div", { children: "Event is loading" }) }) : I != null && I.data ? t.insights === void 0 ? /* @__PURE__ */ s("div", { children: "wait insights..." }) : /* @__PURE__ */ A(se, { children: [
     !d && /* @__PURE__ */ s(ei, { highlights: t, store: t.insights.getStore() }),
     d && /* @__PURE__ */ s(
@@ -2607,9 +2607,9 @@ M1.write = function(t, r, l, d, I, g) {
       return 0;
     let N = u - M, j = o - i;
     const z = Math.min(N, j), L = this.slice(M, u), x = e.slice(i, o);
-    for (let E = 0; E < z; ++E)
-      if (L[E] !== x[E]) {
-        N = L[E], j = x[E];
+    for (let w = 0; w < z; ++w)
+      if (L[w] !== x[w]) {
+        N = L[w], j = x[w];
         break;
       }
     return N < j ? -1 : j < N ? 1 : 0;
@@ -2639,8 +2639,8 @@ M1.write = function(t, r, l, d, I, g) {
         return -1;
       u = 2, N /= 2, j /= 2, i /= 2;
     }
-    function z(x, E) {
-      return u === 1 ? x[E] : x.readUInt16BE(E * u);
+    function z(x, w) {
+      return u === 1 ? x[w] : x.readUInt16BE(w * u);
     }
     let L;
     if (M) {
@@ -2654,8 +2654,8 @@ M1.write = function(t, r, l, d, I, g) {
     } else
       for (i + j > N && (i = N - j), L = i; L >= 0; L--) {
         let x = !0;
-        for (let E = 0; E < j; E++)
-          if (z(n, L + E) !== z(e, E)) {
+        for (let w = 0; w < j; w++)
+          if (z(n, L + w) !== z(e, w)) {
             x = !1;
             break;
           }
@@ -2687,16 +2687,16 @@ M1.write = function(t, r, l, d, I, g) {
     return N;
   }
   function Qe(n, e, i, o) {
-    return Ee(Ve(e, n.length - i), n, i, o);
+    return we(Ve(e, n.length - i), n, i, o);
   }
   function Ye(n, e, i, o) {
-    return Ee(gi(e), n, i, o);
+    return we(gi(e), n, i, o);
   }
   function Te(n, e, i, o) {
-    return Ee(A1(e), n, i, o);
+    return we(A1(e), n, i, o);
   }
   function ae(n, e, i, o) {
-    return Ee(Ii(e, n.length - i), n, i, o);
+    return we(Ii(e, n.length - i), n, i, o);
   }
   a.prototype.write = function(e, i, o, M) {
     if (i === void 0)
@@ -2754,35 +2754,35 @@ M1.write = function(t, r, l, d, I, g) {
       const u = n[M];
       let N = null, j = u > 239 ? 4 : u > 223 ? 3 : u > 191 ? 2 : 1;
       if (M + j <= i) {
-        let z, L, x, E;
+        let z, L, x, w;
         switch (j) {
           case 1:
             u < 128 && (N = u);
             break;
           case 2:
-            z = n[M + 1], (z & 192) === 128 && (E = (u & 31) << 6 | z & 63, E > 127 && (N = E));
+            z = n[M + 1], (z & 192) === 128 && (w = (u & 31) << 6 | z & 63, w > 127 && (N = w));
             break;
           case 3:
-            z = n[M + 1], L = n[M + 2], (z & 192) === 128 && (L & 192) === 128 && (E = (u & 15) << 12 | (z & 63) << 6 | L & 63, E > 2047 && (E < 55296 || E > 57343) && (N = E));
+            z = n[M + 1], L = n[M + 2], (z & 192) === 128 && (L & 192) === 128 && (w = (u & 15) << 12 | (z & 63) << 6 | L & 63, w > 2047 && (w < 55296 || w > 57343) && (N = w));
             break;
           case 4:
-            z = n[M + 1], L = n[M + 2], x = n[M + 3], (z & 192) === 128 && (L & 192) === 128 && (x & 192) === 128 && (E = (u & 15) << 18 | (z & 63) << 12 | (L & 63) << 6 | x & 63, E > 65535 && E < 1114112 && (N = E));
+            z = n[M + 1], L = n[M + 2], x = n[M + 3], (z & 192) === 128 && (L & 192) === 128 && (x & 192) === 128 && (w = (u & 15) << 18 | (z & 63) << 12 | (L & 63) << 6 | x & 63, w > 65535 && w < 1114112 && (N = w));
         }
       }
       N === null ? (N = 65533, j = 1) : N > 65535 && (N -= 65536, o.push(N >>> 10 & 1023 | 55296), N = 56320 | N & 1023), o.push(N), M += j;
     }
     return Be(o);
   }
-  const we = 4096;
+  const Ee = 4096;
   function Be(n) {
     const e = n.length;
-    if (e <= we)
+    if (e <= Ee)
       return String.fromCharCode.apply(String, n);
     let i = "", o = 0;
     for (; o < e; )
       i += String.fromCharCode.apply(
         String,
-        n.slice(o, o += we)
+        n.slice(o, o += Ee)
       );
     return i;
   }
@@ -3224,7 +3224,7 @@ M1.write = function(t, r, l, d, I, g) {
   function A1(n) {
     return r.toByteArray(di(n));
   }
-  function Ee(n, e, i, o) {
+  function we(n, e, i, o) {
     let M;
     for (M = 0; M < o && !(M + i >= e.length || M >= n.length); ++M)
       e[M + i] = n[M];
@@ -3383,14 +3383,14 @@ var R1;
 (function(t) {
   t.Init = "init", t.Ready = "ready", t.Connecting = "connecting", t.Connected = "connected", t.Disconnected = "disconnected", t.Failed = "failed", t.Reconnecting = "reconnecting";
 })(R1 || (R1 = {}));
-const I4 = ({ sdk: t }) => w(t.getUserStore()).data ? /* @__PURE__ */ s("button", { onClick: t.logout, children: "logout" }) : /* @__PURE__ */ s(st, { login: async (r) => {
+const I4 = ({ sdk: t }) => E(t.getUserStore()).data ? /* @__PURE__ */ s("button", { onClick: t.logout, children: "logout" }) : /* @__PURE__ */ s(st, { login: async (r) => {
   try {
     await t.authorizationBypass("streamlayer:streamlayer", r);
   } catch (l) {
     throw console.log("login err", l), l;
   }
 }, anonymousLogin: t.anonymousAuthorization, host: t.host }), p4 = ({ activeFeature: t, sdk: r }) => {
-  const [l, d] = Q(null), { organizationSettings: I, streamSettings: g } = w(r.sdkStore), p = J(() => {
+  const [l, d] = Q(null), { organizationSettings: I, streamSettings: g } = E(r.sdkStore), p = J(() => {
     const h = (g == null ? void 0 : g.data) || (I == null ? void 0 : I.data);
     return h != null && h.overlays ? h.overlays : [];
   }, [I, g]);
@@ -3432,7 +3432,7 @@ const I4 = ({ sdk: t }) => w(t.getUserStore()).data ? /* @__PURE__ */ s("button"
     a
   ] });
 }, N4 = ({ sdk: t }) => {
-  const r = w(t.organizationStore()), l = w(t.getUserStore()), d = w(t.getActiveFeature());
+  const r = E(t.organizationStore()), l = E(t.getUserStore()), d = E(t.getActiveFeature());
   return r.loading ? /* @__PURE__ */ s("div", { children: "authentication..." }) : r.data ? l.loading ? /* @__PURE__ */ s("div", { children: "authentication..." }) : l.data ? /* @__PURE__ */ A(P, { children: [
     /* @__PURE__ */ s(B2, { notificationsStore: t.getNotificationsStore() }),
     /* @__PURE__ */ s(p4, { sdk: t, activeFeature: d })
@@ -3469,7 +3469,7 @@ const h4 = () => ne, D4 = /* @__PURE__ */ c("div")({
     /* @__PURE__ */ s(j4, { children: t.toLocaleString("en") })
   ] })
 ] });
-const w4 = "fedqibx", ai = ({ children: t, style: r }) => /* @__PURE__ */ s("div", { className: w4, style: r, children: t }), E4 = (t, r, l, d) => {
+const E4 = "fedqibx", ai = ({ children: t, style: r }) => /* @__PURE__ */ s("div", { className: E4, style: r, children: t }), w4 = (t, r, l, d) => {
   const [I, g] = Q(null);
   return console.log("useStreamLayerApp", t, l), te(() => {
     console.log("init sdk");
@@ -3478,7 +3478,7 @@ const w4 = "fedqibx", ai = ({ children: t, style: r }) => /* @__PURE__ */ s("div
       return console.error("streamlayer sdk key should be provided"), g((h) => (h !== null && typeof h.disableApp == "function" && h.disableApp(), null)), () => {
         p = !0;
       };
-    const a = Ei(t, l, d);
+    const a = wi(t, l, d);
     if (r)
       for (const h of r)
         a.use(h);
@@ -3503,7 +3503,7 @@ const be = yi({
   production: d = !0,
   autoEnable: I = !0
 }) => {
-  const g = E4(t, r, d, I), p = J(() => g ? {
+  const g = w4(t, r, d, I), p = J(() => g ? {
     sdk: g,
     status: 2
     /* READY */
@@ -3519,10 +3519,10 @@ const be = yi({
   return r === ve.CONNECTED ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: "wait" }) : t === null ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(N4, { sdk: t }) });
 }, L4 = ({ userSummary: t }) => {
   var l, d;
-  const r = w(t.getStore());
+  const r = E(t.getStore());
   return ((d = (l = r.data) == null ? void 0 : l.summary) == null ? void 0 : d.points) === void 0 ? null : /* @__PURE__ */ s(T4, { points: r.data.summary.points });
 }, z4 = ({ sdk: t }) => {
-  const { organizationSettings: r, streamSettings: l } = w(t.sdkStore), d = J(() => t.getFeature(pe.GAMES), [t, r, l]);
+  const { organizationSettings: r, streamSettings: l } = E(t.sdkStore), d = J(() => t.getFeature(pe.GAMES), [t, r, l]);
   return d ? /* @__PURE__ */ s(L4, { userSummary: d.userSummary }) : null;
 }, qs = () => {
   const t = f4();
@@ -3533,7 +3533,7 @@ const x4 = "n1w0z66i", $1 = ({
   sdk: r,
   children: l
 }) => {
-  const d = w(t.status), { slStreamId: I } = w(r.sdkStore);
+  const d = E(t.status), { slStreamId: I } = E(r.sdkStore);
   return I != null && I.loading ? /* @__PURE__ */ s("div", { children: "event is loading..." }) : I != null && I.data ? d !== Z.Ready ? /* @__PURE__ */ s("div", { children: "wait feature..." }) : l : /* @__PURE__ */ s("div", { children: "event is forbidden..." });
 };
 const O4 = () => ci, v4 = /* @__PURE__ */ c("div")({
@@ -3592,17 +3592,17 @@ const b4 = () => ne, Q4 = () => ne, Y4 = /* @__PURE__ */ c("div")({
   propsAsIs: !0
 }), V4 = ({ type: t, close: r }) => {
   const l = F1[t];
-  return l ? /* @__PURE__ */ A(Y4, { children: [
+  return /* @__PURE__ */ A(Y4, { children: [
     /* @__PURE__ */ A(B4, { children: [
-      /* @__PURE__ */ s(R4, { name: l.iconName }),
-      /* @__PURE__ */ s($4, { children: l.label })
+      (l == null ? void 0 : l.iconName) && /* @__PURE__ */ s(R4, { name: l.iconName }),
+      (l == null ? void 0 : l.label) && /* @__PURE__ */ s($4, { children: l.label })
     ] }),
     /* @__PURE__ */ s(Z4, { onClick: r, children: /* @__PURE__ */ s(P4, { name: "icon-cross" }) })
-  ] }) : null;
+  ] });
 };
 const G4 = /* @__PURE__ */ c("div")({
-  name: "b",
-  class: "bk8r1eq",
+  name: "T",
+  class: "tk8r1eq",
   propsAsIs: !1
 }), _4 = ({
   openedQuestion: t,
@@ -3615,39 +3615,35 @@ const G4 = /* @__PURE__ */ c("div")({
     g(h);
   }, [g]);
   const p = J(() => t == null ? void 0 : t.answers.find((h) => h.youVoted === !0), [t]), a = J(() => !!(t != null && t.answers.find((h) => h.correct === !0)), [t]);
-  return t ? /* @__PURE__ */ s(G4, {
-    children: /* @__PURE__ */ A("div", {
-      children: [/* @__PURE__ */ s(V4, {
-        close: r,
-        type: t.type
-      }), /* @__PURE__ */ s("div", {
-        children: /* @__PURE__ */ s(X1, {
-          title: t.subject,
-          feedbackMessages: (d = t.options) == null ? void 0 : d.options.value,
-          questionType: t.type,
-          questionId: t.id,
-          questionAnswered: !!p,
-          questionAnsweredCorrectly: p == null ? void 0 : p.correct,
-          options: t.answers.map((h) => ({
-            id: h.id,
-            title: h.text,
-            icon: h.icon,
-            type: t.type,
-            correct: h.correct,
-            percentage: h.percentage,
-            answered: h.youVoted,
-            disabled: !!p || t.marketClosed || I,
-            questionAnswered: !!p,
-            hasCorrectAnswer: a,
-            points: h.points,
-            onVote: l
-          }))
-        })
-      })]
-    })
-  }) : null;
+  return /* @__PURE__ */ A(G4, {
+    children: [/* @__PURE__ */ s(V4, {
+      close: r,
+      type: (t == null ? void 0 : t.type) || B.UNSET
+    }), t && /* @__PURE__ */ s(X1, {
+      title: t.subject,
+      feedbackMessages: (d = t.options) == null ? void 0 : d.options.value,
+      questionType: t.type,
+      questionId: t.id,
+      questionAnswered: !!p,
+      questionAnsweredCorrectly: p == null ? void 0 : p.correct,
+      options: t.answers.map((h) => ({
+        id: h.id,
+        title: h.text,
+        icon: h.icon,
+        type: t.type,
+        correct: h.correct,
+        percentage: h.percentage,
+        answered: h.youVoted,
+        disabled: !!p || t.marketClosed || I,
+        questionAnswered: !!p,
+        hasCorrectAnswer: a,
+        points: h.points,
+        onVote: l
+      }))
+    })]
+  });
 }, H4 = ({ store: t }) => {
-  const { data: r } = w(t), [l, d] = Q(void 0);
+  const { data: r } = E(t), [l, d] = Q(void 0);
   if (!r)
     return /* @__PURE__ */ s("div", { children: "wait leader board..." });
   const I = (g) => {
@@ -3669,10 +3665,10 @@ const G4 = /* @__PURE__ */ c("div")({
     )
   ] });
 }, W4 = ({ store: t, openQuestion: r }) => {
-  const l = w(t);
+  const l = E(t);
   return l != null && l.data ? /* @__PURE__ */ s(q1, { openQuestion: r, questions: l.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
 }, F4 = ({ store: t }) => {
-  const { data: r } = w(t);
+  const { data: r } = E(t);
   return r != null && r.summary ? /* @__PURE__ */ s(c1, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ s("div", { children: "wait user..." });
 }, q4 = ({ gamification: t }) => {
   const [r, l] = Q(ie.HOME);
@@ -3686,19 +3682,22 @@ const G4 = /* @__PURE__ */ c("div")({
   ] });
 };
 const J4 = () => U4, X4 = /* @__PURE__ */ c(J4())({
-  name: "d",
-  class: "d1ph66cs",
+  name: "u",
+  class: "u1ph66cs",
   propsAsIs: !0
 }), K4 = ({
   gamification: t
 }) => {
-  const r = w(t.openedQuestion);
+  const {
+    loading: r,
+    data: l
+  } = E(t.openedQuestion);
   return /* @__PURE__ */ A(P, {
-    children: [r && /* @__PURE__ */ s(X4, {
+    children: [(r || l) && /* @__PURE__ */ s(X4, {
       children: /* @__PURE__ */ s(_4, {
         closeQuestion: t.closeQuestion,
         vote: t.submitAnswer,
-        openedQuestion: r
+        openedQuestion: l
       })
     }), /* @__PURE__ */ s(r1, {
       "data-nav": "true",
@@ -3708,7 +3707,7 @@ const J4 = () => U4, X4 = /* @__PURE__ */ c(J4())({
     })]
   });
 }, es = ({ highlights: t }) => {
-  const r = w(t.openedInsight);
+  const r = E(t.openedInsight);
   return /* @__PURE__ */ A(P, { children: [
     !r && t.insights && /* @__PURE__ */ s(ei, { highlights: t, store: t.insights.getStore() }),
     r && /* @__PURE__ */ s(
@@ -3820,7 +3819,7 @@ const Ns = () => ps, hs = /* @__PURE__ */ c(Ns())({
     }
   )
 ] }), As = (t, r) => {
-  const [l, d] = Q(!1), I = w(t.status) === "ready", [g, p] = Q(le), a = Ne(
+  const [l, d] = Q(!1), I = E(t.status) === "ready", [g, p] = Q(le), a = Ne(
     (h) => {
       p(h), h === le ? (t.createEventSession(r), t.openFeature(pe.GAMES)) : t.closeFeature();
     },
@@ -3850,7 +3849,7 @@ const Ns = () => ps, hs = /* @__PURE__ */ c(Ns())({
     }
   };
 }, ys = (t) => {
-  const r = w(t.getActiveFeature()), [l, d] = Q(null);
+  const r = E(t.getActiveFeature()), [l, d] = Q(null);
   return te(() => {
     const I = t.getFeatures();
     if (r)
@@ -3913,5 +3912,5 @@ export {
   qs as StreamLayerSDKPoints,
   Fs as StreamLayerSDKReact,
   f4 as useStreamLayer,
-  E4 as useStreamLayerApp
+  w4 as useStreamLayerApp
 };