@streamlayer/react 0.28.2 → 0.28.3

package/lib/cjs/masters.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../index-89c19a6e.cjs");const e=require("../masters-31c0f972.cjs");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-types");require("@nanostores/react");require("@streamlayer/sdk-web-interfaces");require("../index-26d5da20.cjs");require("@streamlayer/sdk-web-notifications");exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../index-89c19a6e.cjs");const e=require("../masters-11a6e952.cjs");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-types");require("@nanostores/react");require("@streamlayer/sdk-web-interfaces");require("../index-6b61558d.cjs");require("@streamlayer/sdk-web-notifications");exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;

package/lib/cjs/points.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@streamlayer/sdk-web-types"),i=require("../index-89c19a6e.cjs"),c=require("../common-dc2f2d4f.cjs"),t=require("../index-26d5da20.cjs"),u=require("react"),o=require("@nanostores/react"),d=require("../app-c9828ece.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const m=()=>t.$,p=t.styled_default("div")({name:"l",class:"l4qld3l",propsAsIs:!1}),y=t.styled_default("div")({name:"a",class:"ainhtok",propsAsIs:!1}),f=t.styled_default(m())({name:"x",class:"xk8yd5t",propsAsIs:!0}),x=t.styled_default("div")({name:"h",class:"h6rf9gb",propsAsIs:!1}),S=t.styled_default("div")({name:"c",class:"c18f5pxx",propsAsIs:!1}),j=t.styled_default("div")({name:"m",class:"m1jwsyj1",propsAsIs:!1}),h=({points:s})=>e.jsxs(p,{className:i.f,children:[e.jsx(y,{children:e.jsx(f,{name:"icon-trophy"})}),e.jsxs(x,{children:[e.jsx(S,{children:"Total points"}),e.jsx(j,{children:c.a(s)})]})]}),q=({userSummary:s})=>{var a,r;const n=o.useStore(s.getStore());return((r=(a=n.data)==null?void 0:a.summary)==null?void 0:r.points)===void 0?null:e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(i.p,{children:e.jsx(h,{points:n.data.summary.points})})})},g=({sdk:s})=>{const{organizationSettings:n,streamSettings:a}=o.useStore(s.sdkStore),r=u.useMemo(()=>s.getFeature(l.FeatureType.GAMES),[s,n,a]);return r?e.jsx(q,{userSummary:r.userSummary}):null},v=()=>{const s=d.useStreamLayer();return s?e.jsx(g,{sdk:s}):null};exports.StreamLayerSDKPoints=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@streamlayer/sdk-web-types"),i=require("../index-89c19a6e.cjs"),c=require("../common-dc2f2d4f.cjs"),t=require("../index-6b61558d.cjs"),u=require("react"),o=require("@nanostores/react"),d=require("../app-c9828ece.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const m=()=>t.e1,p=t.styled_default("div")({name:"l",class:"l4qld3l",propsAsIs:!1}),y=t.styled_default("div")({name:"a",class:"ainhtok",propsAsIs:!1}),f=t.styled_default(m())({name:"x",class:"xk8yd5t",propsAsIs:!0}),x=t.styled_default("div")({name:"h",class:"h6rf9gb",propsAsIs:!1}),S=t.styled_default("div")({name:"c",class:"c18f5pxx",propsAsIs:!1}),j=t.styled_default("div")({name:"m",class:"m1jwsyj1",propsAsIs:!1}),h=({points:s})=>e.jsxs(p,{className:i.f,children:[e.jsx(y,{children:e.jsx(f,{name:"icon-trophy"})}),e.jsxs(x,{children:[e.jsx(S,{children:"Total points"}),e.jsx(j,{children:c.a(s)})]})]}),q=({userSummary:s})=>{var a,r;const n=o.useStore(s.getStore());return((r=(a=n.data)==null?void 0:a.summary)==null?void 0:r.points)===void 0?null:e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(i.p,{children:e.jsx(h,{points:n.data.summary.points})})})},g=({sdk:s})=>{const{organizationSettings:n,streamSettings:a}=o.useStore(s.sdkStore),r=u.useMemo(()=>s.getFeature(l.FeatureType.GAMES),[s,n,a]);return r?e.jsx(q,{userSummary:r.userSummary}):null},v=()=>{const s=d.useStreamLayer();return s?e.jsx(g,{sdk:s}):null};exports.StreamLayerSDKPoints=v;

package/lib/es/masters.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "../index-0d23b24e.js";
-import { M as L, a as c } from "../masters-9adff97c.js";
+import { M as L, a as c } from "../masters-0e939bcb.js";
 import "react";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
 import "@streamlayer/sdk-web-types";
 import "@nanostores/react";
 import "@streamlayer/sdk-web-interfaces";
-import "../index-5a8ee4a9.js";
+import "../index-05d85ab5.js";
 import "@streamlayer/sdk-web-notifications";
 export {
   L as MastersStreamLayerProvider,

package/lib/es/points.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { FeatureType as m } from "@streamlayer/sdk-web-types";
 import { f as l, p } from "../index-0d23b24e.js";
 import { a as c } from "../common-0311b835.js";
-import { s as t, $ as u } from "../index-5a8ee4a9.js";
+import { s as t, e as u } from "../index-05d85ab5.js";
 import { useMemo as d } from "react";
 import { useStore as i } from "@nanostores/react";
 import { u as f } from "../app-e4b43a5c.js";

package/lib/{index-5a8ee4a9.js → index-05d85ab5.js}

@@ -2,20 +2,20 @@ import * as e from "react";
 import h from "react";
 import { jsx as E } from "react/jsx-runtime";
 var y = function() {
-  const n = Array.prototype.slice.call(arguments).filter(Boolean), i = {}, r = [];
+  const n = Array.prototype.slice.call(arguments).filter(Boolean), i = {}, C = [];
   n.forEach((l) => {
     (l ? l.split(" ") : []).forEach((o) => {
       if (o.startsWith("atm_")) {
         const [, d] = o.split("_");
         i[d] = o;
       } else
-        r.push(o);
+        C.push(o);
     });
   });
-  const C = [];
+  const r = [];
   for (const l in i)
-    Object.prototype.hasOwnProperty.call(i, l) && C.push(i[l]);
-  return C.push(...r), C.join(" ");
+    Object.prototype.hasOwnProperty.call(i, l) && r.push(i[l]);
+  return r.push(...C), r.join(" ");
 }, x = y;
 function Z(t) {
   var n = /* @__PURE__ */ Object.create(null);
@@ -30,26 +30,26 @@ var R = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defa
   /* Z+1 */
 ), B = (t) => t.toUpperCase() === t, b = (t) => (n) => t.indexOf(n) === -1, M = (t, n) => {
   const i = {};
-  return Object.keys(t).filter(b(n)).forEach((r) => {
-    i[r] = t[r];
+  return Object.keys(t).filter(b(n)).forEach((C) => {
+    i[C] = t[C];
   }), i;
 };
 function F(t, n, i) {
-  const r = M(n, i);
+  const C = M(n, i);
   if (!t) {
-    const C = typeof g == "function" ? { default: g } : g;
-    Object.keys(r).forEach((l) => {
-      C.default(l) || delete r[l];
+    const r = typeof g == "function" ? { default: g } : g;
+    Object.keys(C).forEach((l) => {
+      r.default(l) || delete C[l];
     });
   }
-  return r;
+  return C;
 }
 var S = (t, n) => {
 };
 function A(t) {
   let n = "";
   return (i) => {
-    const r = (l, s) => {
+    const C = (l, s) => {
       const { as: o = t, class: d = n } = l, k = i.propsAsIs === void 0 ? !(typeof o == "string" && o.indexOf("-") === -1 && !B(o[0])) : i.propsAsIs, a = F(k, l, [
         "as",
         "class"
@@ -68,21 +68,21 @@ function A(t) {
         }), a.style = m;
       }
       return t.__linaria && t !== o ? (a.as = o, h.createElement(t, a)) : h.createElement(o, a);
-    }, C = h.forwardRef ? h.forwardRef(r) : (
+    }, r = h.forwardRef ? h.forwardRef(C) : (
       // React.forwardRef won't available on older React versions and in Preact
       // Fallback to a innerRef prop in that case
       (l) => {
         const s = M(l, ["innerRef"]);
-        return r(s, l.innerRef);
+        return C(s, l.innerRef);
       }
     );
-    return C.displayName = i.name, C.__linaria = {
+    return r.displayName = i.name, r.__linaria = {
       className: i.class || n,
       extends: t
-    }, C;
+    }, r;
   };
 }
-var V1 = A;
+var M1 = A;
 const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 24,
   height: 24,
@@ -156,7 +156,7 @@ const D = (t) => /* @__PURE__ */ e.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"
-}))), W = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), j = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 12,
   height: 20,
   viewBox: "0 0 12 20",
@@ -168,7 +168,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M0 10C0 10.3818 0.145996 10.7075 0.449219 10.9995L9.20898 19.5684C9.44482 19.8154 9.75928 19.939 10.1187 19.939C10.8486 19.939 11.4214 19.3774 11.4214 18.6362C11.4214 18.2769 11.2754 17.9512 11.0283 17.7041L3.1333 10L11.0283 2.2959C11.2754 2.0376 11.4214 1.71191 11.4214 1.35254C11.4214 0.622559 10.8486 0.0610352 10.1187 0.0610352C9.75928 0.0610352 9.44482 0.18457 9.20898 0.431641L0.449219 9.00049C0.145996 9.29248 0.0112305 9.61816 0 10Z",
   fill: "white",
   fillOpacity: 0.6
-})), j = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), W = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -209,7 +209,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
 }), /* @__PURE__ */ e.createElement("path", {
   d: "M10.8547 7.5429C10.524 7.23657 10.0131 7.23657 9.68243 7.5429C9.31416 7.88401 9.31384 8.46633 9.68174 8.80784L13.1206 12L9.68175 15.1922C9.31384 15.5337 9.31416 16.116 9.68243 16.4571C10.0131 16.7634 10.524 16.7634 10.8547 16.4571L14.9802 12.6358C15.3505 12.2928 15.3505 11.7072 14.9802 11.3642L10.8547 7.5429Z",
   fill: "white"
-})), U = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), z = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 12,
   height: 12,
   viewBox: "0 0 12 12",
