@streamlayer/react 1.24.5 → 1.24.6

package/lib/classic/es/bet-pack.js

@@ -1,13 +1,12 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { e as gt } from "./index4.js";
 import $, { forwardRef as Ae, useRef as D, useState as W, useEffect as Y, useLayoutEffect as vt, createContext as He, useMemo as Re, useCallback as qe, memo as wt } from "react";
-import { s as _, u as Se, c as Ee } from "./sl-types.js";
-import yt from "lodash.throttle";
+import { s as _, u as Se, a as yt, c as Ee } from "./feature.js";
+import bt from "lodash.throttle";
 import { B as te } from "./index6.js";
-import { d as bt } from "./index7.js";
-import { Q as St } from "./index13.js";
-import { d as Et, e as Tt, S as We } from "./useStreamLayerApp2.js";
-import { c as xt } from "./feature.js";
+import { d as St } from "./index7.js";
+import { Q as Et } from "./index13.js";
+import { d as Tt, e as xt, S as We } from "./useStreamLayerApp2.js";
 import { Y as Ct } from "./hooks-n9ax4LRT.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
@@ -2897,8 +2896,8 @@ const er = () => ot, tr = /* @__PURE__ */ _(er())({
   className: t
 }) => /* @__PURE__ */ P(mr, {
   className: t,
-  children: /* @__PURE__ */ P(bt, {})
-}), hr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(St, { close: () => {
+  children: /* @__PURE__ */ P(St, {})
+}), hr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(Et, { close: () => {
 }, openedQuestion: t, vote: e, isLoading: !1, isEarlyPrediction: !0 }) : null, gr = /* @__PURE__ */ _("span")({
   name: "NextButton",
   class: "n991vvm",
@@ -3234,7 +3233,7 @@ const xr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [p, h] = W(1.1);
   return Y(() => {
-    const g = yt(() => {
+    const g = bt(() => {
       const m = l.current?.size;
       if (!m)
         return;
@@ -3277,7 +3276,7 @@ const xr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof Et && l.code !== Tt.InvalidArgument ? `The event ID was not
+      description: l instanceof Tt && l.code !== xt.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3304,7 +3303,7 @@ handle this request.`
   name: "BetPackContainer",
   class: "b18vssq2",
   propsAsIs: !1
-}), ie = "slBetPackCb", Mr = xt("betPack-ui"), kr = (t, e = {}) => {
+}), ie = "slBetPackCb", Mr = yt("betPack-ui"), kr = (t, e = {}) => {
   const { questionId: s, answerId: r } = e, n = { questionId: s, answerId: r };
   Mr.debug({ id: ie, type: t, ...n }), window.top?.postMessage({ id: ie, type: t, ...n }, "*"), window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers[ie] && window.webkit.messageHandlers[ie].postMessage({ type: t, ...n }), window.slBetPackCb?.postMessage && window.slBetPackCb.postMessage(JSON.stringify({ type: t, ...n, from: "base" }));
 }, Ir = (t) => {
@@ -3408,12 +3407,12 @@ view this resource.`
     action: "tap",
     payload: {}
   });
-}, Kr = () => {
+}, Qr = () => {
   const t = Ct();
   return Y(() => (document?.addEventListener("click", je), () => {
     document?.removeEventListener("click", je);
   }), []), t ? /* @__PURE__ */ P(ft, { sdk: t }) : null;
 };
 export {
-  Kr as BetPackProvider
+  Qr as BetPackProvider
 };

package/lib/classic/es/feature.js

@@ -1,59 +1,210 @@
-import { pino as a } from "pino";
-import "./sl-types.js";
-import "nanostores";
-import { S as s } from "./useStreamLayerApp2.js";
-const d = a({
+import y, { forwardRef as A, createElement as O } from "react";
+import { listenKeys as _ } from "nanostores";
+import { pino as M } from "pino";
+import { S as g } from "./useStreamLayerApp2.js";
+var B = function() {
+  const t = Array.prototype.slice.call(arguments).filter(Boolean), n = {}, r = [];
+  t.forEach((a) => {
+    (a ? a.split(" ") : []).forEach((c) => {
+      if (c.startsWith("atm_")) {
+        const [, p] = c.split("_");
+        n[p] = c;
+      } else
+        r.push(c);
+    });
+  });
+  const o = [];
+  for (const a in n)
+    Object.prototype.hasOwnProperty.call(n, a) && o.push(n[a]);
+  return o.push(...r), o.join(" ");
+}, R = B;
+function D(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var H = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, x = /* @__PURE__ */ D(
+  function(e) {
+    return H.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), j = (e) => e.toUpperCase() === e, q = (e) => (t) => e.indexOf(t) === -1, U = (e, t) => {
+  const n = {};
+  return Object.keys(e).filter(q(t)).forEach((r) => {
+    n[r] = e[r];
+  }), n;
+};
+function z(e, t, n) {
+  const r = U(t, n);
+  if (!e) {
+    const o = typeof x == "function" ? { default: x } : x;
+    Object.keys(r).forEach((a) => {
+      o.default(a) || delete r[a];
+    });
+  }
+  return r;
+}
+var V = (e, t) => {
+};
+function F(e) {
+  let t = "";
+  return (n) => {
+    const r = (a, d) => {
+      const { as: c = e, class: p = t } = a, v = n.propsAsIs === void 0 ? !(typeof c == "string" && c.indexOf("-") === -1 && !j(c[0])) : n.propsAsIs, u = z(v, a, [
+        "as",
+        "class"
+      ]);
+      u.ref = d, u.className = n.atomic ? R(n.class, u.className || p) : R(u.className || p, n.class);
+      const { vars: i } = n;
+      if (i) {
+        const s = {};
+        for (const l in i) {
+          const h = i[l], S = h[0], N = h[1] || "", b = typeof S == "function" ? S(a) : S;
+          V(b, n.name), s[`--${l}`] = `${b}${N}`;
+        }
+        const f = u.style || {}, m = Object.keys(f);
+        m.length > 0 && m.forEach((l) => {
+          s[l] = f[l];
+        }), u.style = s;
+      }
+      return e.__wyw_meta && e !== c ? (u.as = c, O(e, u)) : O(c, u);
+    }, o = A ? A(r) : (
+      // React.forwardRef won't available on older React versions and in Preact
+      // Fallback to a innerRef prop in that case
+      ((a) => {
+        const d = U(a, ["innerRef"]);
+        return r(d, a.innerRef);
+      })
+    );
+    return o.displayName = n.name, o.__wyw_meta = {
+      className: n.class || t,
+      extends: e
+    }, o;
+  };
+}
+var ae = F, E = { exports: {} }, k = {};
+var T;
+function G() {
+  if (T) return k;
+  T = 1;
+  var e = y;
+  function t(i, s) {
+    return i === s && (i !== 0 || 1 / i === 1 / s) || i !== i && s !== s;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, a = e.useLayoutEffect, d = e.useDebugValue;
+  function c(i, s) {
+    var f = s(), m = r({ inst: { value: f, getSnapshot: s } }), l = m[0].inst, h = m[1];
+    return a(
+      function() {
+        l.value = f, l.getSnapshot = s, p(l) && h({ inst: l });
+      },
+      [i, f, s]
+    ), o(
+      function() {
+        return p(l) && h({ inst: l }), i(function() {
+          p(l) && h({ inst: l });
+        });
+      },
+      [i]
+    ), d(f), f;
+  }
+  function p(i) {
+    var s = i.getSnapshot;
+    i = i.value;
+    try {
+      var f = s();
+      return !n(i, f);
+    } catch {
+      return !0;
+    }
+  }
+  function v(i, s) {
+    return s();
+  }
+  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : c;
+  return k.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, k;
+}
+var C;
+function W() {
+  return C || (C = 1, E.exports = G()), E.exports;
+}
+var $ = W();
+const w = (e, t) => (n) => {
+  e.current !== n && (e.current = n, t());
+};
+function X(e, { keys: t, deps: n = [e, t] } = {}) {
+  const r = y.useRef();
+  r.current = e.get();
+  const o = y.useCallback((d) => (w(r, d)(e.value), t?.length > 0 ? _(e, t, w(r, d)) : e.listen(w(r, d))), n), a = () => r.current;
+  return y.useSyncExternalStore ? y.useSyncExternalStore(o, a, a) : $.useSyncExternalStore(o, a, a);
+}
+const ie = X, K = () => [
+  !1,
+  (e) => {
+    window.requestAnimationFrame(() => e());
+  }
+], se = y.useTransition || K, Y = M({
   level: "trace",
   enabled: typeof window < "u" && !!window.localStorage.getItem("SL_DEBUG"),
   browser: {
-    write: (t) => {
-      console.log(t);
+    write: (e) => {
+      console.log(e);
     }
   }
-}), l = (t, e) => d.child({ name: t }, e);
-class c extends Event {
+}), Q = (e, t) => Y.child({ name: e }, t);
+class Z extends Event {
   slEventBus;
-  constructor(e, n) {
-    super(e), this.slEventBus = n;
+  constructor(t, n) {
+    super(t), this.slEventBus = n;
   }
 }
-const v = l("event-bus");
-class h {
+const J = Q("event-bus");
+class oe {
   name;
   listeners;
-  constructor(e = "sl-event-bus") {
-    this.name = e, this.listeners = /* @__PURE__ */ new Set();
+  constructor(t = "sl-event-bus") {
+    this.name = t, this.listeners = /* @__PURE__ */ new Set();
   }
-  emit = (e, n) => {
-    const i = new c(this.name, { ...n, type: e });
-    v.debug(i, "Emitting event"), window.dispatchEvent(i);
+  emit = (t, n) => {
+    const r = new Z(this.name, { ...n, type: t });
+    J.debug(r, "Emitting event"), window.dispatchEvent(r);
   };
-  listen(e) {
-    return window.addEventListener(this.name, e), this.listeners.add(e), () => {
-      this.off(e);
+  listen(t) {
+    return window.addEventListener(this.name, t), this.listeners.add(t), () => {
+      this.off(t);
     };
   }
-  off(e) {
-    window.removeEventListener(this.name, e), this.listeners.delete(e);
+  off(t) {
+    window.removeEventListener(this.name, t), this.listeners.delete(t);
   }
   destroy = () => {
-    this.listeners.forEach((e) => {
-      window.removeEventListener(this.name, e), this.listeners.delete(e);
+    this.listeners.forEach((t) => {
+      window.removeEventListener(this.name, t), this.listeners.delete(t);
     }), this.listeners.clear();
   };
 }
+var I;
+(function(e) {
+  e[e.ONBOARDING = 1] = "ONBOARDING", e[e.QUESTION = 2] = "QUESTION", e[e.QUESTION_RESOLVED = 3] = "QUESTION_RESOLVED";
+})(I || (I = {}));
 window.slStore = /* @__PURE__ */ Object.create(null);
-var o;
-(function(t) {
-  t.ORGANIZATION = "ORGANIZATION", t.STREAM = "STREAM";
-})(o || (o = {}));
-s.BETTING + "", s.GAMES + "", s.PUBLIC_CHAT + "", s.TWITTER + "";
-var r;
-(function(t) {
-  t.Ready = "ready", t.Suspended = "suspended";
-})(r || (r = {}));
+var P;
+(function(e) {
+  e.ORGANIZATION = "ORGANIZATION", e.STREAM = "STREAM";
+})(P || (P = {}));
+g.BETTING + "", g.GAMES + "", g.PUBLIC_CHAT + "", g.TWITTER + "";
+var L;
+(function(e) {
+  e.Ready = "ready", e.Suspended = "suspended";
+})(L || (L = {}));
 export {
-  h as E,
-  r as F,
-  l as c
+  oe as E,
+  L as F,
+  I as N,
+  Q as a,
+  se as b,
+  R as c,
+  ae as s,
+  ie as u
 };

package/lib/{es/index-DvqmgCor.js → classic/es/index-CfSdnrfA.js}

@@ -1,4 +1,4 @@
-import { r as ir } from "./useStreamLayerApp2.js";
+import { u as ir } from "./useStreamLayerApp2.js";
 function sr(A, S) {
   for (var G = 0; G < S.length; G++) {
     const X = S[G];