@streamlayer/react 1.24.5 → 1.24.7

package/lib/dist/es/polyfills.js

@@ -0,0 +1,92 @@
+import 'core-js/stable/index.js';
+import 'regenerator-runtime/runtime.js';
+import require$$2 from 'text-encoding-utf-8';
+import 'intersection-observer';
+import require$$4 from 'resize-observer-polyfill';
+import require$$5 from 'web-streams-polyfill';
+import 'whatwg-fetch';
+import 'abortcontroller-polyfill/dist/polyfill-patch-fetch.js';
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var polyfills$1 = {};
+
+var hasRequiredPolyfills;
+
+function requirePolyfills () {
+	if (hasRequiredPolyfills) return polyfills$1;
+	hasRequiredPolyfills = 1;
+	// TextEncoder/TextDecoder pure JS polyfill (Chrome 38)
+	// The package only exports classes; must assign globals for SDK compatibility
+	var _textEncoding = require$$2;
+	if (typeof window.TextEncoder === 'undefined') window.TextEncoder = _textEncoding.TextEncoder;
+	if (typeof window.TextDecoder === 'undefined') window.TextDecoder = _textEncoding.TextDecoder;
+	 // IntersectionObserver polyfill (Chrome 51)
+	if (typeof window.ResizeObserver === 'undefined') { // ResizeObserver polyfill (Chrome 64)
+	  var _RO = require$$4;
+	  window.ResizeObserver = _RO.default || _RO;
+	}
+	var _streams = require$$5;
+	if (typeof window.ReadableStream === 'undefined') window.ReadableStream = _streams.ReadableStream;
+	if (typeof window.WritableStream === 'undefined') window.WritableStream = _streams.WritableStream;
+	if (typeof window.TransformStream === 'undefined') window.TransformStream = _streams.TransformStream;
+	 // fetch/Response/Headers/Request polyfill (Chrome 42)
+	 // AbortController + patched fetch (Chrome 66)
+
+	// whatwg-fetch does not implement Response.body (ReadableStream).
+	// ConnectRPC requires response.body to parse gRPC-Web frames.
+	// Wrap fetch to synthesize .body from .arrayBuffer().
+	(function() {
+	  var origFetch = window.fetch;
+	  window.fetch = function(input, init) {
+	    return origFetch.apply(this, arguments).then(function(response) {
+	      if (response.body) return response;
+	      var _stream = null;
+	      Object.defineProperty(response, 'body', {
+	        get: function() {
+	          if (!_stream) {
+	            var clone = response.clone();
+	            _stream = new ReadableStream({
+	              start: function(controller) {
+	                clone.arrayBuffer().then(function(buf) {
+	                  controller.enqueue(new Uint8Array(buf));
+	                  controller.close();
+	                }, function(err) {
+	                  controller.error(err);
+	                });
+	              }
+	            });
+	          }
+	          return _stream;
+	        }
+	      });
+	      return response;
+	    });
+	  };
+	})();
+
+	// MediaQueryList.addEventListener/removeEventListener polyfill (Chrome 50)
+	// Chrome 32 only has the legacy addListener/removeListener API.
+	// MediaQueryList is not exposed as a global constructor in Chrome 32,
+	// so we obtain the prototype from an actual instance via matchMedia.
+	if (typeof window.matchMedia === 'function') {
+	  var _mql = window.matchMedia('(min-width:0)');
+	  if (_mql && !_mql.addEventListener) {
+	    var _mqlProto = Object.getPrototypeOf(_mql);
+	    _mqlProto.addEventListener = function (type, listener) {
+	      if (type === 'change') this.addListener(listener);
+	    };
+	    _mqlProto.removeEventListener = function (type, listener) {
+	      if (type === 'change') this.removeListener(listener);
+	    };
+	  }
+	}
+	return polyfills$1;
+}
+
+var polyfillsExports = requirePolyfills();
+var polyfills = /*@__PURE__*/getDefaultExportFromCjs(polyfillsExports);
+
+export { polyfills as default };

package/lib/es/Question.js