@@ -226,7 +226,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   stroke: "#6B6F73",
   strokeWidth: 1.5,
   strokeLinecap: "round"
-})), z = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), U = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 10,
   height: 10,
   viewBox: "0 0 10 10",
@@ -341,7 +341,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   rx: 0.883884,
   transform: "rotate(-45 7 15.75)",
   fill: "white"
-})), $ = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), K = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 17,
   height: 17,
   viewBox: "0 0 17 17",
@@ -353,7 +353,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   stroke: "#107D57",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-})), K = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), $ = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 41,
   height: 40,
   viewBox: "0 0 41 40",
@@ -503,7 +503,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   id: "Start - You",
   d: "M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z",
   fill: "#F4D22A"
-})), r1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), C1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: 22,
   height: 22,
@@ -513,7 +513,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
 }, /* @__PURE__ */ e.createElement("path", {
   d: "M5.5 2.78867V12.4137C5.5 13.1729 4.88426 13.75 4.125 13.75H1.375C0.615742 13.75 0 13.1343 0 12.4137V2.82734C0 2.06808 0.615742 1.49102 1.375 1.49102H4.125C4.88555 1.41367 5.5 1.99375 5.5 2.78867ZM22 12.3707C22 13.5094 21.077 14.4323 19.9375 14.4323H13.6426C14.621 16.0613 15.1259 17.9077 15.1259 18.5582C15.125 19.5714 14.3301 20.625 12.998 20.625C10.2854 20.625 11.8654 17.3529 8.34883 14.5406L7.64844 13.982C7.14141 13.5738 6.88359 12.9766 6.8793 12.375C6.87829 12.374 6.8793 12.375 6.8793 12.375L6.875 5.5C6.875 4.85117 7.18064 4.23973 7.7 3.85043L9.16695 2.75086C10.3555 1.85625 11.8035 1.375 13.2902 1.375H15.8125C16.952 1.375 17.875 2.29754 17.875 3.43664C17.875 3.59283 17.8544 3.74357 17.8215 3.88996C18.6484 4.15937 19.25 4.92422 19.25 5.84375C19.25 6.23683 19.1341 6.60043 18.9432 6.91281C19.8988 7.08984 20.625 7.92773 20.625 8.9332C20.625 9.47031 20.4148 9.955 20.0784 10.322C21.1492 10.3941 22 11.2793 22 12.3707Z",
   fill: "white"
-})), C1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), r1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 18,
   height: 18,
   viewBox: "0 0 18 18",
@@ -557,6 +557,18 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M3.69197 4.66662C3.69197 5.99705 3.92914 7.17787 4.4035 8.20912C3.49966 8.02451 2.74487 7.66486 2.1391 7.13014C1.53333 6.59542 1.23046 6.0798 1.23046 5.58328V4.66662H3.69197ZM14.7686 4.66662V5.58328C14.7686 6.0798 14.4658 6.59542 13.86 7.13014C13.2542 7.66486 12.4994 8.02451 11.5956 8.20912C12.0699 7.17787 12.3071 5.99705 12.3071 4.66662H14.7686ZM15.9998 5.58329V4.36108C15.9998 4.10645 15.9101 3.89002 15.7306 3.71178C15.5511 3.53354 15.3332 3.44442 15.0768 3.44442H12.3076V2.52776C12.3076 2.10763 12.1569 1.74797 11.8556 1.44878C11.5544 1.14959 11.1922 1 10.7691 1H5.23072C4.80764 1 4.44547 1.14959 4.14419 1.44878C3.84291 1.74797 3.69227 2.10763 3.69227 2.52776V3.44442H0.923068C0.666659 3.44442 0.448714 3.53354 0.269228 3.71178C0.0897418 3.89002 0 4.10645 0 4.36108V5.58329C0 6.03525 0.13301 6.49039 0.399034 6.94872C0.665059 7.40705 1.02403 7.82082 1.47595 8.19003C1.92787 8.55924 2.48234 8.86957 3.13939 9.12101C3.79644 9.37246 4.48713 9.51409 5.21149 9.54592C5.48071 9.88967 5.7852 10.192 6.12494 10.453C6.36853 10.6695 6.53679 10.9002 6.62974 11.1453C6.72269 11.3904 6.76916 11.6752 6.76916 11.9999C6.76916 12.3436 6.67141 12.6333 6.4759 12.8688C6.28038 13.1043 5.96789 13.2221 5.53841 13.2221C5.05764 13.2221 4.62976 13.3669 4.25476 13.6566C3.87977 13.9462 3.69227 14.3106 3.69227 14.7499V15.361C3.69227 15.4501 3.72112 15.5233 3.77881 15.5806C3.8365 15.6379 3.91022 15.6665 3.99996 15.6665H11.9999C12.0896 15.6665 12.1633 15.6379 12.221 15.5806C12.2787 15.5233 12.3076 15.4501 12.3076 15.361V14.7499C12.3076 14.3106 12.1201 13.9462 11.7451 13.6566C11.3701 13.3669 10.9422 13.2221 10.4614 13.2221C10.0319 13.2221 9.71945 13.1043 9.52394 12.8688C9.32843 12.6333 9.23068 12.3436 9.23068 11.9999C9.23068 11.6752 9.27715 11.3904 9.3701 11.1453C9.46305 10.9002 9.63131 10.6695 9.8749 10.453C10.2146 10.192 10.5191 9.88967 10.7884 9.54592C11.5127 9.51409 12.2034 9.37246 12.8604 9.12101C13.5175 8.86957 14.072 8.55924 14.5239 8.19003C14.9758 7.82082 15.3348 7.40705 15.6008 6.94872C15.8668 6.49039 15.9998 6.03525 15.9998 5.58329ZM6.76047 7.1798L8.05109 6.49997L9.3417 7.1798L9.09521 5.73989L10.1393 4.72015L8.69639 4.51007L8.05109 3.2L7.40578 4.51007L5.96283 4.72015L7.00696 5.73989L6.76047 7.1798Z",
   fill: "#F2C94C"
 }))), c1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+  width: 14,
+  height: 14,
+  viewBox: "0 0 14 14",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...t
+}, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M11.9234 2.06117C12.6527 2.79041 12.797 3.88306 12.3564 4.75616L12.3698 4.78833C13.2984 5.09432 13.9688 5.96888 13.9688 7C13.9688 8.03112 13.2984 8.90568 12.3698 9.21167L12.3565 9.24364C12.7971 10.1167 12.6527 11.2094 11.9235 11.9386C11.1944 12.6678 10.1019 12.8122 9.22883 12.3718L9.19604 12.3854C8.89006 13.314 8.0155 13.9844 6.98438 13.9844C5.95325 13.9844 5.07869 13.314 4.77271 12.3854L4.74027 12.3719C3.8673 12.8121 2.77506 12.6676 2.04603 11.9386C1.31703 11.2096 1.17255 10.1174 1.61259 9.24445L1.59899 9.21167C0.670333 8.90568 0 8.03112 0 7C0 5.96888 0.670334 5.09432 1.59899 4.78833L1.61267 4.75535C1.17263 3.8824 1.31711 2.79023 2.04611 2.06123C2.77519 1.33215 3.86754 1.18772 4.74054 1.62795L4.77271 1.61461C5.07869 0.685958 5.95325 0.015625 6.98438 0.015625C8.0155 0.015625 8.89006 0.685958 9.19604 1.61461L9.22857 1.6281C10.1016 1.18761 11.1942 1.33196 11.9234 2.06117ZM9.80606 4.98029C9.97643 4.7077 9.89356 4.34862 9.62098 4.17825C9.34839 4.00788 8.98931 4.09075 8.81894 4.36333L6.29655 8.39915L5.06781 7.17041C4.84051 6.94311 4.47199 6.94311 4.24469 7.17041C4.01739 7.39771 4.01739 7.76623 4.24469 7.99353L5.99079 9.73962C6.11621 9.86504 6.29197 9.92642 6.4682 9.90635C6.64444 9.88628 6.8019 9.78695 6.89591 9.63654L9.80606 4.98029Z",
+  fill: "#0092E9"
+})), s1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 41,
   height: 40,
   viewBox: "0 0 41 40",
