@streamlayer/react 1.24.4 → 1.24.6

package/lib/cjs/Question.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("./sl-types.js"),l=require("react"),c=require("./index13.js"),A=require("./index14.js"),k=require("./utils.js"),m=require("./useStreamLayerApp2.js"),y=l.createContext({sdk:null,topNavigation:!1}),Q=()=>l.useContext(y),N=r.styled_default("div")({name:"QuestionAdvertisementContainer",class:"qwludgs",propsAsIs:!1}),C=r.styled_default("div")({name:"QuestionAdvertisementText",class:"qvce6pv",propsAsIs:!1}),_=r.styled_default("div")({name:"QuestionAdvertisementImage",class:"qsid7hx",propsAsIs:!1}),E=({sponsorLogo:s,id:n,hasBanner:a,setAdShowed:o})=>{const i=l.useRef();return l.useEffect(()=>(i.current=setTimeout(()=>{o(!0)},5e3),()=>{clearTimeout(i.current)}),[o,n,a]),e.jsxs(N,{children:[e.jsx(C,{children:"PRESENTED BY"}),e.jsx(_,{children:e.jsx("img",{src:s,alt:"ad-sponsor-logo"})})]})},j=r.styled_default("div")({name:"QuestionContainer",class:"q14ckf9e",propsAsIs:!1}),L=({openedQuestion:s,muted:n,webos:a})=>{const{sdk:o}=Q();return s?.attributes?.attributes.case==="insight"?e.jsx(c.f,{...s.attributes.attributes.value,muted:n,controlVideo:o?.controlVideoPlayer,webos:a}):s?.attributes?.attributes.case==="tweet"?e.jsx(c.a,{...s.attributes.attributes.value,muted:n,controlVideo:o?.controlVideoPlayer}):null},R=({extendedQuestion:s,vote:n,close:a,webos:o})=>{const{loading:i,data:u}=s;return u?e.jsx(A.Qe,{webos:o,vote:n,close:a,openedQuestion:u,isLoading:!!i}):e.jsx(A.Ze,{})},$=({gamification:s,sdk:n,muted:a,skipAutoClose:o,hideSponsor:i,className:u,hideHeader:h,webos:p})=>{const d=r.useStore(s.openedQuestion.$store),t=r.useStore(s.openedQuestion.$extendedStore),[T,q]=l.useState(!1),w=r.useStore(n.options),x=d?.attributes?.type===m.QuestionType.FACTOID,b=d?.attributes?.backgroundImage,g=t.data?.backgroundImage,S=x?b?.landscapeUrl:g?.landscapeUrl,I=x?b?.portraitUrl:g?.portraitUrl,f=k.y({containerId:w.containerId,landscapeUrl:S,portraitUrl:I});if(!d)return null;const v=d.type,U=t.data?.options?.options.case==="factoid"?t.data.options.options.value.closeTimer:void 0;return t.data&&t.data.adUnit===m.AdUnit.STANDART&&!T?e.jsxs(j,{className:u,children:[f,e.jsx(E,{id:t.data.id,hasBanner:!!t.data.promotion?.banner?.imageUrl,setAdShowed:q,sponsorLogo:t.data.promotion?.sponsor?.logo||t.data.sponsorship?.logo||""})]}):e.jsxs(j,{className:u,children:[f,!h&&e.jsx(c.O,{closeTimer:o?void 0:U,close:s.closeQuestion,type:d.attributes?.type||m.QuestionType.UNSET,webos:p}),v==="question"&&e.jsx(R,{webos:p,vote:s.submitAnswer,close:s.closeQuestion,extendedQuestion:t}),v!=="question"&&e.jsx(L,{muted:a,openedQuestion:d,webos:p}),!i&&e.jsx(c.d,{sponsorLogo:t.data?.promotion?.sponsor?.logo||t.data?.sponsorship?.logo})]})};exports._=$;exports.e=y;exports.p=Q;
+"use strict";const s=require("react/jsx-runtime"),a=require("./feature.js"),u=require("react"),p=require("./index12.js"),A=require("./index13.js"),E=require("./utils.js"),c=require("./useStreamLayerApp2.js"),j=u.createContext({sdk:null,topNavigation:!1}),y=()=>u.useContext(j),N=a.styled_default("div")({name:"QuestionAdvertisementContainer",class:"qwludgs",propsAsIs:!1}),k=a.styled_default("div")({name:"QuestionAdvertisementText",class:"qvce6pv",propsAsIs:!1}),C=a.styled_default("div")({name:"QuestionAdvertisementImage",class:"qsid7hx",propsAsIs:!1}),R=({sponsorLogo:e,id:n,setAdShowed:i})=>{const o=u.useRef();return u.useEffect(()=>(o.current=setTimeout(()=>{i(!0)},5e3),()=>{clearTimeout(o.current)}),[i,n]),s.jsxs(N,{children:[s.jsx(k,{children:"PRESENTED BY"}),s.jsx(C,{children:s.jsx("img",{src:e,alt:"ad-sponsor-logo"})})]})},Q=a.styled_default("div")({name:"QuestionContainer",class:"q14ckf9e",propsAsIs:!1}),_=({openedQuestion:e,muted:n,webos:i})=>{const{sdk:o}=y();return e?.attributes?.attributes.case==="insight"?s.jsx(p.f,{...e.attributes.attributes.value,muted:n,controlVideo:o?.controlVideoPlayer,webos:i,questionId:e.id,fireEvent:e.fireEvent,isEventFired:e.isEventFired}):e?.attributes?.attributes.case==="tweet"?s.jsx(p.a,{...e.attributes.attributes.value,muted:n,controlVideo:o?.controlVideoPlayer}):null},L=({extendedQuestion:e,vote:n,close:i,webos:o})=>{const{loading:m,data:d}=e;return d?s.jsx(A.Qe,{webos:o,vote:n,close:i,openedQuestion:d,isLoading:!!m}):s.jsx(A.Ze,{})},D=({gamification:e,sdk:n,muted:i,skipAutoClose:o,hideSponsor:m,className:d,hideHeader:h,webos:x})=>{const r=a.useStore(e.openedQuestion.$store),t=a.useStore(e.openedQuestion.$extendedStore),[q,S]=u.useState(!1),T=a.useStore(n.options),f=r?.attributes?.type===c.QuestionType.FACTOID,b=r?.attributes?.backgroundImage,l=t.data?.backgroundImage,w=f?b?.landscapeUrl??l?.landscapeUrl:l?.landscapeUrl,U=f?b?.portraitUrl??l?.portraitUrl:l?.portraitUrl,v=E.y({containerId:T.containerId,landscapeUrl:w,portraitUrl:U});if(!r||!t.data)return null;const g=r.type,I=t.data?.options?.options.case==="factoid"?t.data.options.options.value.closeTimer:void 0;return t.data&&(t.data.adUnit===c.AdUnit.STANDART||t.data.promotion?.adUnit===c.AdUnit.STANDART)&&!q?s.jsxs(Q,{className:d,children:[v,s.jsx(R,{id:t.data.id,setAdShowed:S,sponsorLogo:t.data.promotion?.sponsor?.logo||t.data.sponsorship?.logo||""})]}):s.jsxs(Q,{className:d,children:[v,!h&&s.jsx(p.O,{closeTimer:o?void 0:I,close:e.closeQuestion,type:r.attributes?.type||c.QuestionType.UNSET,webos:x}),g==="question"&&s.jsx(L,{webos:x,vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:t}),g!=="question"&&s.jsx(_,{muted:i,openedQuestion:r,webos:x}),!m&&s.jsx(p.d,{sponsorLogo:t.data?.promotion?.sponsor?.logo||t.data?.sponsorship?.logo})]})};exports._=D;exports.e=j;exports.p=y;