@streamlayer/react 1.24.6 → 1.24.8-pre.11da316

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