@@ -1,47 +1,46 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { s as l, u as c } from "./sl-types.js";
-import { createContext as S, useContext as k, useRef as N, useEffect as $, useState as q } from "react";
-import { O as C, d as E, f as L, a as P } from "./index13.js";
-import { Q as V, Z as B } from "./index14.js";
-import { y as D } from "./utils.js";
-import { Q as A, A as R } from "./useStreamLayerApp2.js";
-const j = S({
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { s as l, u as p } from "./feature.js";
+import { createContext as E, useContext as N, useRef as k, useEffect as q, useState as $ } from "react";
+import { O as C, d as D, f as L, a as R } from "./index12.js";
+import { Q as V, Z as F } from "./index13.js";
+import { y as P } from "./utils.js";
+import { Q as A, A as Q } from "./useStreamLayerApp2.js";
+const j = E({
   sdk: null,
   topNavigation: !1
-}), O = () => k(j), Z = /* @__PURE__ */ l("div")({
+}), H = () => N(j), O = /* @__PURE__ */ l("div")({
   name: "QuestionAdvertisementContainer",
   class: "qwludgs",
   propsAsIs: !1
-}), _ = /* @__PURE__ */ l("div")({
+}), Z = /* @__PURE__ */ l("div")({
   name: "QuestionAdvertisementText",
   class: "qvce6pv",
   propsAsIs: !1
-}), F = /* @__PURE__ */ l("div")({
+}), _ = /* @__PURE__ */ l("div")({
   name: "QuestionAdvertisementImage",
   class: "qsid7hx",
   propsAsIs: !1
-}), H = ({
+}), B = ({
   sponsorLogo: e,
   id: a,
-  hasBanner: n,
-  setAdShowed: t
+  setAdShowed: n
 }) => {
-  const r = N();
-  return $(() => (r.current = setTimeout(() => {
-    t(!0);
+  const s = k();
+  return q(() => (s.current = setTimeout(() => {
+    n(!0);
   }, 5e3), () => {
-    clearTimeout(r.current);
-  }), [t, a, n]), /* @__PURE__ */ p(Z, {
-    children: [/* @__PURE__ */ s(_, {
+    clearTimeout(s.current);
+  }), [n, a]), /* @__PURE__ */ m(O, {
+    children: [/* @__PURE__ */ t(Z, {
       children: "PRESENTED BY"
-    }), /* @__PURE__ */ s(F, {
-      children: /* @__PURE__ */ s("img", {
+    }), /* @__PURE__ */ t(_, {
+      children: /* @__PURE__ */ t("img", {
         src: e,
         alt: "ad-sponsor-logo"
       })
     })]
   });
-}, Q = /* @__PURE__ */ l("div")({
+}, h = /* @__PURE__ */ l("div")({
   name: "QuestionContainer",
   class: "q14ckf9e",
   propsAsIs: !1
@@ -51,78 +50,80 @@ const j = S({
   webos: n
 }) => {
   const {
-    sdk: t
-  } = O();
-  return e?.attributes?.attributes.case === "insight" ? /* @__PURE__ */ s(L, {
+    sdk: s
+  } = H();
+  return e?.attributes?.attributes.case === "insight" ? /* @__PURE__ */ t(L, {
     ...e.attributes.attributes.value,
     muted: a,
-    controlVideo: t?.controlVideoPlayer,
-    webos: n
-  }) : e?.attributes?.attributes.case === "tweet" ? /* @__PURE__ */ s(P, {
+    controlVideo: s?.controlVideoPlayer,
+    webos: n,
+    questionId: e.id,
+    fireEvent: e.fireEvent,
+    isEventFired: e.isEventFired
+  }) : e?.attributes?.attributes.case === "tweet" ? /* @__PURE__ */ t(R, {
     ...e.attributes.attributes.value,
     muted: a,
-    controlVideo: t?.controlVideoPlayer
+    controlVideo: s?.controlVideoPlayer
   }) : null;
 }, z = ({
   extendedQuestion: e,
   vote: a,
   close: n,
-  webos: t
+  webos: s
 }) => {
   const {
-    loading: r,
-    data: d
+    loading: u,
+    data: r
   } = e;
-  return d ? /* @__PURE__ */ s(V, {
-    webos: t,
+  return r ? /* @__PURE__ */ t(V, {
+    webos: s,
     vote: a,
     close: n,
-    openedQuestion: d,
-    isLoading: !!r
-  }) : /* @__PURE__ */ s(B, {});
+    openedQuestion: r,
+    isLoading: !!u
+  }) : /* @__PURE__ */ t(F, {});
 }, oe = ({
   gamification: e,
   sdk: a,
   muted: n,
-  skipAutoClose: t,
-  hideSponsor: r,
-  className: d,
-  hideHeader: h,
-  webos: u
+  skipAutoClose: s,
+  hideSponsor: u,
+  className: r,
+  hideHeader: w,
+  webos: c
 }) => {
-  const i = c(e.openedQuestion.$store), o = c(e.openedQuestion.$extendedStore), [w, T] = q(!1), y = c(a.options), m = i?.attributes?.type === A.FACTOID, b = i?.attributes?.backgroundImage, f = o.data?.backgroundImage, I = m ? b?.landscapeUrl : f?.landscapeUrl, U = m ? b?.portraitUrl : f?.portraitUrl, g = D({
-    containerId: y.containerId,
-    landscapeUrl: I,
-    portraitUrl: U
+  const i = p(e.openedQuestion.$store), o = p(e.openedQuestion.$extendedStore), [T, I] = $(!1), U = p(a.options), f = i?.attributes?.type === A.FACTOID, b = i?.attributes?.backgroundImage, d = o.data?.backgroundImage, S = f ? b?.landscapeUrl ?? d?.landscapeUrl : d?.landscapeUrl, x = f ? b?.portraitUrl ?? d?.portraitUrl : d?.portraitUrl, v = P({
+    containerId: U.containerId,
+    landscapeUrl: S,
+    portraitUrl: x
   });
-  if (!i)
+  if (!i || !o.data)
     return null;
-  const v = i.type, x = o.data?.options?.options.case === "factoid" ? o.data.options.options.value.closeTimer : void 0;
-  return o.data && o.data.adUnit === R.STANDART && !w ? /* @__PURE__ */ p(Q, {
-    className: d,
-    children: [g, /* @__PURE__ */ s(H, {
+  const g = i.type, y = o.data?.options?.options.case === "factoid" ? o.data.options.options.value.closeTimer : void 0;
+  return o.data && (o.data.adUnit === Q.STANDART || o.data.promotion?.adUnit === Q.STANDART) && !T ? /* @__PURE__ */ m(h, {
+    className: r,
+    children: [v, /* @__PURE__ */ t(B, {
       id: o.data.id,
-      hasBanner: !!o.data.promotion?.banner?.imageUrl,
-      setAdShowed: T,
+      setAdShowed: I,
       sponsorLogo: o.data.promotion?.sponsor?.logo || o.data.sponsorship?.logo || ""
     })]
-  }) : /* @__PURE__ */ p(Q, {
-    className: d,
-    children: [g, !h && /* @__PURE__ */ s(C, {
-      closeTimer: t ? void 0 : x,
+  }) : /* @__PURE__ */ m(h, {
+    className: r,
+    children: [v, !w && /* @__PURE__ */ t(C, {
+      closeTimer: s ? void 0 : y,
       close: e.closeQuestion,
       type: i.attributes?.type || A.UNSET,
-      webos: u
-    }), v === "question" && /* @__PURE__ */ s(z, {
-      webos: u,
+      webos: c
+    }), g === "question" && /* @__PURE__ */ t(z, {
+      webos: c,
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: o
-    }), v !== "question" && /* @__PURE__ */ s(Y, {
+    }), g !== "question" && /* @__PURE__ */ t(Y, {
       muted: n,
       openedQuestion: i,
-      webos: u
-    }), !r && /* @__PURE__ */ s(E, {
+      webos: c
+    }), !u && /* @__PURE__ */ t(D, {
       sponsorLogo: o.data?.promotion?.sponsor?.logo || o.data?.sponsorship?.logo
     })]
   });
@@ -130,5 +131,5 @@ const j = S({
 export {
   oe as _,
   j as e,
-  O as p
+  H as p
 };