@streamlayer/react 1.23.2 → 1.24.0

package/lib/es/Question.js

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