@@ -572,7 +584,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
 }), /* @__PURE__ */ e.createElement("path", {
   d: "M11.0631 10.8037L18.5858 20.8464L11.0156 29.0115H12.7194L19.3471 21.8628L24.7021 29.0115H30.5L22.554 18.4039L29.6003 10.8037H27.8966L21.7928 17.3875L16.8611 10.8037H11.0631ZM13.5686 12.0567H16.2322L27.9941 27.7583H25.3305L13.5686 12.0567Z",
   fill: "black"
-})), s1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+})), d1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 25,
   height: 24,
   viewBox: "0 0 25 24",
@@ -590,7 +602,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M8.58473 1.5C6.96392 1.5 5.64893 2.73876 5.64893 4.2656C5.64893 5.79245 6.96392 7.03121 8.58473 7.03121C10.2055 7.03121 11.5205 5.79245 11.5205 4.2656C11.5205 2.73876 10.2055 1.5 8.58473 1.5ZM8.58473 7.03121C8.29038 7.03121 7.99221 7.024 7.69787 7.11763C8.28656 7.85584 8.58473 8.78131 8.58473 9.79681C8.58473 10.1641 8.49298 10.5242 8.49298 10.8915C9.27663 9.78601 10.5419 9.05859 12.0098 8.87494C11.3256 7.76942 10.0526 7.03121 8.58473 7.03121ZM16.4135 1.5C14.7927 1.5 13.4777 2.73876 13.4777 4.2656C13.4777 5.79245 14.7927 7.03121 16.4135 7.03121C18.0343 7.03121 19.3493 5.79245 19.3493 4.2656C19.3493 2.73876 18.0343 1.5 16.4135 1.5ZM16.4135 7.03121C14.9456 7.03121 13.6727 7.76942 12.9884 8.87494C14.4563 9.05859 15.7216 9.78601 16.5053 10.8915C16.5053 10.5242 16.4135 10.1641 16.4135 9.79681C16.4135 8.78131 16.7117 7.85584 17.3004 7.11763C17.006 7.024 16.7079 7.03121 16.4135 7.03121Z",
   fill: "white",
   fillOpacity: 0.4
-}))), d1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), h1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 18,
   height: 18,
   viewBox: "0 0 18 18",
@@ -613,7 +625,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   clipRule: "evenodd",
   d: "M10.6432 6.12891C10.9551 6.12891 11.2103 6.37162 11.2302 6.67846L11.2315 6.71714V7.55879L13.3334 6.46776C13.6362 6.31058 13.9959 6.51777 14.0195 6.85057L14.0207 6.88543V11.1406C14.0207 11.4763 13.6813 11.7002 13.3764 11.578L13.345 11.5641L11.2315 10.54V11.2818C11.2315 11.5937 10.9887 11.8489 10.6819 11.8688L10.6432 11.8701H5.11851C4.80663 11.8701 4.55144 11.6274 4.53152 11.3205L4.53027 11.2818V6.71714C4.53027 6.40526 4.77299 6.15007 5.07983 6.13016L5.11851 6.12891H10.6432ZM10.2897 7.07007H5.4709V10.9289H10.2897V7.07007ZM13.0792 7.65972L11.2396 8.61454V9.49831L13.0792 10.3896V7.65972Z",
   fill: "#107D57"
-})))), h1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+})))), w1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 14,
   height: 17,
   viewBox: "0 0 14 17",
@@ -631,7 +643,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   id: "Icon / Games_3",
   d: "M7.74941 0.00278796L1.66605 0.487981C1.18503 0.526267 0.82584 0.949506 0.864126 1.42843L1.72313 12.2036C1.76142 12.6832 2.18327 13.0438 2.66359 13.0055L3.18754 12.9637L3.97219 3.12062C4.0418 2.24421 4.81101 1.58916 5.68742 1.65878L8.7776 1.90524L8.68986 0.804714C8.65157 0.32509 8.22973 -0.0354984 7.74941 0.00278796Z",
   fill: "#107D57"
-}))), w1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), m1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 19,
   height: 14,
   viewBox: "0 0 19 14",
@@ -646,7 +658,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   clipRule: "evenodd",
   d: "M16.8236 2.46643C16.436 2.23624 16.1759 1.81093 16.1759 1.32432C16.1759 0.59292 16.7636 0 17.4885 0C18.2134 0 18.8011 0.59292 18.8011 1.32432C18.8011 1.81093 18.541 2.23624 18.1534 2.46643C18.5192 2.51678 18.8011 2.83327 18.8011 3.2162V10.7838C18.8011 11.2017 18.4653 11.5405 18.051 11.5405H16.926L16.9147 11.5404H10.9255V11.5406V13.2433C10.9255 13.6612 10.5897 14 10.1755 14H8.67539C8.26115 14 7.92534 13.6612 7.92534 13.2433V11.5406V11.5404H1.93622L1.92493 11.5405H0.799856C0.385614 11.5405 0.0498047 11.2017 0.0498047 10.7838V3.2162C0.0498047 2.83328 0.331692 2.51678 0.697521 2.46643C0.309923 2.23624 0.0498047 1.81093 0.0498047 1.32432C0.0498047 0.59292 0.637471 0 1.36239 0C2.08732 0 2.67498 0.59292 2.67498 1.32432C2.67498 1.81093 2.41487 2.23624 2.02727 2.46643C2.16328 2.48515 2.28769 2.54066 2.39032 2.62269C4.78264 1.62379 7.12768 1.12793 9.42545 1.13511C11.7225 1.14228 14.0669 1.63872 16.4584 2.62442C16.5615 2.54144 16.6867 2.48528 16.8236 2.46643ZM1.92494 10.7837L1.92493 3.21617H0.799862V10.7837H1.92494ZM16.1759 3.32547C13.8707 2.37522 11.6209 1.89875 9.42314 1.89189C7.2272 1.88503 4.97905 2.36051 2.675 3.32285V10.7837H16.1759V3.32547ZM17.4885 1.89189C17.7992 1.89189 18.0511 1.63779 18.0511 1.32433C18.0511 1.01087 17.7992 0.75676 17.4885 0.75676C17.1778 0.75676 16.926 1.01087 16.926 1.32433C16.926 1.63779 17.1778 1.89189 17.4885 1.89189ZM16.926 3.21617V10.7837H18.0511V3.21617H16.926ZM8.67538 13.2432V11.5405H10.1755V13.2432H8.67538ZM1.3624 1.89189C1.67308 1.89189 1.92494 1.63779 1.92494 1.32433C1.92494 1.01087 1.67308 0.75676 1.3624 0.75676C1.05172 0.75676 0.799862 1.01087 0.799862 1.32433C0.799862 1.63779 1.05172 1.89189 1.3624 1.89189Z",
   fill: "#107D57"
-}))), m1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), p1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 20,
   height: 20,
   viewBox: "0 0 20 20",
@@ -662,7 +674,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: 1.2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), p1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), g1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 20,
   height: 20,
   viewBox: "0 0 20 20",
@@ -678,7 +690,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: 1.2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}))), g1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), f1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 16,
   height: 16,
   viewBox: "0 0 16 16",
@@ -745,7 +757,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   clipRule: "evenodd",
   d: "M2.00033 8.66676C1.6316 9.03545 1.03484 9.03478 0.666788 8.66676C0.298732 8.29873 0.298065 7.70203 0.666788 7.33334C1.03551 6.96465 1.63227 6.96531 2.00033 7.33334C2.36838 7.70136 2.36905 8.29806 2.00033 8.66676Z",
   fill: "#107D57"
-}))), f1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), L1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 16,
   height: 16,
   viewBox: "0 0 16 16",
@@ -761,7 +773,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M9.7778 1.68421V5.05263H13.3333C13.8243 5.05263 14.2222 4.67561 14.2222 4.21053V2.52632C14.2222 2.06123 13.8243 1.68421 13.3333 1.68421H9.7778ZM2.66667 0C1.19391 0 0 1.13107 0 2.52632V4.21053C0 5.60577 1.19391 6.73684 2.66667 6.73684H13.3333C14.8061 6.73684 16 5.60577 16 4.21053V2.52632C16 1.13107 14.8061 0 13.3333 0H2.66667ZM4.44446 10.9473H13.3333C13.8243 10.9473 14.2222 11.3243 14.2222 11.7894V13.4736C14.2222 13.9387 13.8243 14.3157 13.3333 14.3157H4.44446V10.9473ZM0 11.7894C0 10.3942 1.19391 9.2631 2.66667 9.2631H13.3333C14.8061 9.2631 16 10.3942 16 11.7894V13.4736C16 14.8689 14.8061 15.9999 13.3333 15.9999H2.66667C1.19391 15.9999 0 14.8689 0 13.4736V11.7894Z",
   fill: "white",
   fillOpacity: 0.5
-}))), L1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), v1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 16,
   height: 16,
   viewBox: "0 0 16 16",
@@ -777,7 +789,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M16 7.00522C16 7.00522 9.20048 6.81607 9.20048 0C9.20048 6.36168 3.27729 6.95056 2.48756 7.00078L2.40094 7.00522C2.40094 7.00522 9.20048 7.19435 9.20048 14.0104C9.20048 7.64877 15.1234 7.05989 15.9131 7.00964L16 7.00522ZM6.97382 12.5652C6.97382 12.5652 3.48691 12.4724 3.48691 9.13033C3.48691 12.2496 0.449402 12.5384 0.0444186 12.563L0 12.5652C0 12.5652 3.48691 12.6579 3.48691 16C3.48691 12.8807 6.52429 12.592 6.92927 12.5673L6.97382 12.5652Z",
   fill: "white",
   fillOpacity: 0.5
