@streamlayer/react 1.24.7 → 1.24.8-pre.84ab1b9

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
 };