@streamlayer/react 1.24.4 → 1.24.6

package/lib/dist/index.d.ts

@@ -341,8 +341,10 @@ declare module "../../sdk-web-interfaces/src/store/api" {
      */
     export class ApiStore<StoreValue, StoreInstance extends FetcherStore<StoreValue, any> = FetcherStore<StoreValue, any>> extends AbstractStore<StoreInstance> {
         private readonly atomStore;
+        private pendingGetValue;
         constructor(store: StoreInstance, name: string, atomPicker?: (val: FetcherValue<StoreValue, unknown>, prevVal?: string) => string | undefined);
         getAtomStore: () => WritableAtom<string | undefined>;
+        isEnabled: () => boolean;
         getValue: () => Promise<StoreValue | undefined>;
         getValues: () => FetcherValue<StoreValue, any>;
         setValue: (value?: StoreInstance["value"]) => void;

package/lib/es/Question.js

@@ -1,47 +1,46 @@
-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({
+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 { 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";
+const j = E({
   sdk: null,
   topNavigation: !1
-}), O = () => k(j), Z = /* @__PURE__ */ l("div")({
+}), H = () => N(j), O = /* @__PURE__ */ l("div")({
   name: "QuestionAdvertisementContainer",
   class: "qwludgs",
   propsAsIs: !1
-}), _ = /* @__PURE__ */ l("div")({
+}), Z = /* @__PURE__ */ l("div")({
   name: "QuestionAdvertisementText",
   class: "qvce6pv",
   propsAsIs: !1
-}), F = /* @__PURE__ */ l("div")({
+}), _ = /* @__PURE__ */ l("div")({
   name: "QuestionAdvertisementImage",
   class: "qsid7hx",
   propsAsIs: !1
-}), H = ({
+}), B = ({
   sponsorLogo: e,
   id: a,
-  hasBanner: n,
-  setAdShowed: t
+  setAdShowed: n
 }) => {
-  const r = N();
-  return $(() => (r.current = setTimeout(() => {
-    t(!0);
+  const s = k();
+  return q(() => (s.current = setTimeout(() => {
+    n(!0);
   }, 5e3), () => {
-    clearTimeout(r.current);
-  }), [t, a, n]), /* @__PURE__ */ p(Z, {
-    children: [/* @__PURE__ */ s(_, {
+    clearTimeout(s.current);
+  }), [n, a]), /* @__PURE__ */ m(O, {
+    children: [/* @__PURE__ */ t(Z, {
       children: "PRESENTED BY"
-    }), /* @__PURE__ */ s(F, {
-      children: /* @__PURE__ */ s("img", {
+    }), /* @__PURE__ */ t(_, {
+      children: /* @__PURE__ */ t("img", {
         src: e,
         alt: "ad-sponsor-logo"
       })
     })]
   });
-}, Q = /* @__PURE__ */ l("div")({
+}, h = /* @__PURE__ */ l("div")({
   name: "QuestionContainer",
   class: "q14ckf9e",
   propsAsIs: !1
@@ -51,78 +50,80 @@ const j = S({
   webos: n
 }) => {
   const {
-    sdk: t
-  } = O();
-  return e?.attributes?.attributes.case === "insight" ? /* @__PURE__ */ s(L, {
+    sdk: s
+  } = H();
+  return e?.attributes?.attributes.case === "insight" ? /* @__PURE__ */ t(L, {
     ...e.attributes.attributes.value,
     muted: a,
-    controlVideo: t?.controlVideoPlayer,
-    webos: n
-  }) : e?.attributes?.attributes.case === "tweet" ? /* @__PURE__ */ s(P, {
+    controlVideo: s?.controlVideoPlayer,
+    webos: n,
+    questionId: e.id,
+    fireEvent: e.fireEvent,
+    isEventFired: e.isEventFired
+  }) : e?.attributes?.attributes.case === "tweet" ? /* @__PURE__ */ t(R, {
     ...e.attributes.attributes.value,
     muted: a,
-    controlVideo: t?.controlVideoPlayer
+    controlVideo: s?.controlVideoPlayer
   }) : null;
 }, z = ({
   extendedQuestion: e,
   vote: a,
   close: n,
-  webos: t
+  webos: s
 }) => {
   const {
-    loading: r,
-    data: d
+    loading: u,
+    data: r
   } = e;
-  return d ? /* @__PURE__ */ s(V, {
-    webos: t,
+  return r ? /* @__PURE__ */ t(V, {
+    webos: s,
     vote: a,
     close: n,
-    openedQuestion: d,
-    isLoading: !!r
-  }) : /* @__PURE__ */ s(B, {});
+    openedQuestion: r,
+    isLoading: !!u
+  }) : /* @__PURE__ */ t(F, {});
 }, oe = ({
   gamification: e,
   sdk: a,
   muted: n,
-  skipAutoClose: t,
-  hideSponsor: r,
-  className: d,
-  hideHeader: h,
-  webos: u
+  skipAutoClose: s,
+  hideSponsor: u,
+  className: r,
+  hideHeader: w,
+  webos: c
 }) => {
-  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
+  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
   });
-  if (!i)
+  if (!i || !o.data)
     return null;
-  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, {
+  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, {
       id: o.data.id,
-      hasBanner: !!o.data.promotion?.banner?.imageUrl,
-      setAdShowed: T,
+      setAdShowed: I,
       sponsorLogo: o.data.promotion?.sponsor?.logo || o.data.sponsorship?.logo || ""
     })]
-  }) : /* @__PURE__ */ p(Q, {
-    className: d,
-    children: [g, !h && /* @__PURE__ */ s(C, {
-      closeTimer: t ? void 0 : x,
+  }) : /* @__PURE__ */ m(h, {
+    className: r,
+    children: [v, !w && /* @__PURE__ */ t(C, {
+      closeTimer: s ? void 0 : y,
       close: e.closeQuestion,
       type: i.attributes?.type || A.UNSET,
-      webos: u
-    }), v === "question" && /* @__PURE__ */ s(z, {
-      webos: u,
+      webos: c
+    }), g === "question" && /* @__PURE__ */ t(z, {
+      webos: c,
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: o
-    }), v !== "question" && /* @__PURE__ */ s(Y, {
+    }), g !== "question" && /* @__PURE__ */ t(Y, {
       muted: n,
       openedQuestion: i,
-      webos: u
-    }), !r && /* @__PURE__ */ s(E, {
+      webos: c
+    }), !u && /* @__PURE__ */ t(D, {
       sponsorLogo: o.data?.promotion?.sponsor?.logo || o.data?.sponsorship?.logo
     })]
   });
@@ -130,5 +131,5 @@ const j = S({
 export {
   oe as _,
   j as e,
-  O as p
+  H as p
 };