-}))), v1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), u1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 16,
   height: 16,
   viewBox: "0 0 16 16",
@@ -793,7 +805,7 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M2.01663 1.3808C0.739913 1.55586 -0.153153 2.73276 0.021912 4.00948L1.3808 13.9196C1.55586 15.1963 2.73276 16.0894 4.00948 15.9143L13.9196 14.5554C15.1963 14.3803 16.0894 13.2034 15.9143 11.9267L14.5554 2.01663C14.3803 0.739913 13.2034 -0.153153 11.9267 0.021912L2.01663 1.3808ZM9.59613 3.788C9.11431 3.46991 8.47813 3.30151 7.7566 3.30151C7.54377 3.30151 7.32625 3.31671 7.10872 3.34478C6.38836 3.44067 5.68901 3.79034 5.18965 4.30138C4.68445 4.82062 4.4377 5.45563 4.51722 6.04151C4.57452 6.4742 4.90078 6.7537 5.34635 6.7537C5.39429 6.7537 5.44341 6.7502 5.49136 6.74435C6.08778 6.66483 6.21642 6.25436 6.34036 5.85675L6.34045 5.85648C6.48192 5.40401 6.61534 4.97731 7.38585 4.87444C7.46537 4.86391 7.54138 4.85806 7.61506 4.85806C8.16939 4.85806 8.51436 5.15042 8.58454 5.68252C8.65353 6.20293 8.24307 6.61807 7.80684 7.0566L7.80393 7.05954C7.31582 7.55231 6.7639 8.1095 6.86895 8.90083C6.89585 9.10548 6.9859 9.29493 7.12272 9.43644C7.27826 9.599 7.4829 9.68436 7.71331 9.68436C7.75541 9.68436 7.79868 9.68203 7.84311 9.67618C8.46691 9.59324 8.55162 9.23139 8.63338 8.8821L8.63365 8.88097L8.63661 8.86859C8.66723 8.7403 8.69877 8.60813 8.75995 8.48804C8.84649 8.31613 9.06283 8.11265 9.31428 7.87875C9.9142 7.31858 10.734 6.55143 10.582 5.41589C10.4872 4.70603 10.1551 4.15757 9.59611 3.78802L9.59613 3.788ZM8.11605 10.28C8.06927 10.28 8.02132 10.2836 7.97454 10.2894C7.38396 10.3689 6.96765 10.9127 7.04599 11.5033C7.11733 12.0377 7.57808 12.4412 8.1172 12.4412C8.16397 12.4412 8.21192 12.4377 8.25987 12.4318C8.85045 12.3523 9.2656 11.8085 9.18842 11.2179C9.11591 10.6823 8.65517 10.28 8.11605 10.28Z",
   fill: "white",
   fillOpacity: 0.5
