@streamlayer/react 1.23.1 → 1.24.0

package/lib/es/Question.js

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