@streamlayer/react 1.23.0 → 1.23.2

package/lib/es/Question.js

@@ -1,136 +1,138 @@
-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 "./index9.js";
-import { e as X, t as Z } from "./index10.js";
-import { y as oo } from "./utils.js";
-import { Q as L, A as eo } from "./useStreamLayerApp2.js";
-const to = z({
+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({
   sdk: null,
-  topNavigation: !1
-}), so = () => F(to), no = /* @__PURE__ */ p("div")({
+  topNavigation: false
+}), p = () => useContext(e);
+const a = /* @__PURE__ */ styled_default("div")({
   name: "QuestionAdvertisementContainer",
   class: "qwludgs",
-  propsAsIs: !1
-}), io = /* @__PURE__ */ p("div")({
+  propsAsIs: false
+}), d = /* @__PURE__ */ styled_default("div")({
   name: "QuestionAdvertisementText",
   class: "qvce6pv",
-  propsAsIs: !1
-}), lo = /* @__PURE__ */ p("div")({
+  propsAsIs: false
+}), l = /* @__PURE__ */ styled_default("div")({
   name: "QuestionAdvertisementImage",
   class: "qsid7hx",
-  propsAsIs: !1
-}), ao = ({
-  sponsorLogo: o,
-  id: l,
-  hasBanner: r,
-  setAdShowed: n
+  propsAsIs: false
+}), A = ({
+  sponsorLogo: r,
+  id: i,
+  hasBanner: o,
+  setAdShowed: t
 }) => {
-  const i = Y();
-  return _(() => (i.current = setTimeout(() => {
-    n(!0);
+  const n = useRef();
+  return useEffect(() => (n.current = setTimeout(() => {
+    t(true);
   }, 5e3), () => {
-    clearTimeout(i.current);
-  }), [n, l, r]), /* @__PURE__ */ m(no, {
-    children: [/* @__PURE__ */ t(io, {
+    clearTimeout(n.current);
+  }), [t, i, o]), /* @__PURE__ */ jsxs(a, {
+    children: [/* @__PURE__ */ jsx(d, {
       children: "PRESENTED BY"
-    }), /* @__PURE__ */ t(lo, {
-      children: /* @__PURE__ */ t("img", {
-        src: o,
+    }), /* @__PURE__ */ jsx(l, {
+      children: /* @__PURE__ */ jsx("img", {
+        src: r,
         alt: "ad-sponsor-logo"
       })
     })]
   });
-}, V = /* @__PURE__ */ p("div")({
+};
+const $ = /* @__PURE__ */ styled_default("div")({
   name: "QuestionContainer",
   class: "q14ckf9e",
-  propsAsIs: !1
-}), ro = ({
-  openedQuestion: o,
-  muted: l,
-  webos: r
+  propsAsIs: false
+}), tt = ({
+  openedQuestion: t,
+  muted: n,
+  webos: c
 }) => {
-  var n, i;
+  var a2, 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: 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
   }) : null;
-}, uo = ({
-  extendedQuestion: o,
-  vote: l,
-  close: r,
-  webos: n
+}, ot = ({
+  extendedQuestion: t,
+  vote: n,
+  close: c,
+  webos: r
 }) => {
   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: 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
 }) => {
-  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
+  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
   });
-  if (!a)
+  if (!s)
     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 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, {
+      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) || ""
     })]
-  }) : /* @__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__ */ 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,
+      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)
     })]
   });
 };
 export {
-  to as e,
-  Ao as h,
-  so as p
+  e,
+  ht as h,
+  p
 };