-}))), u1 = (t) => /* @__PURE__ */ e.createElement("svg", {
+}))), E1 = (t) => /* @__PURE__ */ e.createElement("svg", {
   width: 16,
   height: 16,
   viewBox: "0 0 16 16",
@@ -807,21 +819,21 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   d: "M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.6057 5.43441C11.2933 5.12199 10.7868 5.12199 10.4744 5.43441L6.93812 9.97066L5.08382 8.73446C4.7162 8.48938 4.2195 8.58871 3.97442 8.95634C3.72934 9.32396 3.82868 9.82065 4.1963 10.0657L6.5963 11.6657C6.9136 11.8773 7.33609 11.8354 7.60574 11.5658L11.6057 6.56578C11.9182 6.25336 11.9182 5.74683 11.6057 5.43441Z",
   fill: "#107D57"
 })), V = {
-  "invite-game-icon": s1,
+  "invite-game-icon": d1,
   "icon-trophy": a1,
   "icon-trophy-green": o1,
-  "icon-trivia": v1,
-  "icon-thumb-down": r1,
-  "icon-thumb-up": C1,
+  "icon-trivia": u1,
+  "icon-thumb-down": C1,
+  "icon-thumb-up": r1,
   "icon-star": l1,
-  "icon-prediction": L1,
-  "icon-insight": g1,
-  "icon-poll": f1,
+  "icon-prediction": v1,
+  "icon-insight": f1,
+  "icon-poll": L1,
   "icon-play": n1,
   "icon-masters-logo": i1,
   "icon-logout": t1,
   "icon-link": e1,
-  "icon-external-link": $,
+  "icon-external-link": K,
   "icon-invite-arrow": Q,
   "icon-friends": J,
   "icon-exit": Y,
@@ -829,43 +841,44 @@ const D = (t) => /* @__PURE__ */ e.createElement("svg", {
   "icon-copy": q,
   "icon-cross": I,
   "icon-close": G,
-  "icon-close-btn-white": z,
-  "icon-close-btn-gray": U,
+  "icon-close-btn-white": U,
+  "icon-close-btn-gray": z,
   "icon-circle-arrow-right": _,
   "icon-chevron": N,
-  "icon-chevron-white-left": j,
-  "icon-chevron-left": W,
+  "icon-chevron-white-left": W,
+  "icon-chevron-left": j,
   "icon-check": P,
   "icon-check-white": T,
   "icon-check-green": O,
-  "icon-btn-channels": d1,
-  "icon-btn-feature-groups": h1,
-  "icon-btn-leaderboard": w1,
+  "icon-btn-channels": h1,
+  "icon-btn-feature-groups": w1,
+  "icon-btn-leaderboard": m1,
   "icon-arrow": D,
-  "icon-facebook": K,
-  "icon-twitter": c1,
-  correct: m1,
-  incorrect: p1,
-  selected: u1
-}, M1 = ({
+  "icon-facebook": $,
+  "icon-twitter": s1,
+  "icon-twitter-verified": c1,
+  correct: p1,
+  incorrect: g1,
+  selected: E1
+}, k1 = ({
   name: t,
   style: n,
   className: i,
-  ...r
+  ...C
 }) => {
   if (!V[t])
     return /* @__PURE__ */ E("span", {
       children: t
     });
-  const C = V[t];
-  return /* @__PURE__ */ E(C, {
+  const r = V[t];
+  return /* @__PURE__ */ E(r, {
     style: n,
     className: i,
-    ...r
+    ...C
   });
 };
 export {
-  M1 as $,
   x as c,
-  V1 as s
+  k1 as e,
+  M1 as s
 };

package/lib/index-44ee2284.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("./index-6b61558d.cjs"),w=require("@nanostores/react"),z=require("./masters-11a6e952.cjs"),T=require("react"),j=require("@streamlayer/sdk-web-types"),Q=require("./common-dc2f2d4f.cjs"),je=require("react-countdown-circle-timer"),E=require("./index-89c19a6e.cjs");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-notifications");require("./cjs/useStreamLayerApp.js");require("@streamlayer/sdk-web");const ve=()=>i.e1,Ne=()=>i.e1,Se=i.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),Ae=i.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),De=i.styled_default(ve())({name:"p",class:"p14kwh4y",propsAsIs:!0}),Te=i.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),ze=i.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),_e=i.styled_default(Ne())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),ce=({type:t,close:e,label:n})=>{const a=t?z.o[t]:{label:n,iconName:void 0};return s.jsxs(Se,{children:[s.jsxs(Ae,{children:[(a==null?void 0:a.iconName)&&s.jsx(De,{name:a.iconName}),(a==null?void 0:a.label)&&s.jsx(Te,{children:a.label})]}),s.jsx(ze,{onClick:e,children:s.jsx(_e,{name:"icon-cross"})})]})};const Oe=i.styled_default("div")({name:"t",class:"taj61ja",propsAsIs:!1}),we=i.styled_default("div")({name:"r",class:"r19fxewd",propsAsIs:!1}),ke=i.styled_default("div")({name:"i",class:"i1whkbqh",propsAsIs:!1}),Z=({indicator:t,title:e})=>s.jsxs(Oe,{children:[s.jsx(we,{children:e}),s.jsx(ke,{children:t})]});const Ee=i.styled_default("div")({name:"i",class:"i4lbhzs",propsAsIs:!1}),be=i.styled_default("div")({name:"o",class:"ordquhq",propsAsIs:!1}),Le=i.styled_default("div")({name:"n",class:"nwzed99",propsAsIs:!1}),R=({indicator:t,title:e})=>s.jsxs(Ee,{children:[s.jsx(be,{children:t}),s.jsx(Le,{children:e})]});const Ce=i.styled_default("div")({name:"o",class:"o15y0waw",propsAsIs:!1}),$e=i.styled_default("div")({name:"i",class:"ihjewwf",propsAsIs:!1}),Re=i.styled_default("div")({name:"n",class:"n10e9lv8",propsAsIs:!1}),Qe=i.styled_default("div")({name:"r",class:"r13bxv",propsAsIs:!1}),Ue=i.styled_default("img")({name:"a",class:"a1fi59c9",propsAsIs:!1}),qe=i.styled_default("div")({name:"s",class:"s1kkihge",propsAsIs:!1}),Ye=i.styled_default("div")({name:"c",class:"cy4f4t",propsAsIs:!1}),Pe=i.styled_default("div")({name:"p",class:"p18cnlx1",propsAsIs:!1}),We=i.styled_default("img")({name:"l",class:"lboqgs5",propsAsIs:!1}),Ve=i.styled_default("div")({name:"d",class:"d1oaal4",propsAsIs:!1}),Fe=i.styled_default("div")({name:"x",class:"x1yzgo0u",propsAsIs:!1}),He=i.styled_default("div")({name:"f",class:"f1l9i8s8",propsAsIs:!1}),Be=i.styled_default("div")({name:"g",class:"g4cgl4u",propsAsIs:!1}),Ge=i.styled_default("div")({name:"h",class:"h1qn1tmd",propsAsIs:!1}),Ze=i.styled_default("div")({name:"u",class:"u1gsbhq4",propsAsIs:!1}),Je=i.styled_default("div")({name:"m",class:"mvj8oco",propsAsIs:!1}),Ke=i.styled_default("button")({name:"v",class:"viqiaf2",propsAsIs:!1}),Xe="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=",de=({avatar:t,name:e,points:n,friendsRank:a,rank:r,streak:o,correct:f,incorrect:u,inTop:m,average:I})=>s.jsxs(Ce,{children:[s.jsx($e,{children:s.jsxs(Qe,{children:[s.jsxs(Ke,{children:[t&&s.jsx(Ue,{alt:"avatar",src:t}),!t&&s.jsx(Je,{children:Q.e(e||"")})]}),s.jsxs(qe,{children:[s.jsx(Ye,{children:e}),s.jsxs(Pe,{children:[s.jsxs(Ve,{children:[s.jsx(We,{alt:"rank-icon",src:Xe}),s.jsxs(Fe,{children:[Q.a(n),s.jsx(He,{children:"PTS"})]})]}),s.jsx(Be,{}),s.jsxs("div",{children:["TOP ",m||0,"%"]})]})]})]})}),s.jsxs(Re,{children:[s.jsxs(Ge,{children:[s.jsx(Z,{indicator:a||0,title:"Friends rank"}),s.jsx(Z,{indicator:r||0,title:"Global rank"})]}),s.jsxs(Ze,{children:[s.jsx(R,{indicator:o||0,title:"Win streak"}),s.jsx(R,{indicator:f||0,title:"Correct"}),s.jsx(R,{indicator:u||0,title:"Incorrect"}),s.jsx(R,{indicator:`${I||0}%`,title:"Succ. rate"})]})]})]});const et=()=>i.e1,tt=i.styled_default("div")({name:"c",class:"ciyeb68",propsAsIs:!1}),st=i.styled_default(et())({name:"n",class:"nfic4xc",propsAsIs:!0}),nt=i.styled_default("div")({name:"d",class:"d1pd1p66",propsAsIs:!1}),at=i.styled_default("div")({name:"p",class:"p132yxcv",propsAsIs:!1}),it=i.styled_default("span")({name:"l",class:"l4a8aw",propsAsIs:!1}),J=i.styled_default("span")({name:"g",class:"gzdx7pk",propsAsIs:!1}),rt=({feedbackMessages:t,questionVotedCorrectly:e,questionVoted:n,questionType:a,hasCorrectAnswer:r})=>{if(!(n&&(a===j.QuestionType.TRIVIA||a===j.QuestionType.PREDICTION)))return null;const o=a===j.QuestionType.PREDICTION&&!r,f=e?"correct":"incorrect",u=e?t.correctFeedback:t.incorrectFeedback;return s.jsxs(tt,{"data-isPrediction":o,children:[o&&s.jsxs(s.Fragment,{children:[s.jsx(st,{name:"icon-prediction"}),s.jsx(J,{children:"Stay tuned to see if your prediction was correct."})]}),r&&s.jsxs(s.Fragment,{children:[s.jsx(nt,{"data-feedbackType":f,children:s.jsx(i.e1,{name:f})}),s.jsx("div",{children:s.jsxs(at,{children:[s.jsx(it,{"data-feedbackType":f,children:u==null?void 0:u.title}),s.jsx(J,{children:u==null?void 0:u.description})]})})]})]})};const lt=i.styled_default("div")({name:"o",class:"olc1eph",propsAsIs:!1}),ot=i.styled_default("div")({name:"n",class:"n1yoh29a",propsAsIs:!1}),ct=i.styled_default("div")({name:"p",class:"pjkr5mb",propsAsIs:!1}),dt=i.styled_default("div")({name:"r",class:"r82wnnx",propsAsIs:!1});const ut=()=>ue,pt=()=>ue,ft=()=>i.e1,mt=i.styled_default("button")({name:"c",class:"cpm4u8k",propsAsIs:!1}),ht=i.styled_default("div")({name:"l",class:"lwfomc3",propsAsIs:!1}),It=i.styled_default("span")({name:"d",class:"dmltvg2",propsAsIs:!1}),yt=i.styled_default("div")({name:"s",class:"stfjpqz",propsAsIs:!1}),xt=i.styled_default("div")({name:"p",class:"p198m24r",propsAsIs:!1}),ue=i.styled_default("img")({name:"r",class:"rbq5eu7",propsAsIs:!1}),gt=i.styled_default(ut())({name:"g",class:"g1iv6oeb",propsAsIs:!0}),Mt=i.styled_default(pt())({name:"h",class:"h1qtxlqc",propsAsIs:!0}),jt=i.styled_default("span")({name:"u",class:"udm736q",propsAsIs:!1}),vt=i.styled_default("span")({name:"b",class:"b1da34tx",propsAsIs:!1}),Nt=i.styled_default("span")({name:"x",class:"x1dqwq83",propsAsIs:!1}),St=i.styled_default(ft())({name:"v",class:"v10s9my2",propsAsIs:!0}),K={[j.QuestionImages.CENTERED]:t=>s.jsx(gt,{alt:"option-icon",src:t}),[j.QuestionImages.TRANSPARENT]:t=>s.jsx(yt,{children:s.jsx(xt,{style:{backgroundImage:`url(${t})`}})}),[j.QuestionImages.ROUNDED]:t=>s.jsx(Mt,{alt:"option-icon",src:t}),[j.QuestionImages.NONE]:()=>null,[j.QuestionImages.UNSET]:()=>null},At=({questionType:t,hasCorrectAnswer:e,correct:n,youVoted:a,questionVoted:r})=>{if(t===j.QuestionType.POLL&&a)return"correct";if(t===j.QuestionType.PREDICTION){if(e&&r)return a?n?"correct":"incorrect":n?"correct":"unset";if(a)return"correct"}return t===j.QuestionType.TRIVIA&&r?a?n?"correct":"incorrect":n?"correct":"unset":"unset"},Dt=({questionType:t,questionVoted:e,correct:n,hasCorrectAnswer:a,questionStatus:r})=>t===j.QuestionType.TRIVIA?e&&n:t===j.QuestionType.PREDICTION?e&&n&&a||r===j.QuestionStatus.RESOLVED&&n:!1,Tt=t=>{var e;const{id:n,icon:a,text:r,percentageDecimal:o,onVote:f,youSelected:u,questionVoted:m,imageMode:I=j.QuestionImages.ROUNDED,answerTimeExpired:M,questionStatus:v,isLoading:x,questionType:N,correct:g,hasCorrectAnswer:l}=t,c=At(t),d=Dt({questionType:N,questionVoted:m,correct:g,hasCorrectAnswer:l,questionStatus:v}),p=m||v===j.QuestionStatus.RESOLVED&&N===j.QuestionType.PREDICTION;return s.jsxs(mt,{value:n,"data-selected":u,"data-answerState":c,disabled:m||x||M,onClick:f,children:[p&&s.jsx(ht,{"data-answerState":c,style:{width:`${o}%`}}),s.jsxs(It,{children:[a&&((e=K[I])==null?void 0:e.call(K,a)),s.jsx(jt,{children:r}),p&&s.jsxs(vt,{children:[d&&s.jsx(St,{name:"selected"}),s.jsxs(Nt,{children:[o,"%"]})]})]})]})};const zt=[E.E.PRIMARY_GREEN1,E.E.SECONDARY_RED1,E.E.SECONDARY_RED1],_t=[10,10,0],Ot=i.styled_default("div")({name:"A",class:"a1f928zy",propsAsIs:!1}),wt=E.E.SECONDARY_GREEN6,X=E.E.SECONDARY_RED3,kt=E.E.NEUTRALS_GRAY3,Et=({isPlaying:t=!0,duration:e=30,onTimerExpired:n})=>{const[a,r]=T.useState(e>10?wt:X),o=({remainingTime:m})=>s.jsx(Ot,{children:m}),f=T.useCallback(()=>{n==null||n(),r(kt)},[n,r]),u=T.useCallback(m=>{m===10&&r(X)},[r]);return s.jsx(je.CountdownCircleTimer,{isPlaying:t,duration:e,colors:zt,colorsTime:_t,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:a,onComplete:f,onUpdate:u,children:o})};const bt=()=>i.e1,Lt=i.styled_default("div")({name:"a",class:"a1r7f3z4",propsAsIs:!1}),Ct=i.styled_default("div")({name:"s",class:"sblndl",propsAsIs:!1}),$t=i.styled_default("div")({name:"l",class:"l7ka1tv",propsAsIs:!1}),Rt=i.styled_default(bt())({name:"p",class:"p1edlxt3",propsAsIs:!0}),Qt=i.styled_default("div")({name:"g",class:"ghm08u2",propsAsIs:!1}),Ut=i.styled_default("span")({name:"c",class:"c12nsh46",propsAsIs:!1}),qt=i.styled_default("span")({name:"d",class:"dlr9eoc",propsAsIs:!1}),Yt=({title:t,points:e,isPlayingTimer:n,isTimer:a,onTimerExpired:r})=>s.jsxs(Lt,{children:[s.jsxs(Ct,{children:[t&&s.jsx($t,{children:t}),e!==void 0&&s.jsxs(s.Fragment,{children:[s.jsx(Rt,{name:"icon-trophy"}),s.jsxs(Qt,{children:[s.jsx(Ut,{children:e}),s.jsx(qt,{children:"PTS"})]})]})]}),a&&s.jsx(Et,{isPlaying:n,onTimerExpired:r})]}),Pt=({openedQuestion:t,vote:e})=>{var n;const a=t.subject,r=t.type,o=(n=t.options)==null?void 0:n.options,[f,u]=T.useState(!1),[m,I]=T.useState(!1),[M,v]=T.useState(""),x=t==null?void 0:t.id,N=T.useCallback(async p=>{if(x){const h=p.currentTarget.value;v(h),I(!0),await e(x,h),I(!1)}},[x,v,e]),g=T.useMemo(()=>t==null?void 0:t.answers.find(p=>p.youVoted===!0),[t]),l=T.useMemo(()=>!!(t!=null&&t.answers.find(p=>p.correct===!0)),[t]),c=T.useMemo(()=>t?t.answers.map(p=>({...p,questionVoted:!!g,youSelected:M===p.id,isLoading:m,hasCorrectAnswer:l,questionType:t.type,answerTimeExpired:f,questionStatus:t.status,onVote:N})):[],[l,f,m,t,g,N,M]),d=o&&(o.case==="trivia"||o.case==="prediction")?o.value:void 0;return s.jsx(z.r,{"data-question-header":"true",children:s.jsx(lt,{children:s.jsxs(ot,{children:[d&&s.jsx(rt,{feedbackMessages:d,questionVoted:!!g,questionVotedCorrectly:g==null?void 0:g.correct,questionType:r,hasCorrectAnswer:l}),s.jsx(Yt,{title:f?"Expired":"To win",points:f?void 0:100,onTimerExpired:()=>u(!0),isTimer:!0}),s.jsx(ct,{children:a}),s.jsx(dt,{children:c.map(p=>s.jsx(Tt,{...p},p.id))})]})})})};const Wt=i.styled_default("div")({name:"e",class:"e18unvw4",propsAsIs:!1}),Vt=i.styled_default("div")({name:"r",class:"rs0uvk8",propsAsIs:!1}),Ft=i.styled_default("h3")({name:"n",class:"n1hem4g7",propsAsIs:!1}),Ht=i.styled_default("div")({name:"i",class:"i193lbwv",propsAsIs:!1}),Bt=i.styled_default("a")({name:"a",class:"a1dka9qs",propsAsIs:!1}),Gt=i.styled_default("div")({name:"l",class:"l1un98tk",propsAsIs:!1}),Zt=({created:t,title:e,instantView:n})=>{const a=new Date(t),r=a.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),o=a.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return s.jsxs(Wt,{children:[s.jsxs(Gt,{children:[r,"・",o]}),(n==null?void 0:n.video)&&s.jsx(z.w,{source:n.video.url,poster:n.video.thumbnailUrl}),s.jsxs(Vt,{children:[s.jsx(Ft,{children:(n==null?void 0:n.heading)||e}),s.jsx(Ht,{children:n==null?void 0:n.body}),(n==null?void 0:n.webLink)&&s.jsxs(Bt,{href:n==null?void 0:n.webLink.url,target:"_blank",children:["Explore more of the Masters History",s.jsx(i.e1,{name:"icon-external-link"})]})]})]})};const Jt=i.styled_default("div")({name:"d",class:"dk8r1eq",propsAsIs:!1}),Kt=({openedQuestion:t})=>{var e;return((e=t==null?void 0:t.attributes)==null?void 0:e.attributes.case)==="insight"?s.jsx(Zt,{created:t.attributes.created,...t.attributes.attributes.value}):null},Xt=({extendedQuestion:t,vote:e})=>{const{loading:n,data:a}=t;return!n&&a?s.jsx(Pt,{vote:e,openedQuestion:a}):null},es=({gamification:t})=>{var e;const n=w.useStore(t.openedQuestion.$store),a=w.useStore(t.openedQuestion.$extendedStore);if(!n)return null;const r=n.type;return s.jsxs(Jt,{children:[s.jsx(ce,{close:t.closeQuestion,type:((e=n.attributes)==null?void 0:e.type)||j.QuestionType.UNSET}),r==="question"&&s.jsx(Xt,{vote:t.submitAnswer,extendedQuestion:a}),r!=="question"&&s.jsx(Kt,{openedQuestion:n})]})};const ts=i.styled_default("div")({name:"t",class:"tcim9sm",propsAsIs:!1}),ss=i.styled_default("div")({name:"e",class:"e8wco6o",propsAsIs:!1}),ns=i.styled_default("button")({name:"n",class:"n1ardwzl",propsAsIs:!1}),as=i.styled_default("span")({name:"i",class:"i1vk8ojx",propsAsIs:!1});var L=(t=>(t.HOME="home",t.LEADERBOARD="leaderboard",t))(L||{});const ee=({title:t,active:e,onClick:n})=>s.jsx(ns,{onClick:n,"data-selected":e,children:s.jsx(as,{children:t})}),is=({activePage:t="home",toggleActivePage:e})=>s.jsx(ts,{children:s.jsxs(ss,{"data-position":t==="home"?"left":"right",children:[s.jsx(ee,{title:"Home",active:t==="home",onClick:()=>e("home")}),s.jsx(ee,{title:"Leader Board",active:t==="leaderboard",onClick:()=>e("leaderboard")})]})});function W(){return W=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},W.apply(this,arguments)}function te(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function V(t,e){return V=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,r){return a.__proto__=r,a},V(t,e)}function rs(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,V(t,e)}var se=Number.isNaN||function(e){return typeof e=="number"&&e!==e};function ls(t,e){return!!(t===e||se(t)&&se(e))}function os(t,e){if(t.length!==e.length)return!1;for(var n=0;n<t.length;n++)if(!ls(t[n],e[n]))return!1;return!0}function q(t,e){e===void 0&&(e=os);var n,a=[],r,o=!1;function f(){for(var u=[],m=0;m<arguments.length;m++)u[m]=arguments[m];return o&&n===this&&e(u,a)||(r=t.apply(this,u),o=!0,n=this,a=u),r}return f}var cs=typeof performance=="object"&&typeof performance.now=="function",ne=cs?function(){return performance.now()}:function(){return Date.now()};function ae(t){cancelAnimationFrame(t.id)}function ds(t,e){var n=ne();function a(){ne()-n>=e?t.call(null):r.id=requestAnimationFrame(a)}var r={id:requestAnimationFrame(a)};return r}var Y=-1;function ie(t){if(t===void 0&&(t=!1),Y===-1||t){var e=document.createElement("div"),n=e.style;n.width="50px",n.height="50px",n.overflow="scroll",document.body.appendChild(e),Y=e.offsetWidth-e.clientWidth,document.body.removeChild(e)}return Y}var k=null;function re(t){if(t===void 0&&(t=!1),k===null||t){var e=document.createElement("div"),n=e.style;n.width="50px",n.height="50px",n.overflow="scroll",n.direction="rtl";var a=document.createElement("div"),r=a.style;return r.width="100px",r.height="100px",e.appendChild(a),document.body.appendChild(e),e.scrollLeft>0?k="positive-descending":(e.scrollLeft=1,e.scrollLeft===0?k="negative":k="positive-ascending"),document.body.removeChild(e),k}return k}var us=150,ps=function(e,n){return e};function fs(t){var e,n=t.getItemOffset,a=t.getEstimatedTotalSize,r=t.getItemSize,o=t.getOffsetForIndexAndAlignment,f=t.getStartIndexForOffset,u=t.getStopIndexForStartIndex,m=t.initInstanceProps,I=t.shouldResetStyleCacheOnItemSizeChange,M=t.validateProps;return e=function(v){rs(x,v);function x(g){var l;return l=v.call(this,g)||this,l._instanceProps=m(l.props,te(l)),l._outerRef=void 0,l._resetIsScrollingTimeoutId=null,l.state={instance:te(l),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof l.props.initialScrollOffset=="number"?l.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},l._callOnItemsRendered=void 0,l._callOnItemsRendered=q(function(c,d,p,h){return l.props.onItemsRendered({overscanStartIndex:c,overscanStopIndex:d,visibleStartIndex:p,visibleStopIndex:h})}),l._callOnScroll=void 0,l._callOnScroll=q(function(c,d,p){return l.props.onScroll({scrollDirection:c,scrollOffset:d,scrollUpdateWasRequested:p})}),l._getItemStyle=void 0,l._getItemStyle=function(c){var d=l.props,p=d.direction,h=d.itemSize,A=d.layout,y=l._getItemStyleCache(I&&h,I&&A,I&&p),S;if(y.hasOwnProperty(c))S=y[c];else{var D=n(l.props,c,l._instanceProps),_=r(l.props,c,l._instanceProps),O=p==="horizontal"||A==="horizontal",C=p==="rtl",$=O?D:0;y[c]=S={position:"absolute",left:C?void 0:$,right:C?$:void 0,top:O?0:D,height:O?"100%":_,width:O?_:"100%"}}return S},l._getItemStyleCache=void 0,l._getItemStyleCache=q(function(c,d,p){return{}}),l._onScrollHorizontal=function(c){var d=c.currentTarget,p=d.clientWidth,h=d.scrollLeft,A=d.scrollWidth;l.setState(function(y){if(y.scrollOffset===h)return null;var S=l.props.direction,D=h;if(S==="rtl")switch(re()){case"negative":D=-h;break;case"positive-descending":D=A-p-h;break}return D=Math.max(0,Math.min(D,A-p)),{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:D,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._onScrollVertical=function(c){var d=c.currentTarget,p=d.clientHeight,h=d.scrollHeight,A=d.scrollTop;l.setState(function(y){if(y.scrollOffset===A)return null;var S=Math.max(0,Math.min(A,h-p));return{isScrolling:!0,scrollDirection:y.scrollOffset<S?"forward":"backward",scrollOffset:S,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._outerRefSetter=function(c){var d=l.props.outerRef;l._outerRef=c,typeof d=="function"?d(c):d!=null&&typeof d=="object"&&d.hasOwnProperty("current")&&(d.current=c)},l._resetIsScrollingDebounced=function(){l._resetIsScrollingTimeoutId!==null&&ae(l._resetIsScrollingTimeoutId),l._resetIsScrollingTimeoutId=ds(l._resetIsScrolling,us)},l._resetIsScrolling=function(){l._resetIsScrollingTimeoutId=null,l.setState({isScrolling:!1},function(){l._getItemStyleCache(-1,null)})},l}x.getDerivedStateFromProps=function(l,c){return ms(l,c),M(l),null};var N=x.prototype;return N.scrollTo=function(l){l=Math.max(0,l),this.setState(function(c){return c.scrollOffset===l?null:{scrollDirection:c.scrollOffset<l?"forward":"backward",scrollOffset:l,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},N.scrollToItem=function(l,c){c===void 0&&(c="auto");var d=this.props,p=d.itemCount,h=d.layout,A=this.state.scrollOffset;l=Math.max(0,Math.min(l,p-1));var y=0;if(this._outerRef){var S=this._outerRef;h==="vertical"?y=S.scrollWidth>S.clientWidth?ie():0:y=S.scrollHeight>S.clientHeight?ie():0}this.scrollTo(o(this.props,l,c,A,this._instanceProps,y))},N.componentDidMount=function(){var l=this.props,c=l.direction,d=l.initialScrollOffset,p=l.layout;if(typeof d=="number"&&this._outerRef!=null){var h=this._outerRef;c==="horizontal"||p==="horizontal"?h.scrollLeft=d:h.scrollTop=d}this._callPropsCallbacks()},N.componentDidUpdate=function(){var l=this.props,c=l.direction,d=l.layout,p=this.state,h=p.scrollOffset,A=p.scrollUpdateWasRequested;if(A&&this._outerRef!=null){var y=this._outerRef;if(c==="horizontal"||d==="horizontal")if(c==="rtl")switch(re()){case"negative":y.scrollLeft=-h;break;case"positive-ascending":y.scrollLeft=h;break;default:var S=y.clientWidth,D=y.scrollWidth;y.scrollLeft=D-S-h;break}else y.scrollLeft=h;else y.scrollTop=h}this._callPropsCallbacks()},N.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ae(this._resetIsScrollingTimeoutId)},N.render=function(){var l=this.props,c=l.children,d=l.className,p=l.direction,h=l.height,A=l.innerRef,y=l.innerElementType,S=l.innerTagName,D=l.itemCount,_=l.itemData,O=l.itemKey,C=O===void 0?ps:O,$=l.layout,fe=l.outerElementType,me=l.outerTagName,he=l.style,Ie=l.useIsScrolling,ye=l.width,F=this.state.isScrolling,U=p==="horizontal"||$==="horizontal",xe=U?this._onScrollHorizontal:this._onScrollVertical,H=this._getRangeToRender(),ge=H[0],Me=H[1],B=[];if(D>0)for(var b=ge;b<=Me;b++)B.push(T.createElement(c,{data:_,key:C(b,_),index:b,isScrolling:Ie?F:void 0,style:this._getItemStyle(b)}));var G=a(this.props,this._instanceProps);return T.createElement(fe||me||"div",{className:d,onScroll:xe,ref:this._outerRefSetter,style:W({position:"relative",height:h,width:ye,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:p},he)},T.createElement(y||S||"div",{children:B,ref:A,style:{height:U?"100%":G,pointerEvents:F?"none":void 0,width:U?G:"100%"}}))},N._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var l=this.props.itemCount;if(l>0){var c=this._getRangeToRender(),d=c[0],p=c[1],h=c[2],A=c[3];this._callOnItemsRendered(d,p,h,A)}}if(typeof this.props.onScroll=="function"){var y=this.state,S=y.scrollDirection,D=y.scrollOffset,_=y.scrollUpdateWasRequested;this._callOnScroll(S,D,_)}},N._getRangeToRender=function(){var l=this.props,c=l.itemCount,d=l.overscanCount,p=this.state,h=p.isScrolling,A=p.scrollDirection,y=p.scrollOffset;if(c===0)return[0,0,0,0];var S=f(this.props,y,this._instanceProps),D=u(this.props,S,y,this._instanceProps),_=!h||A==="backward"?Math.max(1,d):1,O=!h||A==="forward"?Math.max(1,d):1;return[Math.max(0,S-_),Math.max(0,Math.min(c-1,D+O)),S,D]},x}(T.PureComponent),e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},e}var ms=function(e,n){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,n.instance},hs=fs({getItemOffset:function(e,n){var a=e.itemSize;return n*a},getItemSize:function(e,n){var a=e.itemSize;return a},getEstimatedTotalSize:function(e){var n=e.itemCount,a=e.itemSize;return a*n},getOffsetForIndexAndAlignment:function(e,n,a,r,o,f){var u=e.direction,m=e.height,I=e.itemCount,M=e.itemSize,v=e.layout,x=e.width,N=u==="horizontal"||v==="horizontal",g=N?x:m,l=Math.max(0,I*M-g),c=Math.min(l,n*M),d=Math.max(0,n*M-g+M+f);switch(a==="smart"&&(r>=d-g&&r<=c+g?a="auto":a="center"),a){case"start":return c;case"end":return d;case"center":{var p=Math.round(d+(c-d)/2);return p<Math.ceil(g/2)?0:p>l+Math.floor(g/2)?l:p}case"auto":default:return r>=d&&r<=c?r:r<d?d:c}},getStartIndexForOffset:function(e,n){var a=e.itemCount,r=e.itemSize;return Math.max(0,Math.min(a-1,Math.floor(n/r)))},getStopIndexForStartIndex:function(e,n,a){var r=e.direction,o=e.height,f=e.itemCount,u=e.itemSize,m=e.layout,I=e.width,M=r==="horizontal"||m==="horizontal",v=n*u,x=M?I:o,N=Math.ceil((x+a-v)/u);return Math.max(0,Math.min(f-1,n+N-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){e.itemSize}});function Is(t){var e=t.lastRenderedStartIndex,n=t.lastRenderedStopIndex,a=t.startIndex,r=t.stopIndex;return!(a>n||r<e)}function ys(t){for(var e=t.isItemLoaded,n=t.itemCount,a=t.minimumBatchSize,r=t.startIndex,o=t.stopIndex,f=[],u=null,m=null,I=r;I<=o;I++){var M=e(I);M?m!==null&&(f.push(u,m),u=m=null):(m=I,u===null&&(u=I))}if(m!==null){for(var v=Math.min(Math.max(m,u+a-1),n-1),x=m+1;x<=v&&!e(x);x++)m=x;f.push(u,m)}if(f.length)for(;f[1]-f[0]+1<a&&f[0]>0;){var N=f[0]-1;if(!e(N))f[0]=N;else break}return f}var xs=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},gs=function(){function t(e,n){for(var a=0;a<n.length;a++){var r=n[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,n,a){return n&&t(e.prototype,n),a&&t(e,a),e}}(),Ms=function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},le=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t},js=function(t){Ms(e,t);function e(){var n,a,r,o;xs(this,e);for(var f=arguments.length,u=Array(f),m=0;m<f;m++)u[m]=arguments[m];return o=(a=(r=le(this,(n=e.__proto__||Object.getPrototypeOf(e)).call.apply(n,[this].concat(u))),r),r._lastRenderedStartIndex=-1,r._lastRenderedStopIndex=-1,r._memoizedUnloadedRanges=[],r._onItemsRendered=function(I){var M=I.visibleStartIndex,v=I.visibleStopIndex;r._lastRenderedStartIndex=M,r._lastRenderedStopIndex=v,r._ensureRowsLoaded(M,v)},r._setRef=function(I){r._listRef=I},a),le(r,o)}return gs(e,[{key:"resetloadMoreItemsCache",value:function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],a&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var a=this.props.children;return a({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(a,r){var o=this.props,f=o.isItemLoaded,u=o.itemCount,m=o.minimumBatchSize,I=m===void 0?10:m,M=o.threshold,v=M===void 0?15:M,x=ys({isItemLoaded:f,itemCount:u,minimumBatchSize:I,startIndex:Math.max(0,a-v),stopIndex:Math.min(u-1,r+v)});(this._memoizedUnloadedRanges.length!==x.length||this._memoizedUnloadedRanges.some(function(N,g){return x[g]!==N}))&&(this._memoizedUnloadedRanges=x,this._loadUnloadedRanges(x))}},{key:"_loadUnloadedRanges",value:function(a){for(var r=this,o=this.props.loadMoreItems||this.props.loadMoreRows,f=function(I){var M=a[I],v=a[I+1],x=o(M,v);x!=null&&x.then(function(){if(Is({lastRenderedStartIndex:r._lastRenderedStartIndex,lastRenderedStopIndex:r._lastRenderedStopIndex,startIndex:M,stopIndex:v})){if(r._listRef==null)return;typeof r._listRef.resetAfterIndex=="function"?r._listRef.resetAfterIndex(M,!0):(typeof r._listRef._getItemStyleCache=="function"&&r._listRef._getItemStyleCache(-1),r._listRef.forceUpdate())}})},u=0;u<a.length;u+=2)f(u)}}]),e}(T.PureComponent);const vs=()=>i.e1,Ns=i.styled_default("div")({name:"a",class:"a1w9zony",propsAsIs:!1}),Ss=i.styled_default("div")({name:"l",class:"l16qcfv8",propsAsIs:!1}),As=i.styled_default("img")({name:"p",class:"p1gmcc5f",propsAsIs:!1}),Ds=i.styled_default("div")({name:"s",class:"s1doddh0",propsAsIs:!1}),Ts=i.styled_default("div")({name:"c",class:"c1js9xhe",propsAsIs:!1}),zs=i.styled_default("div")({name:"d",class:"d1tmnqsh",propsAsIs:!1}),_s=i.styled_default("span")({name:"g",class:"gi9h87j",propsAsIs:!1}),Os=i.styled_default(vs())({name:"x",class:"x13mk3z6",propsAsIs:!0}),ws=({rank:t,avatar:e,name:n,points:a,isCurrentUser:r,openItemDetail:o,style:f})=>s.jsxs(Ns,{onClick:o,style:f,children:[s.jsx(Ss,{children:t||0}),s.jsxs(Ts,{children:[e?s.jsx(As,{alt:"leaderboard-item-avatar",src:e}):s.jsx(Ds,{children:Q.e(n||"")}),s.jsxs(zs,{children:[s.jsx(_s,{children:n||""}),r&&s.jsx(Os,{name:"icon-star"})]})]}),s.jsx("div",{children:Q.a(a)})]}),ks=({items:t,openItemDetail:e,fetchMore:n})=>s.jsx(z.AutoSizer,{children:({width:a,height:r})=>s.jsx(js,{isItemLoaded:o=>o<t.length,itemCount:t.length+1,loadMoreItems:n,children:({onItemsRendered:o,ref:f})=>s.jsx(hs,{itemSize:56,onItemsRendered:o,ref:f,itemCount:t.length,width:a,height:r,children:({index:u,style:m})=>s.jsx(ws,{style:{...m,maxHeight:48},...t[u],openItemDetail:()=>e(t[u].userId)},t[u].userId)})})}),Es=({leaderboardList:t,openUser:e})=>{const{data:n}=w.useStore(t.$store);return s.jsx(ks,{fetchMore:t.fetchMore,items:n,openItemDetail:e})};const bs=()=>i.e1,Ls=()=>i.e1,Cs=i.styled_default("div")({name:"s",class:"s1lblda3",propsAsIs:!1}),$s=i.styled_default("div")({name:"a",class:"ascvb2g",propsAsIs:!1}),Rs=i.styled_default("div")({name:"p",class:"p17rl8zy",propsAsIs:!1}),Qs=i.styled_default("div")({name:"l",class:"l1vvttbn",propsAsIs:!1}),P=i.styled_default(bs())({name:"c",class:"c6fk2ph",propsAsIs:!0}),Us=i.styled_default(Ls())({name:"d",class:"d1rdm136",propsAsIs:!0}),qs=i.styled_default("div")({name:"f",class:"fwqnnel",propsAsIs:!1}),Ys=i.styled_default("div")({name:"u",class:"ucyxnlg",propsAsIs:!1}),Ps={[j.PickHistoryStatus.LOST]:s.jsx(P,{name:"icon-cross"}),[j.PickHistoryStatus.WON]:s.jsx(P,{name:"icon-check"}),[j.PickHistoryStatus.UNSET]:void 0,[j.PickHistoryStatus.DNP]:s.jsx(P,{name:"icon-arrow"})},Ws=({questionId:t,questionType:e,questionStatus:n,subject:a,openForVoting:r,openQuestion:o,status:f})=>{const u=z.o[e],m=Ps[f];return u?s.jsxs(Cs,{onClick:()=>o==null?void 0:o(t),children:[s.jsxs(Ys,{children:[s.jsxs($s,{children:[s.jsx(Us,{name:u.iconName}),s.jsxs(qs,{children:[u.label,e===j.QuestionType.TRIVIA&&n===j.QuestionStatus.RESOLVED&&" • Expired"]})]}),s.jsx(Rs,{children:a||""})]}),s.jsx(Qs,{children:m||(r?s.jsx(z.c,{children:"Play"}):null)})]}):null};const Vs=i.styled_default("div")({name:"e",class:"e1jcgove",propsAsIs:!1}),Fs=i.styled_default("div")({name:"t",class:"t1bwp7hh",propsAsIs:!1}),Hs=i.styled_default("div")({name:"i",class:"i1xav4cl",propsAsIs:!1}),Bs=i.styled_default("h3")({name:"n",class:"n3qb30y",propsAsIs:!1}),Gs=i.styled_default("div")({name:"a",class:"ap5d9g7",propsAsIs:!1}),Zs=i.styled_default("button")({name:"l",class:"lvdbmlu",propsAsIs:!1}),Js=({title:t,instantView:e,openInsight:n,questionId:a})=>{const r=new Date,o=r.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),f=r.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return s.jsxs(Vs,{children:[s.jsxs(Fs,{children:[o,"・",f]}),(e==null?void 0:e.video)&&s.jsx(z.w,{source:e.video.url,poster:e.video.thumbnailUrl}),s.jsxs(Hs,{children:[s.jsx(Bs,{children:(e==null?void 0:e.heading)||t}),s.jsx(Gs,{children:e==null?void 0:e.body}),n&&s.jsx(Zs,{onClick:()=>n(a),children:"View Insight"})]})]})};const Ks=i.styled_default("div")({name:"t",class:"t19vr3p1",propsAsIs:!1}),Xs=({questions:t,openQuestion:e})=>s.jsx(Ks,{children:t==null?void 0:t.map(n=>{var a,r;if(n.type==="question"&&((a=n.attributes)==null?void 0:a.attributes.case)==="question"){const o=n.attributes.attributes.value;return s.jsx(Ws,{openQuestion:e,...o},o.questionId)}if(n.type==="insight"&&((r=n.attributes)==null?void 0:r.attributes.case)==="insight"){const o=n.attributes.attributes.value;return s.jsx(Js,{openInsight:e,...o},o.questionId)}return null})}),en=({store:t,openQuestion:e})=>{const n=w.useStore(t);return n!=null&&n.data?s.jsx(Xs,{openQuestion:e,questions:n.data}):s.jsx("div",{children:"wait questions..."})},tn=({userSummary:t})=>{var e;const n=w.useStore(t.getStore());return(e=n.data)!=null&&e.summary?s.jsx(de,{...n.data.summary,...n.data.percentage}):s.jsx("div",{children:"wait user..."})},sn=({gamification:t})=>{const[e,n]=T.useState(L.HOME);return s.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[s.jsxs(z.e,{children:[s.jsx(is,{activePage:e,toggleActivePage:n}),e===L.HOME&&s.jsx(tn,{userSummary:t.userSummary})]}),e===L.HOME&&s.jsx(z.n,{children:s.jsx(en,{openQuestion:t.openQuestion,store:t.feedList.getStore()})}),e===L.LEADERBOARD&&s.jsx(z.n,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:s.jsx(Es,{openUser:t.openUser,leaderboardList:t.leaderboardList})})]})};const nn=()=>z.f,oe=i.styled_default(nn())({name:"m",class:"m1ph66cs",propsAsIs:!0}),an=i.styled_default("div")({name:"x",class:"xorme7i",propsAsIs:!1}),pe=({gamification:t,className:e})=>{const n=w.useStore(t.openedQuestion.$store),a=w.useStore(t.openedUser);return s.jsxs(s.Fragment,{children:[n&&s.jsx(oe,{className:e,children:s.jsx(es,{gamification:t})}),a&&s.jsx(oe,{className:e,children:s.jsxs(an,{children:[s.jsx(ce,{label:"Friend's Rank",close:t.closeUser}),s.jsx(z.e,{children:s.jsx(de,{...a})})]})}),s.jsx(z.r,{className:e,"data-nav":"true",children:s.jsx(sn,{gamification:t})})]})};exports.GamificationOverlay=pe;exports.default=pe;