@streamlayer/react 1.24.5 → 1.24.7

package/lib/es/analytics.js

@@ -1,6 +1,6 @@
 import { useEffect as c } from "react";
 import { e as s } from "./index3.js";
-import { A as v } from "./index9.js";
+import { A as v } from "./index8.js";
 let i = [], r = 0;
 const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
   let e = [], t = {

package/lib/es/bet-pack.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { e as i } from "./index3.js";
 import { useEffect as n } from "react";
-import "./sl-types.js";
+import "./feature.js";
 import { D as c } from "./index4.js";
 import { Y as m } from "./hooks-n9ax4LRT.js";
 const r = (t) => {

package/lib/es/feature.js

@@ -1,59 +1,214 @@
-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 { e as _, S as g } from "./useStreamLayerApp2.js";
+function M(e, t, n) {
+  let r = new Set(t).add(void 0);
+  return e.listen((o, a, c) => {
+    r.has(c) && n(o, a, c);
+  });
+}
+var B = function() {
+  const t = Array.prototype.slice.call(arguments).filter(Boolean), n = {}, r = [];
+  t.forEach((a) => {
+    (a ? a.split(" ") : []).forEach((u) => {
+      if (u.startsWith("atm_")) {
+        const [, p] = u.split("_");
+        n[p] = u;
+      } else
+        r.push(u);
+    });
+  });
+  const o = [];
+  for (const a in n)
+    Object.prototype.hasOwnProperty.call(n, a) && o.push(n[a]);
+  return o.push(...r), o.join(" ");
+}, T = 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, c) => {
+      const { as: u = e, class: p = t } = a, v = n.propsAsIs === void 0 ? !(typeof u == "string" && u.indexOf("-") === -1 && !j(u[0])) : n.propsAsIs, d = z(v, a, [
+        "as",
+        "class"
+      ]);
+      d.ref = c, d.className = n.atomic ? T(n.class, d.className || p) : T(d.className || p, n.class);
+      const { vars: s } = n;
+      if (s) {
+        const i = {};
+        for (const l in s) {
+          const h = s[l], S = h[0], N = h[1] || "", b = typeof S == "function" ? S(a) : S;
+          V(b, n.name), i[`--${l}`] = `${b}${N}`;
+        }
+        const f = d.style || {}, m = Object.keys(f);
+        m.length > 0 && m.forEach((l) => {
+          i[l] = f[l];
+        }), d.style = i;
+      }
+      return e.__wyw_meta && e !== u ? (d.as = u, O(e, d)) : O(u, d);
+    }, 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 c = U(a, ["innerRef"]);
+        return r(c, a.innerRef);
+      })
+    );
+    return o.displayName = n.name, o.__wyw_meta = {
+      className: n.class || t,
+      extends: e
+    }, o;
+  };
+}
+var ne = F, E = { exports: {} }, k = {};
+var R;
+function G() {
+  if (R) return k;
+  R = 1;
+  var e = y;
+  function t(s, i) {
+    return s === i && (s !== 0 || 1 / s === 1 / i) || s !== s && i !== i;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, a = e.useLayoutEffect, c = e.useDebugValue;
+  function u(s, i) {
+    var f = i(), m = r({ inst: { value: f, getSnapshot: i } }), l = m[0].inst, h = m[1];
+    return a(
+      function() {
+        l.value = f, l.getSnapshot = i, p(l) && h({ inst: l });
+      },
+      [s, f, i]
+    ), o(
+      function() {
+        return p(l) && h({ inst: l }), s(function() {
+          p(l) && h({ inst: l });
+        });
+      },
+      [s]
+    ), c(f), f;
+  }
+  function p(s) {
+    var i = s.getSnapshot;
+    s = s.value;
+    try {
+      var f = i();
+      return !n(s, f);
+    } catch {
+      return !0;
+    }
+  }
+  function v(s, i) {
+    return i();
+  }
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : u;
+  return k.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, 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((c) => (w(r, c)(e.value), t?.length > 0 ? M(e, t, w(r, c)) : e.listen(w(r, c))), n), a = () => r.current;
+  return y.useSyncExternalStore ? y.useSyncExternalStore(o, a, a) : $.useSyncExternalStore(o, a, a);
+}
+const re = X, K = () => [
+  !1,
+  (e) => {
+    window.requestAnimationFrame(() => e());
+  }
+], ae = y.useTransition || K, Y = _.pino({
   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 se {
   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
+  se as E,
+  L as F,
+  I as N,
+  Q as a,
+  ae as b,
+  T as c,
+  ne as s,
+  re as u
 };

package/lib/es/{index-DvqmgCor.js → index-D8wyDNJD.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];

package/lib/es/index.js

@@ -1,4 +1,4 @@
-import { h as a } from "./index7.js";
+import { h as a } from "./index6.js";
 import { D as m } from "./index2.js";
 import { StreamLayerSDKNotification as S, StreamLayerSDKNotificationUI as s } from "./notification.js";
 import { V as L, g as i, Y as f, _ as D, q as p } from "./hooks-n9ax4LRT.js";

package/lib/es/index10.js

@@ -1,11 +1,185 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as l } from "./sl-types.js";
-const i = /* @__PURE__ */ l("div")({
+import { s as a } from "./feature.js";
+import { Q as i } from "./useStreamLayerApp2.js";
+import { jsxs as t, jsx as s, Fragment as U } from "react/jsx-runtime";
+import { memo as $, useMemo as w } from "react";
+import { V as y } from "./index14.js";
+import { B as T } from "./index7.js";
+const G = {
+  [i.TWEET]: { label: "Insight", iconName: "icon-insight" },
+  [i.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
+  [i.UNSET]: void 0,
+  [i.FACTOID]: { label: "Insight", iconName: "icon-insight" },
+  [i.POLL]: { label: "Poll", iconName: "icon-poll" },
+  [i.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
+  [i.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
+}, J = {
+  [i.TWEET]: "Learn more",
+  [i.FACTOID]: "Learn more",
+  [i.POLL]: "Answer",
+  [i.TRIVIA]: "Answer",
+  [i.PREDICTION]: "Answer",
+  [i.PROMOTION]: "",
+  [i.UNSET]: ""
+}, K = (r) => r.split(/\s+/).map((n) => n[0]).join("").toUpperCase(), X = (r) => r ? r.toLocaleString("en-US") : "0", L = (r) => {
+  const n = new Date(r);
+  if (!n)
+    return "";
+  const c = /* @__PURE__ */ new Date(), o = Math.floor(c.getTime() - n.getTime());
+  return o < 6e4 ? `${Math.floor(o / 1e3)}s` : o < 36e5 ? `${Math.floor(o / 6e4)}m` : o < 864e5 ? `${Math.floor(o / 36e5)}h` : n.getFullYear() === c.getFullYear() ? `${n.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  })}` : `${n.toLocaleDateString("en-US", {
+    month: "2-digit",
+    day: "2-digit",
+    year: "2-digit"
+  })}`;
+}, D = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "cqg02m",
+  class: "cjq447q",
   propsAsIs: !1
-}), a = ({ children: s, style: e, loading: o }) => o ? /* @__PURE__ */ t(i, { style: e, children: s }) : s;
+}), H = /* @__PURE__ */ a("div")({
+  name: "ImageContainer",
+  class: "i14egogb",
+  propsAsIs: !1
+}), S = /* @__PURE__ */ a("img")({
+  name: "Image",
+  class: "i2g9g4l",
+  propsAsIs: !1
+}), O = () => T, E = /* @__PURE__ */ a(O())({
+  name: "TwitterIcon",
+  class: "t1c454nm",
+  propsAsIs: !0
+}), b = /* @__PURE__ */ a("div")({
+  name: "Details",
+  class: "d11nigc3",
+  propsAsIs: !1
+}), x = /* @__PURE__ */ a("div")({
+  name: "Name",
+  class: "nrxa4k8",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ a("div")({
+  name: "UserNameAndDate",
+  class: "u1p051g3",
+  propsAsIs: !1
+}), P = ({ image: r, name: n, userName: c, verified: o, createdTweet: p }) => {
+  const m = p && L(p);
+  return /* @__PURE__ */ t(D, { children: [
+    r && /* @__PURE__ */ t(H, { children: [
+      /* @__PURE__ */ s(S, { className: "SL_AccountImage", src: r }),
+      /* @__PURE__ */ s(E, { name: "twitter" })
+    ] }),
+    /* @__PURE__ */ t(b, { children: [
+      n && /* @__PURE__ */ t(x, { className: "SL_TweetAccountName", children: [
+        n,
+        " ",
+        o && /* @__PURE__ */ s(T, { name: "icon-twitter-verified" })
+      ] }),
+      c && /* @__PURE__ */ t(C, { className: "SL_TweetAccountUserName", children: [
+        "@",
+        c,
+        " ",
+        m && `･ ${m}`
+      ] })
+    ] })
+  ] });
+}, M = /* @__PURE__ */ a("div")({
+  name: "Container",
+  class: "c1kzqw87",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ a("div")({
+  name: "Details",
+  class: "d9r1hf9",
+  propsAsIs: !1
+}), V = /* @__PURE__ */ a("div")({
+  name: "Body",
+  class: "bezygt5",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ a("div")({
+  name: "ImagesContainer",
+  class: "i1y8f7ym",
+  propsAsIs: !1
+}), h = /* @__PURE__ */ a("div")({
+  name: "ImagesBlock",
+  class: "i18gwonx",
+  propsAsIs: !1
+}), N = /* @__PURE__ */ a("img")({
+  name: "Image",
+  class: "i3g0xjd",
+  propsAsIs: !1
+}), j = () => N, l = /* @__PURE__ */ a(j())({
+  name: "ImageFullSize",
+  class: "io8rt7p",
+  propsAsIs: !0
+}), F = () => N, f = /* @__PURE__ */ a(F())({
+  name: "ImageHalfSize",
+  class: "i4hn3ox",
+  propsAsIs: !0
+}), _ = new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"), z = (r) => r?.replace(_, ""), Z = $(
+  ({ image: r, body: n, muted: c, account: o, accountVerified: p, tweet: m, isDetail: u, controlVideo: v }) => {
+    const e = m?.meta?.extendedEntities?.media, g = e?.find(
+      ({ type: I }) => I === "photo"
+      /* PHOTO */
+    ), A = w(() => e?.[0]?.videoInfo?.variants?.findLast(
+      ({ contentType: I }) => I === "video/mp4"
+      /* VIDEO */
+    )?.url, [e]);
+    return /* @__PURE__ */ t(M, { children: [
+      /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ s(
+          P,
+          {
+            image: r,
+            name: m?.meta?.accountName,
+            userName: o,
+            verified: p,
+            createdTweet: m?.date
+          }
+        ),
+        /* @__PURE__ */ s(V, { children: z(n) }),
+        !u && g && /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(l, { src: e?.[0].mediaUrlHttps }) }),
+        u && g && /* @__PURE__ */ t(U, { children: [
+          e?.length === 1 && /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(l, { src: e[0].mediaUrlHttps }) }),
+          e?.length === 2 && /* @__PURE__ */ t(d, { children: [
+            /* @__PURE__ */ s(f, { src: e[0].mediaUrlHttps }),
+            /* @__PURE__ */ s(f, { src: e[1].mediaUrlHttps })
+          ] }),
+          e?.length === 3 && /* @__PURE__ */ t(d, { children: [
+            /* @__PURE__ */ s(f, { src: e[0].mediaUrlHttps }),
+            /* @__PURE__ */ t(h, { children: [
+              /* @__PURE__ */ s(l, { src: e[1].mediaUrlHttps }),
+              /* @__PURE__ */ s(l, { src: e[2].mediaUrlHttps })
+            ] })
+          ] }),
+          e?.length === 4 && /* @__PURE__ */ t(d, { children: [
+            /* @__PURE__ */ t(h, { children: [
+              /* @__PURE__ */ s(l, { src: e[0].mediaUrlHttps }),
+              /* @__PURE__ */ s(l, { src: e[1].mediaUrlHttps })
+            ] }),
+            /* @__PURE__ */ t(h, { children: [
+              /* @__PURE__ */ s(l, { src: e[2].mediaUrlHttps }),
+              /* @__PURE__ */ s(l, { src: e[3].mediaUrlHttps })
+            ] })
+          ] })
+        ] })
+      ] }),
+      !g && (e?.[0]?.type === "video" || e?.[0]?.type === "animated_gif") && A && /* @__PURE__ */ s(
+        y,
+        {
+          muted: c,
+          source: A,
+          poster: e[0].mediaUrlHttps,
+          controlVideo: v
+        }
+      )
+    ] });
+  }
+);
 export {
-  i as e,
-  a as i
+  P as D,
+  K as I,
+  Z as N,
+  G as e,
+  z as j,
+  J as o,
+  X as s
 };