@streamlayer/react 0.21.0 → 0.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-core");const u=require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-logger");require("@streamlayer/sdk-web-storage");const Ss=require("@streamlayer/sdk-web-features"),S=require("@streamlayer/sdk-web-interfaces"),K=require("@streamlayer/sdk-web-notifications"),ss=require("@streamlayer/feature-gamification"),s=require("react/jsx-runtime"),r=require("react"),Q=require("react-phone-number-input"),Cs=require("react-auth-code-input"),W=require("@connectrpc/connect-web"),$=require("@connectrpc/connect"),V=require("@streamlayer/sl-eslib/users/users_connect"),ws=require("react-countdown-circle-timer"),A=require("@nanostores/react"),ks=require("@streamlayer/sdk-web"),k="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";function hs(M){var a=Object.create(null);return function(i){return a[i]===void 0&&(a[i]=M(i)),a[i]}}var Qs=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,U=hs(function(M){return Qs.test(M)||M.charCodeAt(0)===111&&M.charCodeAt(1)===110&&M.charCodeAt(2)<91}),Us=function(){const a=Array.prototype.slice.call(arguments).filter(Boolean),i={},n=[];a.forEach(c=>{(c?c.split(" "):[]).forEach(j=>{if(j.startsWith("atm_")){const[,I]=j.split("_");i[I]=j}else n.push(j)})});const N=[];for(const c in i)Object.prototype.hasOwnProperty.call(i,c)&&N.push(i[c]);return N.push(...n),N.join(" ")},Ms=Us,Ys=M=>M.toUpperCase()===M,bs=M=>a=>M.indexOf(a)===-1,As=(M,a)=>{const i={};return Object.keys(M).filter(bs(a)).forEach(n=>{i[n]=M[n]}),i};function vs(M,a,i){const n=As(a,i);if(!M){const N=typeof U=="function"?{default:U}:U;Object.keys(n).forEach(c=>{N.default(c)||delete n[c]})}return n}var fs=(M,a)=>{};function Zs(M){let a="";return i=>{const n=(c,l)=>{const{as:j=M,class:I=a}=c,t=i.propsAsIs===void 0?!(typeof j=="string"&&j.indexOf("-")===-1&&!Ys(j[0])):i.propsAsIs,D=vs(t,c,["as","class"]);D.ref=l,D.className=i.atomic?Ms(i.class,D.className||I):Ms(D.className||I,i.class);const{vars:g}=i;if(g){const o={};for(const x in g){const z=g[x],T=z[0],E=z[1]||"",p=typeof T=="function"?T(c):T;fs(p,i.name),o[`--${x}`]=`${p}${E}`}const L=D.style||{},d=Object.keys(L);d.length>0&&d.forEach(x=>{o[x]=L[x]}),D.style=o}return M.__linaria&&M!==j?(D.as=j,r.createElement(M,D)):r.createElement(j,D)},N=r.forwardRef?r.forwardRef(n):c=>{const l=As(c,["innerRef"]);return n(l,c.innerRef)};return N.displayName=i.name,N.__linaria={className:i.class||a,extends:M},N}}var e=Zs;const Rs=e("div")({name:"o",class:"o15tsbse",propsAsIs:!1}),Gs=e("div")({name:"n",class:"nt3f14",propsAsIs:!1}),Ps=e("img")({name:"i",class:"ipxm0fg",propsAsIs:!1}),Ws=e("div")({name:"r",class:"r1av6wfc",propsAsIs:!1}),$s=e("div")({name:"d",class:"diaesti",propsAsIs:!1}),Vs=e("div")({name:"l",class:"l1o5a9ur",propsAsIs:!1}),Bs=e("div")({name:"a",class:"amqlo79",propsAsIs:!1}),Hs=e("button")({name:"c",class:"caw2hnf",propsAsIs:!1}),_s=e("img")({name:"s",class:"s1x5olm7",propsAsIs:!1}),zs=({close:M,action:a,data:{color:i,icon:n,title:N}})=>{const c=r.useCallback(l=>{l.stopPropagation(),M==null||M()},[M]);return s.jsxs(Rs,{onClick:a,children:[s.jsx(Gs,{style:i?{backgroundColor:i}:{},children:n&&s.jsx(Ps,{alt:"in-app-icon",src:n})}),s.jsxs(Ws,{children:[s.jsx($s,{children:s.jsx(Vs,{id:"in-app-title",children:N||""})}),s.jsx(Bs,{children:s.jsx(Hs,{onClick:c,children:s.jsx(_s,{alt:"close-in-app-icon",src:k})})})]})]})},Js=async(M,a)=>{const i=W.createGrpcWebTransport({baseUrl:M});return await $.createPromiseClient(V.Users,i).requestPassword({id:a}),!0},qs=async(M,a)=>{const i=W.createGrpcWebTransport({baseUrl:M});return await $.createPromiseClient(V.Users,i).register({id:a}),!0},Fs=async(M,a,i)=>{var n;const N=W.createGrpcWebTransport({baseUrl:M}),c=await $.createPromiseClient(V.Users,N).login({id:a,password:i});return(n=c==null?void 0:c.meta)==null?void 0:n.jwt},Y={BG_TRANSPARENT:"rgba(0,0,0, .8)",BG_TRANSPARENT_VOTE_CONTAINER:"rgba(10, 14, 19, 0.8)",BG_TRANSPARENT_ITEM:"rgba(0, 0, 0, 0.7)",BG_TRANSPARENT_ITEM_VOTE:"rgba(255, 255, 255, 0.1)",BG_TRANSPARENT_ITEM_SUCCESS:"rgba(0, 139, 251, 0.2)",BG_TRANSPARENT_ITEM_ERROR:"rgba(205, 37, 37, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS:"rgba(255, 255, 255, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS:"rgba(60, 139, 251, 0.5)",BG_TRANSPARENT_VOTE_PROGRESS_ERROR:"rgba(205, 37, 37, 0.5)",BG_TRANSPARENT_USER_CONTAINER:"rgba(255, 255, 255, 0.05)",BG_TRANSPARENT_ONBOARDING_INAPP:"rgba(138, 159, 182, 0.2)",BLUE_PRIMARY:"#1589EE",RED_PRIMARY:"#CD2525",RED_SECONDARY:"#EB5757",BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",GREY_1:"#909395",GREY_2:"#22262b",GREY_3:"#2d3135",GREY_4:"#53565a",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",BLACK_1:"#161a1f",GREEN_1:"#F7B801",RED_1:"#A30000",RED_2:"#FF4170",GREY_PRIMARY:"#909395",DIVIDER_COLOR_PRIMARY:"#2d3135",DIVIDER_COLOR_SECONDARY:"#53565a",GREEN_PRIMARY_BTN:"#009B77"};const Xs=e("div")({name:"e",class:"eu0o537",propsAsIs:!1}),Ks=[Y.BLUE_PRIMARY,Y.GREEN_1,Y.RED_1],sM=[10,6,0],MM=30,eM=32,iM=4,aM=0,ds=({isPlaying:M=!0,duration:a=MM,setTimeToExpire:i})=>{const n=({remainingTime:N})=>s.jsx(Xs,{style:{color:N?"inherit":void 0},children:N});return r.useEffect(()=>{i(!1)},[i]),s.jsx(ws.CountdownCircleTimer,{isPlaying:M,duration:a,colors:Ks,colorsTime:sM,size:eM,strokeWidth:iM,trailStrokeWidth:aM,onComplete:()=>i(!0),children:n})};const nM=e("div")({name:"n",class:"nolkjyx",propsAsIs:!1}),es=e("form")({name:"r",class:"rkbcbla",propsAsIs:!1}),is=e("div")({name:"i",class:"i91q48f",propsAsIs:!1}),b=e("div")({name:"e",class:"e1avizlc",propsAsIs:!1}),v=e("button")({name:"a",class:"a1dd1srp",propsAsIs:!1}),NM=e("div")({name:"p",class:"p1cxu25d",propsAsIs:!1}),cM=e("div")({name:"d",class:"dcbw5eg",propsAsIs:!1}),jM=({login:M,anonymousLogin:a,host:i})=>{const[n,N]=r.useState(""),[c,l]=r.useState(""),[j,I]=r.useState(""),t=async g=>{g.preventDefault();try{const o=n.replaceAll("+","");try{await Js(i,o)}catch{await qs(i,o)}l(o)}catch(o){window.alert(o)}},D=async g=>{if(g.preventDefault(),c&&j)try{const o=await Fs(i,c,j);o&&M?await M(o):console.log("token",o)}catch(o){window.alert(o)}};return s.jsxs(nM,{children:[!c&&s.jsxs("div",{children:[s.jsxs(es,{onSubmit:t,children:[s.jsx(is,{children:"Enter your phone number"}),s.jsx(b,{children:"Enter your phone up for number to log in or sign an account."}),s.jsx(NM,{children:s.jsx(Q,{value:n,onChange:g=>N(`${g}`)})}),s.jsx(v,{disabled:!Q.isValidPhoneNumber(n),type:"submit",children:"request code"})]}),a&&s.jsx(v,{style:{display:"block",margin:"auto"},onClick:a,children:"anonymous login"})]}),c&&s.jsxs(es,{onSubmit:D,children:[s.jsx(is,{children:"Enter Verification Code"}),s.jsxs(b,{children:["Please enter the verification code ",s.jsx("br",{}),"sent to ",s.jsx("b",{children:Q.formatPhoneNumberIntl(n)})]}),s.jsx(cM,{children:s.jsx(Cs,{autoFocus:!0,allowedCharacters:"numeric",length:4,onChange:I})}),s.jsx(v,{disabled:j.length!==4,type:"submit",children:"login"}),s.jsxs(b,{children:["Didn't get 59 the code? ",s.jsx("br",{}),"Resend Code in",s.jsx(ds,{duration:30,setTimeToExpire:()=>{},isPlaying:!0})]})]})]})};const IM=e("div")({name:"n",class:"n1je4bb3",propsAsIs:!1}),tM=e("div")({name:"e",class:"e1ho1z33",propsAsIs:!1}),lM=e("div")({name:"i",class:"i1pqse9a",propsAsIs:!1}),DM=e("div")({name:"r",class:"r1jmi063",propsAsIs:!1}),rM=e("div")({name:"c",class:"cid7qaa",propsAsIs:!1}),oM=e("img")({name:"s",class:"sazlt2u",propsAsIs:!1}),gM=e("img")({name:"l",class:"lf9jsyg",propsAsIs:!1}),uM=e("button")({name:"d",class:"d1v56r0e",propsAsIs:!1}),AM=e("img")({name:"p",class:"p6u3piq",propsAsIs:!1}),zM=e("button")({name:"a",class:"atlrttm",propsAsIs:!1});const dM=e("div")({name:"i",class:"i1lwpjx9",propsAsIs:!1}),TM=e("div")({name:"n",class:"nbrbjcu",propsAsIs:!1}),xM=e("img")({name:"o",class:"o1qeiyar",propsAsIs:!1}),yM=e("div")({name:"d",class:"d1y0npbt",propsAsIs:!1}),LM=({graphic:M,headline:a})=>s.jsx(dM,{children:s.jsxs(TM,{children:[s.jsx(xM,{alt:"graphic-img-instructions",src:M}),s.jsx(yM,{children:a})]})});const pM=e("div")({name:"t",class:"tu393dl",propsAsIs:!1}),OM=e("div")({name:"o",class:"odp4fk9",propsAsIs:!1}),EM=e("div")({name:"r",class:"r1xmzn4o",propsAsIs:!1}),mM=e("div")({name:"n",class:"npkb5n",propsAsIs:!1}),SM=e("div")({name:"d",class:"dbaytgh",propsAsIs:!1}),CM=e("div")({name:"l",class:"lqfr6h0",propsAsIs:!1}),wM=({rules:M,rulesTitle:a,primaryColor:i})=>s.jsxs(pM,{children:[s.jsx(OM,{children:a}),s.jsx(EM,{children:M==null?void 0:M.map((n,N)=>s.jsxs(mM,{children:[s.jsx(SM,{style:{backgroundColor:i},children:N+1}),s.jsx(CM,{children:n})]},N))})]});const kM=e("div")({name:"e",class:"e1pvmnhl",propsAsIs:!1}),hM=e("div")({name:"o",class:"ohf3g1n",propsAsIs:!1}),QM=e("div")({name:"i",class:"i1u1cy17",propsAsIs:!1}),UM=e("img")({name:"r",class:"r7mtzbj",propsAsIs:!1}),YM=e("div")({name:"c",class:"ctlxnkz",propsAsIs:!1}),bM=e("div")({name:"a",class:"a2mti7z",propsAsIs:!1}),vM=e("button")({name:"p",class:"p1g6gnag",propsAsIs:!1}),fM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyaWVuZHMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC4xOTIzMSA3LjAzMTI1QzIuNjYzNDYgNy4wMzEyNSAxLjQyMzA4IDguMTk5NzMgMS40MjMwOCA5LjYzOTk0QzEuNDIzMDggMTEuMDgwMiAyLjY2MzQ2IDEyLjI0ODYgNC4xOTIzMSAxMi4yNDg2QzUuNzIxMTUgMTIuMjQ4NiA2Ljk2MTU0IDExLjA4MDIgNi45NjE1NCA5LjYzOTk0QzYuOTYxNTQgOC4xOTk3MyA1LjcyMTE1IDcuMDMxMjUgNC4xOTIzMSA3LjAzMTI1Wk00LjE5MjMxIDEyLjI0ODZDMi4xNjIyNiAxMi4yNDg2IDAuNSAxMy44MTQ1IDAuNSAxNS43MjY5VjE3LjYyOUMwLjUgMTcuNjI5IDEuNDIzMDggMTguMzM1NiA0LjE5MjMxIDE4LjMzNTZDNi45NjE1NCAxOC4zMzU2IDcuODg0NjEgMTcuNjI5IDcuODg0NjEgMTcuNjI5VjE1LjcyNjlDNy44ODQ2MSAxMy44MTQ1IDYuMjIyMzYgMTIuMjQ4NiA0LjE5MjMxIDEyLjI0ODZaTTIwLjgwNzcgNy4wMzEyNUMxOS4yNzg4IDcuMDMxMjUgMTguMDM4NSA4LjE5OTczIDE4LjAzODUgOS42Mzk5NEMxOC4wMzg1IDExLjA4MDIgMTkuMjc4OCAxMi4yNDg2IDIwLjgwNzcgMTIuMjQ4NkMyMi4zMzY1IDEyLjI0ODYgMjMuNTc2OSAxMS4wODAyIDIzLjU3NjkgOS42Mzk5NEMyMy41NzY5IDguMTk5NzMgMjIuMzM2NSA3LjAzMTI1IDIwLjgwNzcgNy4wMzEyNVpNMjAuODA3NyAxMi4yNDg2QzE4Ljc3NzYgMTIuMjQ4NiAxNy4xMTU0IDEzLjgxNDUgMTcuMTE1NCAxNS43MjY5VjE3LjYyOUMxNy4xMTU0IDE3LjYyOSAxOC4wMzg1IDE4LjMzNTYgMjAuODA3NyAxOC4zMzU2QzIzLjU3NjkgMTguMzM1NiAyNC41IDE3LjYyOSAyNC41IDE3LjYyOVYxNS43MjY5QzI0LjUgMTMuODE0NSAyMi44Mzc3IDEyLjI0ODYgMjAuODA3NyAxMi4yNDg2Wk0xMi41IDEwLjUwOTVDMTAuOTcxMiAxMC41MDk1IDkuNzMwNzcgMTEuNjc4IDkuNzMwNzcgMTMuMTE4MkM5LjczMDc3IDE0LjU1ODQgMTAuOTcxMiAxNS43MjY5IDEyLjUgMTUuNzI2OUMxNC4wMjg4IDE1LjcyNjkgMTUuMjY5MiAxNC41NTg0IDE1LjI2OTIgMTMuMTE4MkMxNS4yNjkyIDExLjY3OCAxNC4wMjg4IDEwLjUwOTUgMTIuNSAxMC41MDk1Wk0xMi41IDE1LjcyNjlDMTAuNDcgMTUuNzI2OSA4LjgwNzY5IDE3LjI5MjggOC44MDc2OSAxOS4yMDUxVjIxLjEwNzNDOC44MDc2OSAyMS4xMDczIDkuNzMwNzcgMjEuODEzOCAxMi41IDIxLjgxMzhDMTUuMjY5MiAyMS44MTM4IDE2LjE5MjMgMjEuMTA3MyAxNi4xOTIzIDIxLjEwNzNWMTkuMjA1MUMxNi4xOTIzIDE3LjI5MjggMTQuNTMgMTUuNzI2OSAxMi41IDE1LjcyNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik04LjU4NDczIDEuNUM2Ljk2MzkyIDEuNSA1LjY0ODkzIDIuNzM4NzYgNS42NDg5MyA0LjI2NTZDNS42NDg5MyA1Ljc5MjQ1IDYuOTYzOTIgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFDMTAuMjA1NSA3LjAzMTIxIDExLjUyMDUgNS43OTI0NSAxMS41MjA1IDQuMjY1NkMxMS41MjA1IDIuNzM4NzYgMTAuMjA1NSAxLjUgOC41ODQ3MyAxLjVaTTguNTg0NzMgNy4wMzEyMUM4LjI5MDM4IDcuMDMxMjEgNy45OTIyMSA3LjAyNCA3LjY5Nzg3IDcuMTE3NjNDOC4yODY1NiA3Ljg1NTg0IDguNTg0NzMgOC43ODEzMSA4LjU4NDczIDkuNzk2ODFDOC41ODQ3MyAxMC4xNjQxIDguNDkyOTggMTAuNTI0MiA4LjQ5Mjk4IDEwLjg5MTVDOS4yNzY2MyA5Ljc4NjAxIDEwLjU0MTkgOS4wNTg1OSAxMi4wMDk4IDguODc0OTRDMTEuMzI1NiA3Ljc2OTQyIDEwLjA1MjYgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFaTTE2LjQxMzUgMS41QzE0Ljc5MjcgMS41IDEzLjQ3NzcgMi43Mzg3NiAxMy40Nzc3IDQuMjY1NkMxMy40Nzc3IDUuNzkyNDUgMTQuNzkyNyA3LjAzMTIxIDE2LjQxMzUgNy4wMzEyMUMxOC4wMzQzIDcuMDMxMjEgMTkuMzQ5MyA1Ljc5MjQ1IDE5LjM0OTMgNC4yNjU2QzE5LjM0OTMgMi43Mzg3NiAxOC4wMzQzIDEuNSAxNi40MTM1IDEuNVpNMTYuNDEzNSA3LjAzMTIxQzE0Ljk0NTYgNy4wMzEyMSAxMy42NzI3IDcuNzY5NDIgMTIuOTg4NCA4Ljg3NDk0QzE0LjQ1NjMgOS4wNTg1OSAxNS43MjE2IDkuNzg2MDEgMTYuNTA1MyAxMC44OTE1QzE2LjUwNTMgMTAuNTI0MiAxNi40MTM1IDEwLjE2NDEgMTYuNDEzNSA5Ljc5NjgxQzE2LjQxMzUgOC43ODEzMSAxNi43MTE3IDcuODU1ODQgMTcuMzAwNCA3LjExNzYzQzE3LjAwNiA3LjAyNCAxNi43MDc5IDcuMDMxMjEgMTYuNDEzNSA3LjAzMTIxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjwvZz4KPC9zdmc+Cg==",ZM=({inviteCardTitle:M,inviteCardSubtext:a,primaryColor:i})=>s.jsx(kM,{children:s.jsxs(hM,{children:[s.jsx(QM,{style:{backgroundColor:i},children:s.jsx(UM,{alt:"invite-game-icon",src:fM})}),s.jsx(YM,{children:M||""}),s.jsx(bM,{children:a||""}),s.jsx(vM,{onClick:()=>{},style:{backgroundColor:i},children:"Invite friends!"})]})}),m={steps:!1,rules:!1,inviteCard:!1},RM=({gamification:M,closeFeature:a,steps:i,gameIcon:n,sponsorLogo:N,rules:c,rulesBtnLabel:l,rulesTitle:j,primaryColor:I,inviteCardTitle:t,inviteCardSubtext:D,inviteCardBtnLabel:g})=>{const o=async()=>{await M.submitInplay()},L=()=>{a()},[d,x]=r.useState(0),[z,T]=r.useState(m);r.useEffect(()=>{i!=null&&i.length?T({...m,steps:!0}):c!=null&&c.length?T({...m,rules:!0}):T({...m,inviteCard:!0})},[]);const E=r.useCallback(()=>{i!=null&&i.length&&d<i.length-1?x(p=>++p):c!=null&&c.length&&z.steps?T({...m,rules:!0}):z.rules&&T({...m,inviteCard:!0})},[d,i==null?void 0:i.length,c==null?void 0:c.length,z,x,T]);return s.jsxs(IM,{children:[s.jsxs(lM,{children:[s.jsx(DM,{children:n&&s.jsx(oM,{alt:"sponsor-one-onboarding-icon",src:n})}),s.jsxs(rM,{children:[N&&s.jsx(gM,{alt:"sponsor-two-onboarding-icon",src:N}),s.jsx(uM,{onClick:L,children:s.jsx(AM,{alt:"icon-close-onboarding",src:k})})]})]}),s.jsxs(tM,{children:[z.steps&&(i==null?void 0:i.length)&&s.jsx(LM,{graphic:i[d].graphic,headline:i[d].headline}),z.rules&&s.jsx(wM,{rules:c,rulesTitle:j,primaryColor:I}),z.inviteCard&&s.jsx(ZM,{inviteCardTitle:t,inviteCardSubtext:D,primaryColor:I})]}),s.jsx(zM,{onClick:z.inviteCard?o:E,children:z.rules?l||"Got it!":z.inviteCard?g||"Play now!":"Next"})]})},R="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNMTIgOC4xNzIyMkMxMiA4LjI4NzgzIDExLjk3ODEgOC4zOTU1MyAxMS45MzQyIDguNDk1MzNDMTEuODkwMyA4LjU5NTEzIDExLjgyMiA4LjY4OTkyIDExLjcyOTIgOC43Nzk3TDYuMzY5NDkgMTMuOTQzOUM2LjIxNDYyIDE0LjA5NjUgNi4wMjc0MiAxNC4xNzI5IDUuODA3ODcgMTQuMTcyOUM1LjY1NzUyIDE0LjE3MjkgNS41MjE5MSAxNC4xMzc5IDUuNDAxMDQgMTQuMDY3OUM1LjI4MDE2IDEzLjk5OCA1LjE4MzEgMTMuOTAzOSA1LjEwOTg2IDEzLjc4NTZDNS4wMzY2MiAxMy42NjczIDUgMTMuNTM0NSA1IDEzLjM4NzNDNSAxMy4xNzIxIDUuMDgyODggMTIuOTgxOCA1LjI0ODYzIDEyLjgxNjRMMTAuMDgwNyA4LjE3MDk1TDUuMjQ4NjMgMy41Mjc5OUM1LjA4Mjg4IDMuMzY0MjUgNSAzLjE3NDM5IDUgMi45NTg0MUM1IDIuODExMTggNS4wMzY2MiAyLjY3ODQyIDUuMTA5ODYgMi41NjAxM0M1LjE4MzEgMi40NDE4MyA1LjI4MDE2IDIuMzQ3NzEgNS40MDEwNCAyLjI3Nzc3QzUuNTIxOTEgMi4yMDc4MiA1LjY1NzUyIDIuMTcyODUgNS44MDc4NyAyLjE3Mjg1QzYuMDI3NDIgMi4xNzI4NSA2LjIxNDYyIDIuMjQ3MzEgNi4zNjk0OSAyLjM5NjI0TDExLjcyOTIgNy41NjQ3M0MxMS44MjExIDcuNjU0NTEgMTEuODg5IDcuNzQ5MDkgMTEuOTMyOSA3Ljg0ODQ2QzExLjk3NjggNy45NDc4NCAxMS45OTkxIDguMDU1NzYgMTIgOC4xNzIyMloiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K";const GM=e("div")({name:"t",class:"t17nz8ux",propsAsIs:!1}),PM=e("div")({name:"n",class:"n1u54wlf",propsAsIs:!1}),WM=e("img")({name:"r",class:"rojjpd",propsAsIs:!1}),$M=e("div")({name:"i",class:"ida2tpm",propsAsIs:!1}),VM=e("div")({name:"p",class:"pay8wzv",propsAsIs:!1}),BM=e("div")({name:"s",class:"s1xmex89",propsAsIs:!1}),HM=e("button")({name:"a",class:"a1ksbvx7",propsAsIs:!1}),_M=e("button")({name:"c",class:"c132s999",propsAsIs:!1}),JM=e("img")({name:"d",class:"dfhamq6",propsAsIs:!1}),qM=e("span")({name:"l",class:"l1o13i2d",propsAsIs:!1}),FM=e("span")({name:"x",class:"xtuia28",propsAsIs:!1}),XM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBvbGwiPgo8cGF0aCBpZD0iTm90aWZpY2F0aW9uL0ljb24vUG9sbCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NzggMS42ODQyMVY1LjA1MjYzSDEzLjMzMzNDMTMuODI0MyA1LjA1MjYzIDE0LjIyMjIgNC42NzU2MSAxNC4yMjIyIDQuMjEwNTNWMi41MjYzMkMxNC4yMjIyIDIuMDYxMjMgMTMuODI0MyAxLjY4NDIxIDEzLjMzMzMgMS42ODQyMUg5Ljc3NzhaTTIuNjY2NjcgMEMxLjE5MzkxIDAgMCAxLjEzMTA3IDAgMi41MjYzMlY0LjIxMDUzQzAgNS42MDU3NyAxLjE5MzkxIDYuNzM2ODQgMi42NjY2NyA2LjczNjg0SDEzLjMzMzNDMTQuODA2MSA2LjczNjg0IDE2IDUuNjA1NzcgMTYgNC4yMTA1M1YyLjUyNjMyQzE2IDEuMTMxMDcgMTQuODA2MSAwIDEzLjMzMzMgMEgyLjY2NjY3Wk00LjQ0NDQ2IDEwLjk0NzNIMTMuMzMzM0MxMy44MjQzIDEwLjk0NzMgMTQuMjIyMiAxMS4zMjQzIDE0LjIyMjIgMTEuNzg5NFYxMy40NzM2QzE0LjIyMjIgMTMuOTM4NyAxMy44MjQzIDE0LjMxNTcgMTMuMzMzMyAxNC4zMTU3SDQuNDQ0NDZWMTAuOTQ3M1pNMCAxMS43ODk0QzAgMTAuMzk0MiAxLjE5MzkxIDkuMjYzMSAyLjY2NjY3IDkuMjYzMUgxMy4zMzMzQzE0LjgwNjEgOS4yNjMxIDE2IDEwLjM5NDIgMTYgMTEuNzg5NFYxMy40NzM2QzE2IDE0Ljg2ODkgMTQuODA2MSAxNS45OTk5IDEzLjMzMzMgMTUuOTk5OUgyLjY2NjY3QzEuMTkzOTEgMTUuOTk5OSAwIDE0Ljg2ODkgMCAxMy40NzM2VjExLjc4OTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9nPgo8L3N2Zz4K",KM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1ByZWRpY2l0b24iPgo8cGF0aCBpZD0iSWNvbi9QcmVkaWN0aW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDcuMDA1MjJDMTYgNy4wMDUyMiA5LjIwMDQ4IDYuODE2MDcgOS4yMDA0OCAwQzkuMjAwNDggNi4zNjE2OCAzLjI3NzI5IDYuOTUwNTYgMi40ODc1NiA3LjAwMDc4TDIuNDAwOTQgNy4wMDUyMkMyLjQwMDk0IDcuMDA1MjIgOS4yMDA0OCA3LjE5NDM1IDkuMjAwNDggMTQuMDEwNEM5LjIwMDQ4IDcuNjQ4NzcgMTUuMTIzNCA3LjA1OTg5IDE1LjkxMzEgNy4wMDk2NEwxNiA3LjAwNTIyWk02Ljk3MzgyIDEyLjU2NTJDNi45NzM4MiAxMi41NjUyIDMuNDg2OTEgMTIuNDcyNCAzLjQ4NjkxIDkuMTMwMzNDMy40ODY5MSAxMi4yNDk2IDAuNDQ5NDAyIDEyLjUzODQgMC4wNDQ0MTg2IDEyLjU2M0wwIDEyLjU2NTJDMCAxMi41NjUyIDMuNDg2OTEgMTIuNjU3OSAzLjQ4NjkxIDE2QzMuNDg2OTEgMTIuODgwNyA2LjUyNDI5IDEyLjU5MiA2LjkyOTI3IDEyLjU2NzNMNi45NzM4MiAxMi41NjUyWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==",se="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1RyaXZpYSI+CjxwYXRoIGlkPSJOb3RpZmljYXRpb24vSWNvbi9Ucml2aWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4wMTY2MyAxLjM4MDhDMC43Mzk5MTMgMS41NTU4NiAtMC4xNTMxNTMgMi43MzI3NiAwLjAyMTkxMiA0LjAwOTQ4TDEuMzgwOCAxMy45MTk2QzEuNTU1ODYgMTUuMTk2MyAyLjczMjc2IDE2LjA4OTQgNC4wMDk0OCAxNS45MTQzTDEzLjkxOTYgMTQuNTU1NEMxNS4xOTYzIDE0LjM4MDMgMTYuMDg5NCAxMy4yMDM0IDE1LjkxNDMgMTEuOTI2N0wxNC41NTU0IDIuMDE2NjNDMTQuMzgwMyAwLjczOTkxMyAxMy4yMDM0IC0wLjE1MzE1MyAxMS45MjY3IDAuMDIxOTEyTDIuMDE2NjMgMS4zODA4Wk05LjU5NjEzIDMuNzg4QzkuMTE0MzEgMy40Njk5MSA4LjQ3ODEzIDMuMzAxNTEgNy43NTY2IDMuMzAxNTFDNy41NDM3NyAzLjMwMTUxIDcuMzI2MjUgMy4zMTY3MSA3LjEwODcyIDMuMzQ0NzhDNi4zODgzNiAzLjQ0MDY3IDUuNjg5MDEgMy43OTAzNCA1LjE4OTY1IDQuMzAxMzhDNC42ODQ0NSA0LjgyMDYyIDQuNDM3NyA1LjQ1NTYzIDQuNTE3MjIgNi4wNDE1MUM0LjU3NDUyIDYuNDc0MiA0LjkwMDc4IDYuNzUzNyA1LjM0NjM1IDYuNzUzN0M1LjM5NDI5IDYuNzUzNyA1LjQ0MzQxIDYuNzUwMiA1LjQ5MTM2IDYuNzQ0MzVDNi4wODc3OCA2LjY2NDgzIDYuMjE2NDIgNi4yNTQzNiA2LjM0MDM2IDUuODU2NzVMNi4zNDA0NSA1Ljg1NjQ4QzYuNDgxOTIgNS40MDQwMSA2LjYxNTM0IDQuOTc3MzEgNy4zODU4NSA0Ljg3NDQ0QzcuNDY1MzcgNC44NjM5MSA3LjU0MTM4IDQuODU4MDYgNy42MTUwNiA0Ljg1ODA2QzguMTY5MzkgNC44NTgwNiA4LjUxNDM2IDUuMTUwNDIgOC41ODQ1NCA1LjY4MjUyQzguNjUzNTMgNi4yMDI5MyA4LjI0MzA3IDYuNjE4MDcgNy44MDY4NCA3LjA1NjZMNy44MDM5MyA3LjA1OTU0QzcuMzE1ODIgNy41NTIzMSA2Ljc2MzkgOC4xMDk1IDYuODY4OTUgOC45MDA4M0M2Ljg5NTg1IDkuMTA1NDggNi45ODU5IDkuMjk0OTMgNy4xMjI3MiA5LjQzNjQ0QzcuMjc4MjYgOS41OTkgNy40ODI5IDkuNjg0MzYgNy43MTMzMSA5LjY4NDM2QzcuNzU1NDEgOS42ODQzNiA3Ljc5ODY4IDkuNjgyMDMgNy44NDMxMSA5LjY3NjE4QzguNDY2OTEgOS41OTMyNCA4LjU1MTYyIDkuMjMxMzkgOC42MzMzOCA4Ljg4MjFMOC42MzM2NSA4Ljg4MDk3TDguNjM2NjEgOC44Njg1OUM4LjY2NzIzIDguNzQwMyA4LjY5ODc3IDguNjA4MTMgOC43NTk5NSA4LjQ4ODA0QzguODQ2NDkgOC4zMTYxMyA5LjA2MjgzIDguMTEyNjUgOS4zMTQyOCA3Ljg3ODc1QzkuOTE0MiA3LjMxODU4IDEwLjczNCA2LjU1MTQzIDEwLjU4MiA1LjQxNTg5QzEwLjQ4NzIgNC43MDYwMyAxMC4xNTUxIDQuMTU3NTcgOS41OTYxMSAzLjc4ODAyTDkuNTk2MTMgMy43ODhaTTguMTE2MDUgMTAuMjhDOC4wNjkyNyAxMC4yOCA4LjAyMTMyIDEwLjI4MzYgNy45NzQ1NCAxMC4yODk0QzcuMzgzOTYgMTAuMzY4OSA2Ljk2NzY1IDEwLjkxMjcgNy4wNDU5OSAxMS41MDMzQzcuMTE3MzMgMTIuMDM3NyA3LjU3ODA4IDEyLjQ0MTIgOC4xMTcyIDEyLjQ0MTJDOC4xNjM5NyAxMi40NDEyIDguMjExOTIgMTIuNDM3NyA4LjI1OTg3IDEyLjQzMThDOC44NTA0NSAxMi4zNTIzIDkuMjY1NiAxMS44MDg1IDkuMTg4NDIgMTEuMjE3OUM5LjExNTkxIDEwLjY4MjMgOC42NTUxNyAxMC4yOCA4LjExNjA1IDEwLjI4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==",Me="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjQzMTUgMy4xODI0Nkw1LjUzMzIxIDExLjA4MDhMMS45OTc3MSA3LjU0NTI3QzEuNTQwNTYgNy4wODgxMSAwLjc5OTkxMyA3LjA4ODExIDAuMzQyODY0IDcuNTQ1MjdDLTAuMTE0Mjg4IDguMDAyNDIgLTAuMTE0Mjg4IDguNzQzMDcgMC4zNDI4NjQgOS4yMDAxMUw0LjcwNTY3IDEzLjU2MjlDNC45MzMzMSAxMy43OTA2IDUuMjM0MTUgMTMuOTA2MyA1LjUzMzA3IDEzLjkwNjNDNS44MzIwMiAxMy45MDYzIDYuMTMwOTYgMTMuNzkyNCA2LjM2MDQ4IDEzLjU2MjlMMTUuMDg2MSA0LjgzNzMxQzE1LjU0MzIgNC4zODAxNiAxNS41NDMyIDMuNjM5NTEgMTUuMDg2MSAzLjE4MjQ2QzE0LjYyOSAyLjcyNTMxIDEzLjg4ODQgMi43MjUzMSAxMy40MzEyIDMuMTgyNDZIMTMuNDMxNVoiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K",ee="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIyIiB5PSIwLjUwNjEwNCIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDIgMC41MDYxMDQpIiBmaWxsPSIjOWUwYTFmIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB4PSIwLjMzMzAwOCIgeT0iMTIuMTcyOSIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwLjMzMzAwOCAxMi4xNzI5KSIgZmlsbD0iIzllMGExZiIvPgo8L2c+Cjwvc3ZnPgo=",ie={[u.QuestionType.POLL]:{label:"Poll",icon:XM},[u.QuestionType.TRIVIA]:{label:"Trivia",icon:se},[u.QuestionType.PREDICTION]:{label:"Prediction",icon:KM}},ae={[u.PickHistoryStatus.LOST]:ee,[u.PickHistoryStatus.WON]:Me,[u.PickHistoryStatus.UNSET]:R,[u.PickHistoryStatus.DNP]:R},ne=({questionId:M,questionType:a,questionStatus:i,subject:n,openForVoting:N,openQuestion:c,status:l})=>{const j=ie[a];return j===void 0?null:s.jsxs(GM,{onClick:()=>c==null?void 0:c(M),children:[s.jsx(PM,{children:s.jsx(WM,{alt:"question-type-icon",src:j.icon})}),s.jsxs($M,{children:[s.jsxs(VM,{children:[s.jsx(qM,{children:j.label}),a===u.QuestionType.TRIVIA&&i===u.QuestionStatus.RESOLVED&&s.jsx(FM,{children:"Expired"})]}),s.jsx(BM,{children:n||""})]}),N?s.jsx(HM,{children:"play"}):s.jsx(_M,{children:s.jsx(JM,{alt:"question-status-icon",src:ae[l]})})]})};const Ne=e("div")({name:"e",class:"e8ssf75",propsAsIs:!1}),ce=e("div")({name:"i",class:"ipfzbv9",propsAsIs:!1}),je=e("div")({name:"r",class:"r1wvrsap",propsAsIs:!1}),Ie=({questions:M,openQuestion:a})=>s.jsxs(Ne,{children:[s.jsx(ce,{children:"PICK HISTORY"}),s.jsx(je,{children:M==null?void 0:M.map(i=>s.jsx(ne,{openQuestion:a,...i},i.questionId))})]}),te=M=>M.split(/\s+/).map(a=>a[0]).join("").toUpperCase();const le=e("div")({name:"o",class:"olehocs",propsAsIs:!1}),De=e("div")({name:"i",class:"i1ver9dm",propsAsIs:!1}),w=({indicator:M,title:a})=>s.jsxs(le,{children:[s.jsx(De,{children:M}),s.jsx("p",{children:a})]});const re=e("div")({name:"t",class:"t1n0sowz",propsAsIs:!1}),oe=e("div")({name:"i",class:"i18zsacc",propsAsIs:!1}),ge=e("div")({name:"n",class:"n3vg8dl",propsAsIs:!1}),as=({indicator:M,title:a})=>s.jsxs(re,{children:[s.jsx(oe,{children:a}),s.jsx(ge,{children:M})]});const ue=e("div")({name:"t",class:"t1chikdb",propsAsIs:!1}),Ae=e("div")({name:"r",class:"r1t2n40g",propsAsIs:!1}),ze=e("div")({name:"i",class:"i13uvrfl",propsAsIs:!1}),de=e("div")({name:"n",class:"nrgqxd7",propsAsIs:!1}),Te=e("img")({name:"a",class:"a15kmvxx",propsAsIs:!1}),xe=e("div")({name:"p",class:"p1djxvq6",propsAsIs:!1}),ye=e("div")({name:"s",class:"stqrriy",propsAsIs:!1}),Le=e("div")({name:"d",class:"drbrssi",propsAsIs:!1}),pe=e("img")({name:"c",class:"c9zww1n",propsAsIs:!1}),Oe=e("div")({name:"l",class:"ld1dtas",propsAsIs:!1}),Ee=e("div")({name:"x",class:"x1lwz1r2",propsAsIs:!1}),me=e("div")({name:"f",class:"f1oj6tf9",propsAsIs:!1}),Se=e("div")({name:"g",class:"g2lq4wu",propsAsIs:!1}),Ce=e("div")({name:"h",class:"hszuw0i",propsAsIs:!1}),we=e("button")({name:"m",class:"mk0d3zr",propsAsIs:!1}),ke="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjc2OTE2IDMuNTAwMDJDMi43NjkxNiA0LjQ5Nzg2IDIuOTQ3MDUgNS4zODM0OCAzLjMwMjgyIDYuMTU2OTJDMi42MjQ5MyA2LjAxODQ3IDIuMDU4ODMgNS43NDg3MiAxLjYwNDUgNS4zNDc2OEMxLjE1MDE3IDQuOTQ2NjMgMC45MjMwMDggNC41NTk5MiAwLjkyMzAwOCA0LjE4NzUyVjMuNTAwMDJIMi43NjkxNlpNMTEuMDc2OCAzLjUwMDAyVjQuMTg3NTJDMTEuMDc2OCA0LjU1OTkyIDEwLjg0OTcgNC45NDY2MyAxMC4zOTUzIDUuMzQ3NjhDOS45NDEgNS43NDg3MiA5LjM3NDkgNi4wMTg0NyA4LjY5NzAxIDYuMTU2OTJDOS4wNTI3OCA1LjM4MzQ4IDkuMjMwNjYgNC40OTc4NiA5LjIzMDY2IDMuNTAwMDJIMTEuMDc2OFpNMTIgNC4xODc1VjMuMjcwODNDMTIgMy4wNzk4NiAxMS45MzI3IDIuOTE3NTQgMTEuNzk4MSAyLjc4Mzg1QzExLjY2MzUgMi42NTAxNyAxMS41IDIuNTgzMzMgMTEuMzA3NyAyLjU4MzMzSDkuMjMwNzdWMS44OTU4M0M5LjIzMDc3IDEuNTgwNzMgOS4xMTc3OSAxLjMxMDk4IDguODkxODMgMS4wODY1OUM4LjY2NTg2IDAuODYyMTk1IDguMzk0MjMgMC43NSA4LjA3NjkyIDAuNzVIMy45MjMwOEMzLjYwNTc3IDAuNzUgMy4zMzQxNCAwLjg2MjE5NSAzLjEwODE3IDEuMDg2NTlDMi44ODIyMSAxLjMxMDk4IDIuNzY5MjMgMS41ODA3MyAyLjc2OTIzIDEuODk1ODNWMi41ODMzM0gwLjY5MjMwOEMwLjQ5OTk5OSAyLjU4MzMzIDAuMzM2NTM5IDIuNjUwMTcgMC4yMDE5MjMgMi43ODM4NUMwLjA2NzMwNyAyLjkxNzU0IDAgMy4wNzk4NiAwIDMuMjcwODNWNC4xODc1QzAgNC41MjY0OCAwLjA5OTc1ODYgNC44Njc4NCAwLjI5OTI3OSA1LjIxMTU5QzAuNDk4Nzk5IDUuNTU1MzQgMC43NjgwMjcgNS44NjU2NyAxLjEwNjk3IDYuMTQyNThDMS40NDU5MiA2LjQxOTQ5IDEuODYxNzggNi42NTIyMyAyLjM1NDU3IDYuODQwODJDMi44NDczNiA3LjAyOTQxIDMuMzY1MzggNy4xMzU2MyAzLjkwODY1IDcuMTU5NTFDNC4xMTA1OCA3LjQxNzMyIDQuMzM4OTQgNy42NDQxIDQuNTkzNzUgNy44Mzk4NEM0Ljc3NjQ0IDguMDAyMTcgNC45MDI2NCA4LjE3NTI0IDQuOTcyMzYgOC4zNTkwNUM1LjA0MjA3IDguNTQyODYgNS4wNzY5MiA4Ljc1NjUxIDUuMDc2OTIgOUM1LjA3NjkyIDkuMjU3ODEgNS4wMDM2MSA5LjQ3NTA0IDQuODU2OTcgOS42NTE2OUM0LjcxMDM0IDkuODI4MzQgNC40NzU5NiA5LjkxNjY3IDQuMTUzODUgOS45MTY2N0MzLjc5MzI3IDkuOTE2NjcgMy40NzIzNiAxMC4wMjUzIDMuMTkxMTEgMTAuMjQyNUMyLjkwOTg1IDEwLjQ1OTcgMi43NjkyMyAxMC43MzMxIDIuNzY5MjMgMTEuMDYyNVYxMS41MjA4QzIuNzY5MjMgMTEuNTg3NyAyLjc5MDg3IDExLjY0MjYgMi44MzQxMyAxMS42ODU1QzIuODc3NCAxMS43Mjg1IDIuOTMyNjkgMTEuNzUgMyAxMS43NUg5QzkuMDY3MzEgMTEuNzUgOS4xMjI2IDExLjcyODUgOS4xNjU4NiAxMS42ODU1QzkuMjA5MTMgMTEuNjQyNiA5LjIzMDc3IDExLjU4NzcgOS4yMzA3NyAxMS41MjA4VjExLjA2MjVDOS4yMzA3NyAxMC43MzMxIDkuMDkwMTUgMTAuNDU5NyA4LjgwODg5IDEwLjI0MjVDOC41Mjc2NCAxMC4wMjUzIDguMjA2NzMgOS45MTY2NyA3Ljg0NjE1IDkuOTE2NjdDNy41MjQwNCA5LjkxNjY3IDcuMjg5NjYgOS44MjgzNCA3LjE0MzAzIDkuNjUxNjlDNi45OTYzOSA5LjQ3NTA0IDYuOTIzMDggOS4yNTc4MSA2LjkyMzA4IDlDNi45MjMwOCA4Ljc1NjUxIDYuOTU3OTMgOC41NDI4NiA3LjAyNzY0IDguMzU5MDVDNy4wOTczNiA4LjE3NTI0IDcuMjIzNTYgOC4wMDIxNyA3LjQwNjI1IDcuODM5ODRDNy42NjEwNiA3LjY0NDEgNy44ODk0MiA3LjQxNzMyIDguMDkxMzUgNy4xNTk1MUM4LjYzNDYyIDcuMTM1NjMgOS4xNTI2NCA3LjAyOTQxIDkuNjQ1NDMgNi44NDA4MkMxMC4xMzgyIDYuNjUyMjMgMTAuNTU0MSA2LjQxOTQ5IDEwLjg5MyA2LjE0MjU4QzExLjIzMiA1Ljg2NTY3IDExLjUwMTIgNS41NTUzNCAxMS43MDA3IDUuMjExNTlDMTEuOTAwMiA0Ljg2Nzg0IDEyIDQuNTI2NDggMTIgNC4xODc1Wk01LjA3MDMzIDUuMzg0OTFMNi4wMzgzIDQuODc1MDNMNy4wMDYyNyA1LjM4NDkxTDYuODIxNCA0LjMwNDk3TDcuNjA0NTEgMy41NDAxNkw2LjUyMjI4IDMuMzgyNkw2LjAzODMgMi40MDAwM0w1LjU1NDMxIDMuMzgyNkw0LjQ3MjA5IDMuNTQwMTZMNS4yNTUxOSA0LjMwNDk3TDUuMDcwMzMgNS4zODQ5MVoiIGZpbGw9IiNGMkM5NEMiLz4KPC9nPgo8L3N2Zz4K",he=({avatar:M,name:a,points:i,grade:n,friendsRank:N,globalRank:c,winStreak:l,correct:j,incorrect:I,successRate:t})=>s.jsxs(ue,{children:[s.jsxs(Ae,{children:[s.jsxs(de,{children:[s.jsxs(we,{children:[M&&s.jsx(Te,{alt:"avatar",src:M}),!M&&s.jsx(Ce,{children:te(a)})]}),s.jsxs(xe,{children:[s.jsx(ye,{children:a}),s.jsxs(Le,{children:[s.jsx(pe,{alt:"rank-icon",src:ke}),s.jsxs(Oe,{children:[s.jsx(Ee,{children:i||"-"}),"RTS"]}),s.jsxs(me,{children:["TOP ",n,"%"]})]})]})]}),s.jsxs(Se,{children:[s.jsx(as,{title:"Friends rank",indicator:N||"-"}),s.jsx(as,{title:"Global rank",indicator:c||"-"})]})]}),s.jsxs(ze,{children:[s.jsx(w,{indicator:l||"-",title:"Win streak"}),s.jsx(w,{indicator:j||"-",title:"Correct"}),s.jsx(w,{indicator:I||"-",title:"Incorrect"}),s.jsx(w,{indicator:`${t||"-"}%`,title:"Success rate"})]})]});const Qe=()=>Ts,Ts=e("div")({name:"o",class:"ot0wn45",propsAsIs:!1}),Ue=e(Qe())({name:"t",class:"t1n3ztor",propsAsIs:!0}),ns=e("div")({name:"i",class:"iliq035",propsAsIs:!1}),Ns=e("button")({name:"n",class:"nltylrn",propsAsIs:!1}),cs=e("img")({name:"a",class:"all3dh1",propsAsIs:!1}),js=e("span")({name:"d",class:"d34nlc9",propsAsIs:!1}),Is=e("span")({name:"s",class:"s1n6buvc",propsAsIs:!1}),ts=e("div")({name:"c",class:"cl0bp16",propsAsIs:!1}),f=e("div")({name:"l",class:"luzmbpx",propsAsIs:!1}),ls=e("img")({name:"p",class:"p93opx7",propsAsIs:!1}),G="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K",Ds="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K",Ye=({icon:M,id:a,title:i,questionId:n,disabled:N,percentage:c,onVote:l,toggleIsLoadingSubmitAnswer:j,correct:I,questionAnswered:t,hasCorrectAnswer:D,answered:g,points:o,questionType:L})=>{var d;return t&&g?s.jsxs(Ue,{"data-answeredCorrect":(d=!D||I)==null?void 0:d.toString(),"data-questionAnswered":"false",children:[s.jsx(ns,{style:{width:`${c}%`}}),s.jsxs(Ns,{disabled:N,onClick:()=>l(n,a),children:[M&&s.jsx(cs,{alt:"option-icon",src:M}),s.jsx(js,{children:i}),s.jsxs(Is,{children:[D&&I&&s.jsx(ts,{children:s.jsx(ls,{alt:"icon-correct",src:g?Ds:G})}),s.jsxs(f,{children:[c,"%"]})]})]})]}):s.jsxs(Ts,{"data-questionAnswered":t==null?void 0:t.toString(),children:[t&&s.jsx(ns,{style:{width:`${c}%`}}),s.jsxs(Ns,{disabled:N,onClick:()=>{j(!0),l(n,a)},children:[M&&s.jsx(cs,{alt:"option-icon",src:M}),s.jsx(js,{children:i}),t?s.jsxs(Is,{children:[D&&I&&s.jsx(ts,{children:s.jsx(ls,{alt:"icon-correct",src:g?Ds:G})}),s.jsxs(f,{children:[c,"%"]})]}):L===u.QuestionType.PREDICTION?s.jsxs(f,{children:[o," pts"]}):null]})]})};const be=e("div")({name:"e",class:"eeu5got",propsAsIs:!1}),ve=e("div")({name:"o",class:"o1g94fci",propsAsIs:!1}),fe=e("div")({name:"n",class:"nbe6jrz",propsAsIs:!1}),Ze=e("div")({name:"a",class:"a2w5dgc",propsAsIs:!1}),Re=e("div")({name:"l",class:"l66v9pt",propsAsIs:!1}),Ge=e("img")({name:"r",class:"rtvplqt",propsAsIs:!1}),Pe=e("div")({name:"d",class:"d1oe5bin",propsAsIs:!1}),We=e("div")({name:"p",class:"p17r7g01",propsAsIs:!1}),$e="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC4wMDE5NTMxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGODAwMjIiLz4KPHJlY3QgeD0iOC4yNSIgeT0iNy4wMDE5NSIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcuMDAxOTUpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI3IiB5PSIxNS43NTIiIHdpZHRoPSIxMi4zNzQ0IiBoZWlnaHQ9IjEuNzY3NzciIHJ4PSIwLjg4Mzg4NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcgMTUuNzUyKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",Ve=({title:M,questionId:a,options:i,questionAnswered:n,feedbackMessages:N,questionAnsweredCorrectly:c,questionType:l})=>{const[j,I]=r.useState(!1),t=r.useCallback(D=>{I(D)},[I]);return r.useEffect(()=>{t(!1)},[i,t]),s.jsxs(be,{children:[s.jsx(ve,{children:M}),s.jsxs(fe,{children:[j&&s.jsx(Ze,{children:"Loading..."}),i.map(D=>s.jsx(Ye,{toggleIsLoadingSubmitAnswer:t,questionId:a,questionType:l,...D},D.id))]}),n&&l===u.QuestionType.TRIVIA&&s.jsxs(Re,{children:[s.jsx(Ge,{alt:"reaction-to-answer",src:c?G:$e}),s.jsxs("div",{children:[s.jsx(Pe,{children:c?N.correctFeedback.title:N.incorrectFeedback.title}),s.jsx(We,{children:c?N.correctFeedback.description:N.incorrectFeedback.description})]})]})]})};const Be=e("div")({name:"n",class:"n1j6bvz0",propsAsIs:!1}),He=e("div")({name:"r",class:"r14txpvi",propsAsIs:!1}),_e=e("img")({name:"e",class:"e1hr8b9s",propsAsIs:!1}),Je=e("div")({name:"i",class:"i1c85wdw",propsAsIs:!1}),qe=e("img")({name:"p",class:"ps7esga",propsAsIs:!1}),Fe=e("span")({name:"a",class:"au4baxs",propsAsIs:!1}),Xe=e("div")({name:"s",class:"sx3tnpk",propsAsIs:!1}),Ke=e("div")({name:"c",class:"c9c2rl4",propsAsIs:!1}),si=e("button")({name:"d",class:"dbqlu2a",propsAsIs:!1}),Mi=e("button")({name:"x",class:"x1od79lg",propsAsIs:!1}),ei=e("img")({name:"g",class:"g26vzgn",propsAsIs:!1}),ii="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIxLjI1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuMjUgMCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB5PSI4Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDguNzUpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=",ai=({close:M,action:a,data:{icon:i,header:n,title:N,subtitle:c,graphicBg:l,sponsorLogo:j}})=>s.jsxs(Be,{children:[s.jsx(Mi,{onClick:M,children:s.jsx(ei,{alt:"icon-close-onboarding-inapp",src:ii})}),s.jsx(He,{style:{backgroundImage:`url(${l||""})`},children:i&&s.jsx(_e,{alt:"onboarding-inapp-icon",src:i})}),s.jsxs(Je,{children:[s.jsxs("div",{children:[s.jsx("div",{children:j?s.jsxs(s.Fragment,{children:[s.jsx(qe,{alt:"sponsor-logo",src:j}),s.jsx(Fe,{children:"Presents"})]}):n||""}),s.jsx(Xe,{children:N||""}),s.jsx(Ke,{children:c||""})]}),s.jsx(si,{onClick:a,children:"Play"})]})]});const ni=e("div")({name:"r",class:"r1tdfv96",propsAsIs:!1}),Ni={[K.NotificationType.ONBOARDING]:ai,[K.NotificationType.QUESTION]:zs},ci=({index:M,total:a,...i})=>{const n=r.useRef(null),N=Ni[i.type]||zs;return r.useEffect(()=>{n.current!==null&&i.hiding&&n.current.animate([{right:"0"},{right:"-100%"}],{duration:300,fill:"forwards"})},[i.hiding]),s.jsx(ni,{ref:n,style:{zIndex:M+1,transform:`translateY(${100*(a-M-1)}%)`},children:s.jsx(N,{...i})})};const ji=e("div")({name:"o",class:"o1idr02j",propsAsIs:!1}),Ii=({notificationsStore:M})=>{const a=A.useStore(M);return s.jsx(ji,{children:a==null?void 0:a.map((i,n)=>s.jsx(ci,{index:n,total:a.length,...i},i.id))})},ti=({store:M})=>{var a;const{data:i}=A.useStore(M);return i!=null&&i.summary?s.jsx(he,{avatar:i.summary.avatar,name:i.summary.name,points:i.summary.points,grade:"0",friendsRank:i.summary.friendsRank,globalRank:i.summary.rank,winStreak:i.summary.streak,correct:i.summary.correct,incorrect:i.summary.incorrect,successRate:(a=i.percentage)==null?void 0:a.average}):s.jsx("div",{children:"wait user..."})},li=({store:M,openQuestion:a})=>{const i=A.useStore(M);return i!=null&&i.data?s.jsx(Ie,{openQuestion:a,questions:i.data}):s.jsx("div",{children:"wait questions..."})};const Di=()=>M=>M.isSuccess?"#f1be1c":"#da3732",ri=e("div")({name:"n",class:"n1fxw72m",propsAsIs:!1}),oi=e("img")({name:"o",class:"on9bd3u",propsAsIs:!1}),gi=e("div")({name:"r",class:"re3sowz",propsAsIs:!1}),ui=e("button")({name:"c",class:"cbcx8j1",propsAsIs:!1}),Ai=e("img")({name:"d",class:"ds0zw96",propsAsIs:!1}),zi=e("div")({name:"p",class:"peenmin",propsAsIs:!1}),rs=e("div")({name:"a",class:"a146wqa9",propsAsIs:!1,vars:{"a146wqa9-0":[Di()]}}),os=e("img")({name:"s",class:"syetqu",propsAsIs:!1});const di=e("div")({name:"n",class:"nt57dfc",propsAsIs:!1}),Ti=e("div")({name:"e",class:"ey71yx3",propsAsIs:!1}),xi=e("div")({name:"o",class:"oglry7w",propsAsIs:!1}),yi=e("span")({name:"l",class:"l1ixs497",propsAsIs:!1}),Li=e("span")({name:"r",class:"ruurm0v",propsAsIs:!1}),Z=({points:M})=>s.jsxs(di,{children:[s.jsx(Ti,{children:"YOU WON"}),s.jsxs(xi,{children:[s.jsx(yi,{children:M}),s.jsx(Li,{children:"PTS"})]})]}),pi="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJUcm9waHkiPgogICAgICA8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NjkxNiAzLjUwMDAyQzIuNzY5MTYgNC40OTc4NiAyLjk0NzA1IDUuMzgzNDggMy4zMDI4MiA2LjE1NjkyQzIuNjI0OTMgNi4wMTg0NyAyLjA1ODgzIDUuNzQ4NzIgMS42MDQ1IDUuMzQ3NjhDMS4xNTAxNyA0Ljk0NjYzIDAuOTIzMDA4IDQuNTU5OTIgMC45MjMwMDggNC4xODc1MlYzLjUwMDAySDIuNzY5MTZaTTExLjA3NjggMy41MDAwMlY0LjE4NzUyQzExLjA3NjggNC41NTk5MiAxMC44NDk3IDQuOTQ2NjMgMTAuMzk1MyA1LjM0NzY4QzkuOTQxIDUuNzQ4NzIgOS4zNzQ5IDYuMDE4NDcgOC42OTcwMSA2LjE1NjkyQzkuMDUyNzggNS4zODM0OCA5LjIzMDY2IDQuNDk3ODYgOS4yMzA2NiAzLjUwMDAySDExLjA3NjhaTTEyIDQuMTg3NVYzLjI3MDgzQzEyIDMuMDc5ODYgMTEuOTMyNyAyLjkxNzU0IDExLjc5ODEgMi43ODM4NUMxMS42NjM1IDIuNjUwMTcgMTEuNSAyLjU4MzMzIDExLjMwNzcgMi41ODMzM0g5LjIzMDc3VjEuODk1ODNDOS4yMzA3NyAxLjU4MDczIDkuMTE3NzkgMS4zMTA5OCA4Ljg5MTgzIDEuMDg2NTlDOC42NjU4NiAwLjg2MjE5NSA4LjM5NDIzIDAuNzUgOC4wNzY5MiAwLjc1SDMuOTIzMDhDMy42MDU3NyAwLjc1IDMuMzM0MTQgMC44NjIxOTUgMy4xMDgxNyAxLjA4NjU5QzIuODgyMjEgMS4zMTA5OCAyLjc2OTIzIDEuNTgwNzMgMi43NjkyMyAxLjg5NTgzVjIuNTgzMzNIMC42OTIzMDhDMC40OTk5OTkgMi41ODMzMyAwLjMzNjUzOSAyLjY1MDE3IDAuMjAxOTIzIDIuNzgzODVDMC4wNjczMDcgMi45MTc1NCAwIDMuMDc5ODYgMCAzLjI3MDgzVjQuMTg3NUMwIDQuNTI2NDggMC4wOTk3NTg2IDQuODY3ODQgMC4yOTkyNzkgNS4yMTE1OUMwLjQ5ODc5OSA1LjU1NTM0IDAuNzY4MDI3IDUuODY1NjcgMS4xMDY5NyA2LjE0MjU4QzEuNDQ1OTIgNi40MTk0OSAxLjg2MTc4IDYuNjUyMjMgMi4zNTQ1NyA2Ljg0MDgyQzIuODQ3MzYgNy4wMjk0MSAzLjM2NTM4IDcuMTM1NjMgMy45MDg2NSA3LjE1OTUxQzQuMTEwNTggNy40MTczMiA0LjMzODk0IDcuNjQ0MSA0LjU5Mzc1IDcuODM5ODRDNC43NzY0NCA4LjAwMjE3IDQuOTAyNjQgOC4xNzUyNCA0Ljk3MjM2IDguMzU5MDVDNS4wNDIwNyA4LjU0Mjg2IDUuMDc2OTIgOC43NTY1MSA1LjA3NjkyIDlDNS4wNzY5MiA5LjI1NzgxIDUuMDAzNjEgOS40NzUwNCA0Ljg1Njk3IDkuNjUxNjlDNC43MTAzNCA5LjgyODM0IDQuNDc1OTYgOS45MTY2NyA0LjE1Mzg1IDkuOTE2NjdDMy43OTMyNyA5LjkxNjY3IDMuNDcyMzYgMTAuMDI1MyAzLjE5MTExIDEwLjI0MjVDMi45MDk4NSAxMC40NTk3IDIuNzY5MjMgMTAuNzMzMSAyLjc2OTIzIDExLjA2MjVWMTEuNTIwOEMyLjc2OTIzIDExLjU4NzcgMi43OTA4NyAxMS42NDI2IDIuODM0MTMgMTEuNjg1NUMyLjg3NzQgMTEuNzI4NSAyLjkzMjY5IDExLjc1IDMgMTEuNzVIOUM5LjA2NzMxIDExLjc1IDkuMTIyNiAxMS43Mjg1IDkuMTY1ODYgMTEuNjg1NUM5LjIwOTEzIDExLjY0MjYgOS4yMzA3NyAxMS41ODc3IDkuMjMwNzcgMTEuNTIwOFYxMS4wNjI1QzkuMjMwNzcgMTAuNzMzMSA5LjA5MDE1IDEwLjQ1OTcgOC44MDg4OSAxMC4yNDI1QzguNTI3NjQgMTAuMDI1MyA4LjIwNjczIDkuOTE2NjcgNy44NDYxNSA5LjkxNjY3QzcuNTI0MDQgOS45MTY2NyA3LjI4OTY2IDkuODI4MzQgNy4xNDMwMyA5LjY1MTY5QzYuOTk2MzkgOS40NzUwNCA2LjkyMzA4IDkuMjU3ODEgNi45MjMwOCA5QzYuOTIzMDggOC43NTY1MSA2Ljk1NzkzIDguNTQyODYgNy4wMjc2NCA4LjM1OTA1QzcuMDk3MzYgOC4xNzUyNCA3LjIyMzU2IDguMDAyMTcgNy40MDYyNSA3LjgzOTg0QzcuNjYxMDYgNy42NDQxIDcuODg5NDIgNy40MTczMiA4LjA5MTM1IDcuMTU5NTFDOC42MzQ2MiA3LjEzNTYzIDkuMTUyNjQgNy4wMjk0MSA5LjY0NTQzIDYuODQwODJDMTAuMTM4MiA2LjY1MjIzIDEwLjU1NDEgNi40MTk0OSAxMC44OTMgNi4xNDI1OEMxMS4yMzIgNS44NjU2NyAxMS41MDEyIDUuNTU1MzQgMTEuNzAwNyA1LjIxMTU5QzExLjkwMDIgNC44Njc4NCAxMiA0LjUyNjQ4IDEyIDQuMTg3NVpNNS4wNzAzMyA1LjM4NDkxTDYuMDM4MyA0Ljg3NTAzTDcuMDA2MjcgNS4zODQ5MUw2LjgyMTQgNC4zMDQ5N0w3LjYwNDUxIDMuNTQwMTZMNi41MjIyOCAzLjM4MjZMNi4wMzgzIDIuNDAwMDNMNS41NTQzMSAzLjM4MjZMNC40NzIwOSAzLjU0MDE2TDUuMjU1MTkgNC4zMDQ5N0w1LjA3MDMzIDUuMzg0OTFaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogIDwvc3ZnPgo=",Oi="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik01LjUgMi43ODg2N1YxMi40MTM3QzUuNSAxMy4xNzI5IDQuODg0MjYgMTMuNzUgNC4xMjUgMTMuNzVIMS4zNzVDMC42MTU3NDIgMTMuNzUgMCAxMy4xMzQzIDAgMTIuNDEzN1YyLjgyNzM0QzAgMi4wNjgwOCAwLjYxNTc0MiAxLjQ5MTAyIDEuMzc1IDEuNDkxMDJINC4xMjVDNC44ODU1NSAxLjQxMzY3IDUuNSAxLjk5Mzc1IDUuNSAyLjc4ODY3Wk0yMiAxMi4zNzA3QzIyIDEzLjUwOTQgMjEuMDc3IDE0LjQzMjMgMTkuOTM3NSAxNC40MzIzSDEzLjY0MjZDMTQuNjIxIDE2LjA2MTMgMTUuMTI1OSAxNy45MDc3IDE1LjEyNTkgMTguNTU4MkMxNS4xMjUgMTkuNTcxNCAxNC4zMzAxIDIwLjYyNSAxMi45OTggMjAuNjI1QzEwLjI4NTQgMjAuNjI1IDExLjg2NTQgMTcuMzUyOSA4LjM0ODgzIDE0LjU0MDZMNy42NDg0NCAxMy45ODJDNy4xNDE0MSAxMy41NzM4IDYuODgzNTkgMTIuOTc2NiA2Ljg3OTMgMTIuMzc1QzYuODc4MjkgMTIuMzc0IDYuODc5MyAxMi4zNzUgNi44NzkzIDEyLjM3NUw2Ljg3NSA1LjVDNi44NzUgNC44NTExNyA3LjE4MDY0IDQuMjM5NzMgNy43IDMuODUwNDNMOS4xNjY5NSAyLjc1MDg2QzEwLjM1NTUgMS44NTYyNSAxMS44MDM1IDEuMzc1IDEzLjI5MDIgMS4zNzVIMTUuODEyNUMxNi45NTIgMS4zNzUgMTcuODc1IDIuMjk3NTQgMTcuODc1IDMuNDM2NjRDMTcuODc1IDMuNTkyODMgMTcuODU0NCAzLjc0MzU3IDE3LjgyMTUgMy44ODk5NkMxOC42NDg0IDQuMTU5MzcgMTkuMjUgNC45MjQyMiAxOS4yNSA1Ljg0Mzc1QzE5LjI1IDYuMjM2ODMgMTkuMTM0MSA2LjYwMDQzIDE4Ljk0MzIgNi45MTI4MUMxOS44OTg4IDcuMDg5ODQgMjAuNjI1IDcuOTI3NzMgMjAuNjI1IDguOTMzMkMyMC42MjUgOS40NzAzMSAyMC40MTQ4IDkuOTU1IDIwLjA3ODQgMTAuMzIyQzIxLjE0OTIgMTAuMzk0MSAyMiAxMS4yNzkzIDIyIDEyLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvc3ZnPgo=",Ei=({logo:M,points:a,questionAnswered:i,questionAnsweredCorrectly:n,questionType:N,closeQuestion:c,setTimeToExpire:l})=>{const j=!i&&N!==u.QuestionType.PREDICTION,I=i&&N===u.QuestionType.TRIVIA,t=I&&n,D=I&&!n,g=i&&N===u.QuestionType.PREDICTION;return s.jsxs(ri,{children:[s.jsxs(gi,{children:[s.jsxs(zi,{children:[j&&s.jsx(ds,{setTimeToExpire:l}),t&&s.jsxs(s.Fragment,{children:[s.jsx(Z,{points:a}),s.jsx(rs,{isSuccess:!0,children:s.jsx(os,{alt:"reaction-icon",src:pi})})]}),D&&s.jsxs(s.Fragment,{children:[s.jsx(Z,{points:0}),s.jsx(rs,{isSuccess:!1,children:s.jsx(os,{alt:"reaction-icon",src:Oi})})]}),g&&s.jsx(Z,{points:a})]}),s.jsx(ui,{onClick:c,children:s.jsx(Ai,{alt:"exit-icon",src:k})})]}),M&&s.jsx(oi,{src:M})]})};const mi="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA2OCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuNjE1NSA3LjQ0MTQ2SDUwLjcwNjZMNTYuMzA3MiAxMy44NjE1TDUwLjcwNjYgMjAuMjgwNUg1Ni40MzU3TDU5LjE1ODcgMTcuMTM3TDYxLjkwNjggMjAuMjgwNUg2Ny44NEw2Mi4xOSAxMy44MzQ4TDY3Ljc2MzYgNy40NDE0Nkg2Mi4wNjA2TDU5LjM4OTcgMTAuNTYwMkw1Ni42MTU1IDcuNDQxNDZaTTYyLjI3MjEgNy45MTY1OUw1OS4zOTY0IDExLjI3NDdMNTYuNDA5MiA3LjkxNjU5SDUxLjc0NDZMNTYuOTMwNyAxMy44NjE1TDUxLjc0NDcgMTkuODA1NEg1Ni4yMjU3TDU5LjE1NzEgMTYuNDIxM0w2Mi4xMTU2IDE5LjgwNTRINjYuNzk4N0w2MS41NjYgMTMuODM1N0w2Ni43MjYxIDcuOTE2NTlINjIuMjcyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDQuMzYzNSA3LjQ0MTQ2VjQuNTY0MDZINTAuNzA2NlYwLjA1NTk5OThIMzkuNzAyVjIwLjI4MDVINTAuNzA2NlYxNS43NjAxSDQ0LjM2MzVWMTEuNzc5NEg1MC43MDY2VjcuNDQxNDZINDQuMzYzNVpNNTAuMjQwOCA3LjkxNjU5SDQzLjg5NzhWNC4wODg5M0g1MC4yNDA4VjAuNTMxMTMySDQwLjE2NzhWMTkuODA1NEg1MC4yNDA4VjE2LjIzNTJINDMuODk3OFYxMS4zMDQzSDUwLjI0MDhWNy45MTY1OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNS4wNiAwLjA1NTk5OThWOC4zMzI4MUgzNS4wMDg3QzMzLjk4MDMgNy4xMjc4NyAzMi42OTY2IDYuNzA4ODEgMzEuMjA3IDYuNzA4ODFDMjguMTU1MiA2LjcwODgxIDI1Ljg1NjEgOC44MjYgMjUuMDQ5MyAxMS42MjM2QzI0LjEyOCA4LjU0MDkyIDIxLjc1NDQgNi42NTA4NCAxOC4yMzQ5IDYuNjUwODRDMTUuMzc2OSA2LjY1MDg0IDEzLjExOTcgNy45NTkzNiAxMS45NDIyIDEwLjA5MThWNy40NDE0Nkg2LjAzNDE2VjQuNTY0MDZIMTIuNDgxNVYwLjA1NTk5OThIMC43NjgwMDVWMjAuMjgwNUg2LjAzNDE2VjExLjc3OTRIMTEuMjgzNkMxMS4xMjcgMTIuNDAzNyAxMS4wNDMyIDEzLjA3MjcgMTEuMDQzMiAxMy43Nzg4QzExLjA0MzIgMTcuOTk3IDE0LjIwMzEgMjAuOTU4IDE4LjIzNDkgMjAuOTU4QzIxLjYyNTggMjAuOTU4IDIzLjg2MDcgMTkuMzM0IDI1LjA0MTkgMTYuMzc0SDIwLjUyODRDMTkuOTE4MyAxNy4yNjQ0IDE5LjQ1NTMgMTcuNTI3NiAxOC4yMzQ5IDE3LjUyNzZDMTYuODE5OSAxNy41Mjc2IDE1LjU5OTUgMTYuMjY4NSAxNS41OTk1IDE0Ljc3NTZIMjQuNzg5NEMyNS4xODgxIDE4LjEyNjIgMjcuNzQ3MiAyMS4wMTYgMzEuMjU4MiAyMS4wMTZDMzIuNzczIDIxLjAxNiAzNC4xNjAxIDIwLjI1NTggMzUuMDA3OCAxOC45NzI5SDM1LjA1OVYyMC4yODI0SDM5LjcwMUwzOS43MDIgMC4wNTU5OTk4SDM1LjA2Wk0xNS43NDY3IDExLjgzOTNDMTYuMDM5MiAxMC41NTQ1IDE3LjAxNjQgOS43MTU0NSAxOC4yMzU4IDkuNzE1NDVDMTkuNTc4MiA5LjcxNTQ1IDIwLjUwNTEgMTAuNTI4OSAyMC43NDkyIDExLjgzOTNDMjAuODUxNyAxMS44MzkzIDE1Ljc0NjcgMTEuODM5MyAxNS43NDY3IDExLjgzOTNaTTMyLjI0MiAxNy4yMDE2QzMwLjUzMDcgMTcuMjAxNiAyOS40NjY4IDE1LjU3NDggMjkuNDY2OCAxMy44NzY3QzI5LjQ2NjggMTIuMDYxNyAzMC4zOTE5IDEwLjMxNiAzMi4yNDIgMTAuMzE2QzM0LjE2MDEgMTAuMzE2IDM0LjkyNCAxMi4wNjE3IDM0LjkyNCAxMy44NzY3QzM0LjkyNCAxNS41OTc2IDM0LjExNDQgMTcuMjAxNiAzMi4yNDIgMTcuMjAxNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==",Si=e("div")({name:"w",class:"w1rk8z17",propsAsIs:!1}),Ci=({openedQuestion:M,closeQuestion:a,vote:i})=>{var n;const[N,c]=r.useState(!1),l=r.useCallback(t=>{c(t)},[c]),j=r.useMemo(()=>M==null?void 0:M.answers.find(t=>t.youVoted===!0),[M]),I=r.useMemo(()=>!!(M!=null&&M.answers.find(t=>t.correct===!0)),[M]);return M?s.jsx(Si,{children:s.jsxs("div",{children:[s.jsx(Ei,{points:(j==null?void 0:j.points)||0,questionAnswered:!!j,questionAnsweredCorrectly:j==null?void 0:j.correct,logo:mi,closeQuestion:a,setTimeToExpire:l,questionType:M.type}),s.jsx("div",{children:s.jsx(Ve,{title:M.subject,feedbackMessages:(n=M.options)==null?void 0:n.options.value,questionType:M.type,questionId:M.id,questionAnswered:!!j,questionAnsweredCorrectly:j==null?void 0:j.correct,options:M.answers.map(t=>({id:t.id,title:t.text,icon:t.icon,type:M.type,correct:t.correct,percentage:t.percentage,answered:t.youVoted,disabled:!!j||M.marketClosed||N,questionAnswered:!!j,hasCorrectAnswer:I,points:t.points,onVote:i}))})})]})}):null};const wi=e("div")({name:"e",class:"eedzx0f",propsAsIs:!1}),ki=e("div")({name:"o",class:"o10jx8gg",propsAsIs:!1}),hi=e("div")({name:"n",class:"n1fzu0h9",propsAsIs:!1}),Qi=e("img")({name:"r",class:"r1s6khgr",propsAsIs:!1}),Ui=e("img")({name:"l",class:"luvepij",propsAsIs:!1}),Yi=e("img")({name:"s",class:"shqj61j",propsAsIs:!1}),bi=e("div")({name:"p",class:"pnpvkmh",propsAsIs:!1}),vi=e("img")({name:"a",class:"acyca7o",propsAsIs:!1});const fi=e("div")({name:"e",class:"e84mc5e",propsAsIs:!1}),Zi=e("div")({name:"t",class:"t1thn6vl",propsAsIs:!1});const Ri=e("div")({name:"o",class:"o2stbtz",propsAsIs:!1}),gs=e("button")({name:"n",class:"nzjdttj",propsAsIs:!1}),Gi=e("img")({name:"r",class:"r1182zem",propsAsIs:!1});const Pi=e("div")({name:"t",class:"tp9a9yw",propsAsIs:!1}),Wi=e("img")({name:"e",class:"e6f0nxr",propsAsIs:!1}),$i=e("div")({name:"n",class:"n3f26h",propsAsIs:!1}),Vi=e("div")({name:"r",class:"r9zbwh8",propsAsIs:!1}),Bi=e("div")({name:"d",class:"dvhlsdp",propsAsIs:!1}),Hi=e("a")({name:"c",class:"c9m83to",propsAsIs:!1}),_i=e("img")({name:"l",class:"l2itzu1",propsAsIs:!1});const O=e("div")({name:"e",class:"e1qdkuad",propsAsIs:!1}),Ji=e("div")({name:"i",class:"i1xpziqe",propsAsIs:!1}),qi=e("div")({name:"r",class:"r1yl384u",propsAsIs:!1}),Fi=e("div")({name:"n",class:"n1q9p5hx",propsAsIs:!1}),us=e("button")({name:"a",class:"ark1jkg",propsAsIs:!1}),Xi=({gamification:M,sdk:a})=>{var i,n,N,c,l,j,I,t,D,g,o,L,d,x,z,T,E,p,H,_,J,q,F;const ys=A.useStore(M.status),Ls=A.useStore(M.onboardingStatus),X=A.useStore(M.openedQuestion),{slStreamId:C}=A.useStore(a.sdkStore),y=A.useStore(M.featureSettings);if(ys!==S.FeatureStatus.Ready)return s.jsx("div",{children:"wait..."});if(C!=null&&C.loading)return s.jsx(O,{children:s.jsx("div",{children:"Event is loading"})});if(!(C!=null&&C.data))return s.jsx(O,{children:s.jsx("div",{children:"Event is forbidden"})});if(!Ls)return s.jsx(O,{children:s.jsx(RM,{closeFeature:a.closeFeature,gamification:M,steps:(n=(i=y.inplayGame)==null?void 0:i.onboarding)==null?void 0:n.steps,gameIcon:(l=(c=(N=y.inplayGame)==null?void 0:N.overview)==null?void 0:c.media)==null?void 0:l.gameIcon,sponsorLogo:(t=(I=(j=y.inplayGame)==null?void 0:j.overview)==null?void 0:I.media)==null?void 0:t.sponsorLogo,rules:(g=(D=y.inplayGame)==null?void 0:D.rules)==null?void 0:g.rules,rulesBtnLabel:(L=(o=y.inplayGame)==null?void 0:o.rules)==null?void 0:L.buttonLabel,rulesTitle:(x=(d=y.inplayGame)==null?void 0:d.rules)==null?void 0:x.heading,primaryColor:(E=(T=(z=y.inplayGame)==null?void 0:z.overview)==null?void 0:T.appearance)==null?void 0:E.primaryColor,inviteCardTitle:(H=(p=y.inplayGame)==null?void 0:p.inviteCard)==null?void 0:H.heading,inviteCardSubtext:(J=(_=y.inplayGame)==null?void 0:_.inviteCard)==null?void 0:J.subtext,inviteCardBtnLabel:(F=(q=y.inplayGame)==null?void 0:q.inviteCard)==null?void 0:F.buttonLabel})});const ps=h=>{M.openQuestion(h)},Os=()=>{M.closeQuestion()},Es=(h,ms)=>{M.submitAnswer(h,ms)};return s.jsxs(O,{children:[s.jsx(Ji,{children:M.userSummary&&s.jsx(ti,{store:M.userSummary.getStore()})}),s.jsxs(qi,{children:[M.questions&&s.jsx(li,{openQuestion:ps,store:M.questions.getStore()}),X&&s.jsx(Ci,{closeQuestion:Os,vote:Es,openedQuestion:X})]})]})},Ki=(M,a)=>{switch(M){case u.QuestionImages.ROUNDED:return s.jsx(Ui,{alt:"insight-icon",src:a});case u.QuestionImages.TRANSPARENT:return s.jsx(Yi,{alt:"insight-icon",src:a});case u.QuestionImages.CENTERED:return s.jsx(Qi,{alt:"insight-icon",src:a});default:return null}},sa=({title:M,image:a,questionId:i,imageMode:n,openInsight:N})=>s.jsxs(wi,{onClick:()=>N(i),children:[s.jsx(hi,{children:a&&Ki(n,a)}),s.jsxs(ki,{children:[s.jsx(bi,{children:M||""}),s.jsx(vi,{alt:"next-icon",src:R})]})]}),Ma=({insights:M,openInsight:a})=>s.jsx(fi,{children:s.jsx(Zi,{children:M==null?void 0:M.map(i=>s.jsx(sa,{openInsight:a,...i},i.questionId))})}),ea=({highlights:M,store:a})=>{const{data:i}=A.useStore(a);return i?s.jsx(Ma,{insights:i,openInsight:M.openHighlight}):s.jsx("div",{children:"wait insights..."})},ia="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==",aa=({icon:M,comeBack:a,close:i})=>s.jsxs(Ri,{children:[s.jsxs("div",{children:[a&&s.jsx(gs,{onClick:a,children:s.jsx("img",{alt:"header-back-icon",src:ia})}),M&&s.jsx(Gi,{alt:"header-icon",src:M})]}),s.jsx("div",{children:i&&s.jsx(gs,{onClick:i,children:s.jsx("img",{alt:"header-close-icon",src:k})})})]}),na="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2MtQU5kc04ga1RWV0pFIj48cGF0aCBkPSJNNi42NjY1IDMuMTY2NjlINC45OTk4NEM0LjI2MzQ2IDMuMTY2NjkgMy42NjY1IDMuNzYzNjQgMy42NjY1IDQuNTAwMDJWMTEuNUMzLjY2NjUgMTIuMjM2NCA0LjI2MzQ2IDEyLjgzMzQgNC45OTk4NCAxMi44MzM0SDExLjk5OThDMTIuNzM2MiAxMi44MzM0IDEzLjMzMzIgMTIuMjM2NCAxMy4zMzMyIDExLjVWOS44MzMzNSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEzLjMzMzUgNi4xNjY2OVYzLjE2NjY5SDEwLjMzMzUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy4xNjY4IDMuMzMzMzFMOC4zMzM1IDguMTY2NjUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPgo=",Na=({image:M,title:a,description:i,webLinkLabel:n,webLink:N,closeHighlights:c,closeInsight:l})=>s.jsxs(Pi,{children:[s.jsx(aa,{close:c,comeBack:l}),M&&s.jsx(Wi,{alt:"detail-insight-image",src:M}),s.jsxs($i,{children:[a&&s.jsx(Vi,{children:a}),i&&s.jsx(Bi,{children:i})]}),N&&n&&s.jsxs(Hi,{href:N,target:"_blank",children:[n,s.jsx(_i,{alt:"link-icon",src:na})]})]}),ca=({openedInsight:M,closeHighlights:a,closeInsight:i})=>{var n,N,c,l,j;const I=((n=M.options)==null?void 0:n.options.case)==="factoid"?{image:M.options.options.value.image,body:M.options.options.value.body,webLink:(N=M.options.options.value.webLink)==null?void 0:N.url,webLinkLabel:(c=M.options.options.value.webLink)==null?void 0:c.label}:{},t=M.subject||((l=M.notification)==null?void 0:l.title),D=I.body||((j=M.notification)==null?void 0:j.body);return s.jsx(Na,{image:I.image,title:t,description:D,webLink:I.webLink,webLinkLabel:I.webLinkLabel,closeInsight:i,closeHighlights:a})},ja=({highlights:M,sdk:a})=>{const i=A.useStore(M.status),n=A.useStore(M.openedInsight),{slStreamId:N}=A.useStore(a.sdkStore);return i!==S.FeatureStatus.Ready?s.jsx("div",{children:"wait..."}):N!=null&&N.loading?s.jsx(O,{children:s.jsx("div",{children:"Event is loading"})}):N!=null&&N.data?M.insights===void 0?s.jsx("div",{children:"wait insights..."}):s.jsxs(O,{children:[!n&&s.jsx(ea,{highlights:M,store:M.insights.getStore()}),n&&s.jsx(ca,{openedInsight:n,closeHighlights:M.closeFeature,closeInsight:M.closeHighlight})]}):s.jsx(O,{children:s.jsx("div",{children:"Event is forbidden"})})},Ia=({sdk:M})=>s.jsx(jM,{login:async a=>{try{await M.authorizationBypass("streamlayer:streamlayer",a)}catch(i){throw console.log("login err",i),i}},anonymousLogin:M.anonymousAuthorization,host:M.host}),ta=({activeFeature:M,sdk:a})=>{const[i,n]=r.useState(null),{organizationSettings:N,streamSettings:c}=A.useStore(a.sdkStore),l=r.useMemo(()=>{const I=(c==null?void 0:c.data)||(N==null?void 0:N.data);return I!=null&&I.overlays?I.overlays:[]},[N,c]);r.useEffect(()=>{const I=a.getFeatures();if(M)for(const[t,D]of I)t===M?D.status.get()===S.FeatureStatus.Suspended&&(D.enable(),n(D)):D.status.get()===S.FeatureStatus.Ready&&D.disable();else{for(const[,t]of I)t.status.get()===S.FeatureStatus.Ready&&t.disable();n(null)}return()=>{for(const[,t]of I)t.status.get()===S.FeatureStatus.Ready&&t.disable()}},[M,a]);const j=r.useMemo(()=>i instanceof ss.Gamification?i?s.jsx("div",{children:s.jsx(Xi,{gamification:i,sdk:a})}):s.jsx("div",{children:"wait gamification..."}):i instanceof ss.Highlights?i?s.jsx("div",{children:s.jsx(ja,{highlights:i,sdk:a})}):s.jsx("div",{children:"wait highlights..."}):null,[a,i]);return s.jsxs("div",{children:[s.jsxs(Fi,{children:[s.jsx(us,{onClick:()=>a.logout(),children:"logout"}),l.map(I=>s.jsxs(us,{onClick:()=>a.openFeature(I.type),disabled:!(I.type in Ss.AvailableFeatures),"data-enableSdkButton":I.enableSdkButton.toString(),"data-selected":I.type===M,children:[s.jsx("img",{src:I.icon,alt:""}),I.name]},I.name))]}),j]})},la=({sdk:M})=>{const a=A.useStore(M.organizationStore()),i=A.useStore(M.getUserStore()),n=A.useStore(M.getActiveFeature());return a.loading?s.jsx("div",{children:"authentication..."}):a.data?i.loading?s.jsx("div",{children:"authentication..."}):i.data?s.jsxs(s.Fragment,{children:[s.jsx(Ii,{notificationsStore:M.getNotificationsStore()}),s.jsx(ta,{sdk:M,activeFeature:n})]}):s.jsx(Ia,{sdk:M}):s.jsx("div",{children:"wrong sdk key..."})};const Da="_1yeluar",ra=({children:M})=>s.jsx("div",{className:Da,children:M}),xs=(M,a,i)=>{const[n,N]=r.useState(null);return r.useEffect(()=>{let c=!1;if(!M)return console.error("streamlayer sdk key should be provided"),N(j=>(j!==null&&typeof j.disableApp=="function"&&j.disableApp(),null)),()=>{c=!0};const l=ks.StreamLayer(M,i);if(a)for(const j of a)l.use(j);return l.ready().then(j=>{c||N(j.sdk)}).catch(j=>console.log(j)),()=>{c=!0,l.close(function(j){if(j)throw j})}},[M]),n};var P=(M=>(M[M.UNSET=0]="UNSET",M[M.CONNECTED=1]="CONNECTED",M[M.READY=2]="READY",M))(P||{});const B=r.createContext({status:0,sdk:null}),oa=({sdkKey:M,plugins:a,children:i,production:n=!0})=>{const N=xs(M,a,n),c=r.useMemo(()=>N?{sdk:N,status:2}:{status:1,sdk:null},[N]);return s.jsx(ra,{children:s.jsx(B.Provider,{value:c,children:i})})},ga=()=>{const{sdk:M}=r.useContext(B);return M},ua=()=>{const{sdk:M,status:a}=r.useContext(B);if(a===P.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===P.CONNECTED?s.jsx("div",{className:"StreamLayerSDK",children:"wait"}):M===null?s.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(la,{sdk:M})})};exports.StreamLayerProvider=oa;exports.StreamLayerSDKReact=ua;exports.useStreamLayer=ga;exports.useStreamLayerApp=xs;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-core");const u=require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-logger");require("@streamlayer/sdk-web-storage");const ms=require("@streamlayer/sdk-web-features"),S=require("@streamlayer/sdk-web-interfaces"),K=require("@streamlayer/sdk-web-notifications");require("@streamlayer/feature-gamification");const s=require("react/jsx-runtime"),r=require("react"),Q=require("react-phone-number-input"),Ss=require("react-auth-code-input"),W=require("@connectrpc/connect-web"),$=require("@connectrpc/connect"),V=require("@streamlayer/sl-eslib/users/users_connect"),Cs=require("react-countdown-circle-timer"),A=require("@nanostores/react"),ws=require("@streamlayer/sdk-web"),k="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";function ks(M){var a=Object.create(null);return function(i){return a[i]===void 0&&(a[i]=M(i)),a[i]}}var hs=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,U=ks(function(M){return hs.test(M)||M.charCodeAt(0)===111&&M.charCodeAt(1)===110&&M.charCodeAt(2)<91}),Qs=function(){const a=Array.prototype.slice.call(arguments).filter(Boolean),i={},n=[];a.forEach(c=>{(c?c.split(" "):[]).forEach(I=>{if(I.startsWith("atm_")){const[,j]=I.split("_");i[j]=I}else n.push(I)})});const N=[];for(const c in i)Object.prototype.hasOwnProperty.call(i,c)&&N.push(i[c]);return N.push(...n),N.join(" ")},ss=Qs,Us=M=>M.toUpperCase()===M,Ys=M=>a=>M.indexOf(a)===-1,us=(M,a)=>{const i={};return Object.keys(M).filter(Ys(a)).forEach(n=>{i[n]=M[n]}),i};function bs(M,a,i){const n=us(a,i);if(!M){const N=typeof U=="function"?{default:U}:U;Object.keys(n).forEach(c=>{N.default(c)||delete n[c]})}return n}var vs=(M,a)=>{};function fs(M){let a="";return i=>{const n=(c,l)=>{const{as:I=M,class:j=a}=c,t=i.propsAsIs===void 0?!(typeof I=="string"&&I.indexOf("-")===-1&&!Us(I[0])):i.propsAsIs,D=bs(t,c,["as","class"]);D.ref=l,D.className=i.atomic?ss(i.class,D.className||j):ss(D.className||j,i.class);const{vars:g}=i;if(g){const o={};for(const x in g){const z=g[x],T=z[0],E=z[1]||"",p=typeof T=="function"?T(c):T;vs(p,i.name),o[`--${x}`]=`${p}${E}`}const L=D.style||{},d=Object.keys(L);d.length>0&&d.forEach(x=>{o[x]=L[x]}),D.style=o}return M.__linaria&&M!==I?(D.as=I,r.createElement(M,D)):r.createElement(I,D)},N=r.forwardRef?r.forwardRef(n):c=>{const l=us(c,["innerRef"]);return n(l,c.innerRef)};return N.displayName=i.name,N.__linaria={className:i.class||a,extends:M},N}}var e=fs;const Zs=e("div")({name:"o",class:"o15tsbse",propsAsIs:!1}),Rs=e("div")({name:"n",class:"nt3f14",propsAsIs:!1}),Gs=e("img")({name:"i",class:"ipxm0fg",propsAsIs:!1}),Ps=e("div")({name:"r",class:"r1av6wfc",propsAsIs:!1}),Ws=e("div")({name:"d",class:"diaesti",propsAsIs:!1}),$s=e("div")({name:"l",class:"l1o5a9ur",propsAsIs:!1}),Vs=e("div")({name:"a",class:"amqlo79",propsAsIs:!1}),Bs=e("button")({name:"c",class:"caw2hnf",propsAsIs:!1}),Hs=e("img")({name:"s",class:"s1x5olm7",propsAsIs:!1}),As=({close:M,action:a,data:{color:i,icon:n,title:N}})=>{const c=r.useCallback(l=>{l.stopPropagation(),M==null||M()},[M]);return s.jsxs(Zs,{onClick:a,children:[s.jsx(Rs,{style:i?{backgroundColor:i}:{},children:n&&s.jsx(Gs,{alt:"in-app-icon",src:n})}),s.jsxs(Ps,{children:[s.jsx(Ws,{children:s.jsx($s,{id:"in-app-title",children:N||""})}),s.jsx(Vs,{children:s.jsx(Bs,{onClick:c,children:s.jsx(Hs,{alt:"close-in-app-icon",src:k})})})]})]})},_s=async(M,a)=>{const i=W.createGrpcWebTransport({baseUrl:M});return await $.createPromiseClient(V.Users,i).requestPassword({id:a}),!0},Js=async(M,a)=>{const i=W.createGrpcWebTransport({baseUrl:M});return await $.createPromiseClient(V.Users,i).register({id:a}),!0},qs=async(M,a,i)=>{var n;const N=W.createGrpcWebTransport({baseUrl:M}),c=await $.createPromiseClient(V.Users,N).login({id:a,password:i});return(n=c==null?void 0:c.meta)==null?void 0:n.jwt},Y={BG_TRANSPARENT:"rgba(0,0,0, .8)",BG_TRANSPARENT_VOTE_CONTAINER:"rgba(10, 14, 19, 0.8)",BG_TRANSPARENT_ITEM:"rgba(0, 0, 0, 0.7)",BG_TRANSPARENT_ITEM_VOTE:"rgba(255, 255, 255, 0.1)",BG_TRANSPARENT_ITEM_SUCCESS:"rgba(0, 139, 251, 0.2)",BG_TRANSPARENT_ITEM_ERROR:"rgba(205, 37, 37, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS:"rgba(255, 255, 255, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS:"rgba(60, 139, 251, 0.5)",BG_TRANSPARENT_VOTE_PROGRESS_ERROR:"rgba(205, 37, 37, 0.5)",BG_TRANSPARENT_USER_CONTAINER:"rgba(255, 255, 255, 0.05)",BG_TRANSPARENT_ONBOARDING_INAPP:"rgba(138, 159, 182, 0.2)",BLUE_PRIMARY:"#1589EE",RED_PRIMARY:"#CD2525",RED_SECONDARY:"#EB5757",BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",GREY_1:"#909395",GREY_2:"#22262b",GREY_3:"#2d3135",GREY_4:"#53565a",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",BLACK_1:"#161a1f",GREEN_1:"#F7B801",RED_1:"#A30000",RED_2:"#FF4170",GREY_PRIMARY:"#909395",DIVIDER_COLOR_PRIMARY:"#2d3135",DIVIDER_COLOR_SECONDARY:"#53565a",GREEN_PRIMARY_BTN:"#009B77"};const Fs=e("div")({name:"e",class:"eu0o537",propsAsIs:!1}),Xs=[Y.BLUE_PRIMARY,Y.GREEN_1,Y.RED_1],Ks=[10,6,0],sM=30,MM=32,eM=4,iM=0,zs=({isPlaying:M=!0,duration:a=sM,setTimeToExpire:i})=>{const n=({remainingTime:N})=>s.jsx(Fs,{style:{color:N?"inherit":void 0},children:N});return r.useEffect(()=>{i(!1)},[i]),s.jsx(Cs.CountdownCircleTimer,{isPlaying:M,duration:a,colors:Xs,colorsTime:Ks,size:MM,strokeWidth:eM,trailStrokeWidth:iM,onComplete:()=>i(!0),children:n})};const aM=e("div")({name:"n",class:"nolkjyx",propsAsIs:!1}),Ms=e("form")({name:"r",class:"rkbcbla",propsAsIs:!1}),es=e("div")({name:"i",class:"i91q48f",propsAsIs:!1}),b=e("div")({name:"e",class:"e1avizlc",propsAsIs:!1}),v=e("button")({name:"a",class:"a1dd1srp",propsAsIs:!1}),nM=e("div")({name:"p",class:"p1cxu25d",propsAsIs:!1}),NM=e("div")({name:"d",class:"dcbw5eg",propsAsIs:!1}),cM=({login:M,anonymousLogin:a,host:i})=>{const[n,N]=r.useState(""),[c,l]=r.useState(""),[I,j]=r.useState(""),t=async g=>{g.preventDefault();try{const o=n.replaceAll("+","");try{await _s(i,o)}catch{await Js(i,o)}l(o)}catch(o){window.alert(o)}},D=async g=>{if(g.preventDefault(),c&&I)try{const o=await qs(i,c,I);o&&M?await M(o):console.log("token",o)}catch(o){window.alert(o)}};return s.jsxs(aM,{children:[!c&&s.jsxs("div",{children:[s.jsxs(Ms,{onSubmit:t,children:[s.jsx(es,{children:"Enter your phone number"}),s.jsx(b,{children:"Enter your phone up for number to log in or sign an account."}),s.jsx(nM,{children:s.jsx(Q,{value:n,onChange:g=>N(`${g}`)})}),s.jsx(v,{disabled:!Q.isValidPhoneNumber(n),type:"submit",children:"request code"})]}),a&&s.jsx(v,{style:{display:"block",margin:"auto"},onClick:a,children:"anonymous login"})]}),c&&s.jsxs(Ms,{onSubmit:D,children:[s.jsx(es,{children:"Enter Verification Code"}),s.jsxs(b,{children:["Please enter the verification code ",s.jsx("br",{}),"sent to ",s.jsx("b",{children:Q.formatPhoneNumberIntl(n)})]}),s.jsx(NM,{children:s.jsx(Ss,{autoFocus:!0,allowedCharacters:"numeric",length:4,onChange:j})}),s.jsx(v,{disabled:I.length!==4,type:"submit",children:"login"}),s.jsxs(b,{children:["Didn't get 59 the code? ",s.jsx("br",{}),"Resend Code in",s.jsx(zs,{duration:30,setTimeToExpire:()=>{},isPlaying:!0})]})]})]})};const IM=e("div")({name:"n",class:"n1je4bb3",propsAsIs:!1}),jM=e("div")({name:"e",class:"e1ho1z33",propsAsIs:!1}),tM=e("div")({name:"i",class:"i1pqse9a",propsAsIs:!1}),lM=e("div")({name:"r",class:"r1jmi063",propsAsIs:!1}),DM=e("div")({name:"c",class:"cid7qaa",propsAsIs:!1}),rM=e("img")({name:"s",class:"sazlt2u",propsAsIs:!1}),oM=e("img")({name:"l",class:"lf9jsyg",propsAsIs:!1}),gM=e("button")({name:"d",class:"d1v56r0e",propsAsIs:!1}),uM=e("img")({name:"p",class:"p6u3piq",propsAsIs:!1}),AM=e("button")({name:"a",class:"atlrttm",propsAsIs:!1});const zM=e("div")({name:"i",class:"i1lwpjx9",propsAsIs:!1}),dM=e("div")({name:"n",class:"nbrbjcu",propsAsIs:!1}),TM=e("img")({name:"o",class:"o1qeiyar",propsAsIs:!1}),xM=e("div")({name:"d",class:"d1y0npbt",propsAsIs:!1}),yM=({graphic:M,headline:a})=>s.jsx(zM,{children:s.jsxs(dM,{children:[s.jsx(TM,{alt:"graphic-img-instructions",src:M}),s.jsx(xM,{children:a})]})});const LM=e("div")({name:"t",class:"tu393dl",propsAsIs:!1}),pM=e("div")({name:"o",class:"odp4fk9",propsAsIs:!1}),OM=e("div")({name:"r",class:"r1xmzn4o",propsAsIs:!1}),EM=e("div")({name:"n",class:"npkb5n",propsAsIs:!1}),mM=e("div")({name:"d",class:"dbaytgh",propsAsIs:!1}),SM=e("div")({name:"l",class:"lqfr6h0",propsAsIs:!1}),CM=({rules:M,rulesTitle:a,primaryColor:i})=>s.jsxs(LM,{children:[s.jsx(pM,{children:a}),s.jsx(OM,{children:M==null?void 0:M.map((n,N)=>s.jsxs(EM,{children:[s.jsx(mM,{style:{backgroundColor:i},children:N+1}),s.jsx(SM,{children:n})]},N))})]});const wM=e("div")({name:"e",class:"e1pvmnhl",propsAsIs:!1}),kM=e("div")({name:"o",class:"ohf3g1n",propsAsIs:!1}),hM=e("div")({name:"i",class:"i1u1cy17",propsAsIs:!1}),QM=e("img")({name:"r",class:"r7mtzbj",propsAsIs:!1}),UM=e("div")({name:"c",class:"ctlxnkz",propsAsIs:!1}),YM=e("div")({name:"a",class:"a2mti7z",propsAsIs:!1}),bM=e("button")({name:"p",class:"p1g6gnag",propsAsIs:!1}),vM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyaWVuZHMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC4xOTIzMSA3LjAzMTI1QzIuNjYzNDYgNy4wMzEyNSAxLjQyMzA4IDguMTk5NzMgMS40MjMwOCA5LjYzOTk0QzEuNDIzMDggMTEuMDgwMiAyLjY2MzQ2IDEyLjI0ODYgNC4xOTIzMSAxMi4yNDg2QzUuNzIxMTUgMTIuMjQ4NiA2Ljk2MTU0IDExLjA4MDIgNi45NjE1NCA5LjYzOTk0QzYuOTYxNTQgOC4xOTk3MyA1LjcyMTE1IDcuMDMxMjUgNC4xOTIzMSA3LjAzMTI1Wk00LjE5MjMxIDEyLjI0ODZDMi4xNjIyNiAxMi4yNDg2IDAuNSAxMy44MTQ1IDAuNSAxNS43MjY5VjE3LjYyOUMwLjUgMTcuNjI5IDEuNDIzMDggMTguMzM1NiA0LjE5MjMxIDE4LjMzNTZDNi45NjE1NCAxOC4zMzU2IDcuODg0NjEgMTcuNjI5IDcuODg0NjEgMTcuNjI5VjE1LjcyNjlDNy44ODQ2MSAxMy44MTQ1IDYuMjIyMzYgMTIuMjQ4NiA0LjE5MjMxIDEyLjI0ODZaTTIwLjgwNzcgNy4wMzEyNUMxOS4yNzg4IDcuMDMxMjUgMTguMDM4NSA4LjE5OTczIDE4LjAzODUgOS42Mzk5NEMxOC4wMzg1IDExLjA4MDIgMTkuMjc4OCAxMi4yNDg2IDIwLjgwNzcgMTIuMjQ4NkMyMi4zMzY1IDEyLjI0ODYgMjMuNTc2OSAxMS4wODAyIDIzLjU3NjkgOS42Mzk5NEMyMy41NzY5IDguMTk5NzMgMjIuMzM2NSA3LjAzMTI1IDIwLjgwNzcgNy4wMzEyNVpNMjAuODA3NyAxMi4yNDg2QzE4Ljc3NzYgMTIuMjQ4NiAxNy4xMTU0IDEzLjgxNDUgMTcuMTE1NCAxNS43MjY5VjE3LjYyOUMxNy4xMTU0IDE3LjYyOSAxOC4wMzg1IDE4LjMzNTYgMjAuODA3NyAxOC4zMzU2QzIzLjU3NjkgMTguMzM1NiAyNC41IDE3LjYyOSAyNC41IDE3LjYyOVYxNS43MjY5QzI0LjUgMTMuODE0NSAyMi44Mzc3IDEyLjI0ODYgMjAuODA3NyAxMi4yNDg2Wk0xMi41IDEwLjUwOTVDMTAuOTcxMiAxMC41MDk1IDkuNzMwNzcgMTEuNjc4IDkuNzMwNzcgMTMuMTE4MkM5LjczMDc3IDE0LjU1ODQgMTAuOTcxMiAxNS43MjY5IDEyLjUgMTUuNzI2OUMxNC4wMjg4IDE1LjcyNjkgMTUuMjY5MiAxNC41NTg0IDE1LjI2OTIgMTMuMTE4MkMxNS4yNjkyIDExLjY3OCAxNC4wMjg4IDEwLjUwOTUgMTIuNSAxMC41MDk1Wk0xMi41IDE1LjcyNjlDMTAuNDcgMTUuNzI2OSA4LjgwNzY5IDE3LjI5MjggOC44MDc2OSAxOS4yMDUxVjIxLjEwNzNDOC44MDc2OSAyMS4xMDczIDkuNzMwNzcgMjEuODEzOCAxMi41IDIxLjgxMzhDMTUuMjY5MiAyMS44MTM4IDE2LjE5MjMgMjEuMTA3MyAxNi4xOTIzIDIxLjEwNzNWMTkuMjA1MUMxNi4xOTIzIDE3LjI5MjggMTQuNTMgMTUuNzI2OSAxMi41IDE1LjcyNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik04LjU4NDczIDEuNUM2Ljk2MzkyIDEuNSA1LjY0ODkzIDIuNzM4NzYgNS42NDg5MyA0LjI2NTZDNS42NDg5MyA1Ljc5MjQ1IDYuOTYzOTIgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFDMTAuMjA1NSA3LjAzMTIxIDExLjUyMDUgNS43OTI0NSAxMS41MjA1IDQuMjY1NkMxMS41MjA1IDIuNzM4NzYgMTAuMjA1NSAxLjUgOC41ODQ3MyAxLjVaTTguNTg0NzMgNy4wMzEyMUM4LjI5MDM4IDcuMDMxMjEgNy45OTIyMSA3LjAyNCA3LjY5Nzg3IDcuMTE3NjNDOC4yODY1NiA3Ljg1NTg0IDguNTg0NzMgOC43ODEzMSA4LjU4NDczIDkuNzk2ODFDOC41ODQ3MyAxMC4xNjQxIDguNDkyOTggMTAuNTI0MiA4LjQ5Mjk4IDEwLjg5MTVDOS4yNzY2MyA5Ljc4NjAxIDEwLjU0MTkgOS4wNTg1OSAxMi4wMDk4IDguODc0OTRDMTEuMzI1NiA3Ljc2OTQyIDEwLjA1MjYgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFaTTE2LjQxMzUgMS41QzE0Ljc5MjcgMS41IDEzLjQ3NzcgMi43Mzg3NiAxMy40Nzc3IDQuMjY1NkMxMy40Nzc3IDUuNzkyNDUgMTQuNzkyNyA3LjAzMTIxIDE2LjQxMzUgNy4wMzEyMUMxOC4wMzQzIDcuMDMxMjEgMTkuMzQ5MyA1Ljc5MjQ1IDE5LjM0OTMgNC4yNjU2QzE5LjM0OTMgMi43Mzg3NiAxOC4wMzQzIDEuNSAxNi40MTM1IDEuNVpNMTYuNDEzNSA3LjAzMTIxQzE0Ljk0NTYgNy4wMzEyMSAxMy42NzI3IDcuNzY5NDIgMTIuOTg4NCA4Ljg3NDk0QzE0LjQ1NjMgOS4wNTg1OSAxNS43MjE2IDkuNzg2MDEgMTYuNTA1MyAxMC44OTE1QzE2LjUwNTMgMTAuNTI0MiAxNi40MTM1IDEwLjE2NDEgMTYuNDEzNSA5Ljc5NjgxQzE2LjQxMzUgOC43ODEzMSAxNi43MTE3IDcuODU1ODQgMTcuMzAwNCA3LjExNzYzQzE3LjAwNiA3LjAyNCAxNi43MDc5IDcuMDMxMjEgMTYuNDEzNSA3LjAzMTIxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjwvZz4KPC9zdmc+Cg==",fM=({inviteCardTitle:M,inviteCardSubtext:a,primaryColor:i})=>s.jsx(wM,{children:s.jsxs(kM,{children:[s.jsx(hM,{style:{backgroundColor:i},children:s.jsx(QM,{alt:"invite-game-icon",src:vM})}),s.jsx(UM,{children:M||""}),s.jsx(YM,{children:a||""}),s.jsx(bM,{onClick:()=>{},style:{backgroundColor:i},children:"Invite friends!"})]})}),m={steps:!1,rules:!1,inviteCard:!1},ZM=({gamification:M,closeFeature:a,steps:i,gameIcon:n,sponsorLogo:N,rules:c,rulesBtnLabel:l,rulesTitle:I,primaryColor:j,inviteCardTitle:t,inviteCardSubtext:D,inviteCardBtnLabel:g})=>{const o=async()=>{await M.submitInplay()},L=()=>{a()},[d,x]=r.useState(0),[z,T]=r.useState(m);r.useEffect(()=>{i!=null&&i.length?T({...m,steps:!0}):c!=null&&c.length?T({...m,rules:!0}):T({...m,inviteCard:!0})},[]);const E=r.useCallback(()=>{i!=null&&i.length&&d<i.length-1?x(p=>++p):c!=null&&c.length&&z.steps?T({...m,rules:!0}):z.rules&&T({...m,inviteCard:!0})},[d,i==null?void 0:i.length,c==null?void 0:c.length,z,x,T]);return s.jsxs(IM,{children:[s.jsxs(tM,{children:[s.jsx(lM,{children:n&&s.jsx(rM,{alt:"sponsor-one-onboarding-icon",src:n})}),s.jsxs(DM,{children:[N&&s.jsx(oM,{alt:"sponsor-two-onboarding-icon",src:N}),s.jsx(gM,{onClick:L,children:s.jsx(uM,{alt:"icon-close-onboarding",src:k})})]})]}),s.jsxs(jM,{children:[z.steps&&(i==null?void 0:i.length)&&s.jsx(yM,{graphic:i[d].graphic,headline:i[d].headline}),z.rules&&s.jsx(CM,{rules:c,rulesTitle:I,primaryColor:j}),z.inviteCard&&s.jsx(fM,{inviteCardTitle:t,inviteCardSubtext:D,primaryColor:j})]}),s.jsx(AM,{onClick:z.inviteCard?o:E,children:z.rules?l||"Got it!":z.inviteCard?g||"Play now!":"Next"})]})},R="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNMTIgOC4xNzIyMkMxMiA4LjI4NzgzIDExLjk3ODEgOC4zOTU1MyAxMS45MzQyIDguNDk1MzNDMTEuODkwMyA4LjU5NTEzIDExLjgyMiA4LjY4OTkyIDExLjcyOTIgOC43Nzk3TDYuMzY5NDkgMTMuOTQzOUM2LjIxNDYyIDE0LjA5NjUgNi4wMjc0MiAxNC4xNzI5IDUuODA3ODcgMTQuMTcyOUM1LjY1NzUyIDE0LjE3MjkgNS41MjE5MSAxNC4xMzc5IDUuNDAxMDQgMTQuMDY3OUM1LjI4MDE2IDEzLjk5OCA1LjE4MzEgMTMuOTAzOSA1LjEwOTg2IDEzLjc4NTZDNS4wMzY2MiAxMy42NjczIDUgMTMuNTM0NSA1IDEzLjM4NzNDNSAxMy4xNzIxIDUuMDgyODggMTIuOTgxOCA1LjI0ODYzIDEyLjgxNjRMMTAuMDgwNyA4LjE3MDk1TDUuMjQ4NjMgMy41Mjc5OUM1LjA4Mjg4IDMuMzY0MjUgNSAzLjE3NDM5IDUgMi45NTg0MUM1IDIuODExMTggNS4wMzY2MiAyLjY3ODQyIDUuMTA5ODYgMi41NjAxM0M1LjE4MzEgMi40NDE4MyA1LjI4MDE2IDIuMzQ3NzEgNS40MDEwNCAyLjI3Nzc3QzUuNTIxOTEgMi4yMDc4MiA1LjY1NzUyIDIuMTcyODUgNS44MDc4NyAyLjE3Mjg1QzYuMDI3NDIgMi4xNzI4NSA2LjIxNDYyIDIuMjQ3MzEgNi4zNjk0OSAyLjM5NjI0TDExLjcyOTIgNy41NjQ3M0MxMS44MjExIDcuNjU0NTEgMTEuODg5IDcuNzQ5MDkgMTEuOTMyOSA3Ljg0ODQ2QzExLjk3NjggNy45NDc4NCAxMS45OTkxIDguMDU1NzYgMTIgOC4xNzIyMloiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K";const RM=e("div")({name:"t",class:"t17nz8ux",propsAsIs:!1}),GM=e("div")({name:"n",class:"n1u54wlf",propsAsIs:!1}),PM=e("img")({name:"r",class:"rojjpd",propsAsIs:!1}),WM=e("div")({name:"i",class:"ida2tpm",propsAsIs:!1}),$M=e("div")({name:"p",class:"pay8wzv",propsAsIs:!1}),VM=e("div")({name:"s",class:"s1xmex89",propsAsIs:!1}),BM=e("button")({name:"a",class:"a1ksbvx7",propsAsIs:!1}),HM=e("button")({name:"c",class:"c132s999",propsAsIs:!1}),_M=e("img")({name:"d",class:"dfhamq6",propsAsIs:!1}),JM=e("span")({name:"l",class:"l1o13i2d",propsAsIs:!1}),qM=e("span")({name:"x",class:"xtuia28",propsAsIs:!1}),FM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBvbGwiPgo8cGF0aCBpZD0iTm90aWZpY2F0aW9uL0ljb24vUG9sbCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NzggMS42ODQyMVY1LjA1MjYzSDEzLjMzMzNDMTMuODI0MyA1LjA1MjYzIDE0LjIyMjIgNC42NzU2MSAxNC4yMjIyIDQuMjEwNTNWMi41MjYzMkMxNC4yMjIyIDIuMDYxMjMgMTMuODI0MyAxLjY4NDIxIDEzLjMzMzMgMS42ODQyMUg5Ljc3NzhaTTIuNjY2NjcgMEMxLjE5MzkxIDAgMCAxLjEzMTA3IDAgMi41MjYzMlY0LjIxMDUzQzAgNS42MDU3NyAxLjE5MzkxIDYuNzM2ODQgMi42NjY2NyA2LjczNjg0SDEzLjMzMzNDMTQuODA2MSA2LjczNjg0IDE2IDUuNjA1NzcgMTYgNC4yMTA1M1YyLjUyNjMyQzE2IDEuMTMxMDcgMTQuODA2MSAwIDEzLjMzMzMgMEgyLjY2NjY3Wk00LjQ0NDQ2IDEwLjk0NzNIMTMuMzMzM0MxMy44MjQzIDEwLjk0NzMgMTQuMjIyMiAxMS4zMjQzIDE0LjIyMjIgMTEuNzg5NFYxMy40NzM2QzE0LjIyMjIgMTMuOTM4NyAxMy44MjQzIDE0LjMxNTcgMTMuMzMzMyAxNC4zMTU3SDQuNDQ0NDZWMTAuOTQ3M1pNMCAxMS43ODk0QzAgMTAuMzk0MiAxLjE5MzkxIDkuMjYzMSAyLjY2NjY3IDkuMjYzMUgxMy4zMzMzQzE0LjgwNjEgOS4yNjMxIDE2IDEwLjM5NDIgMTYgMTEuNzg5NFYxMy40NzM2QzE2IDE0Ljg2ODkgMTQuODA2MSAxNS45OTk5IDEzLjMzMzMgMTUuOTk5OUgyLjY2NjY3QzEuMTkzOTEgMTUuOTk5OSAwIDE0Ljg2ODkgMCAxMy40NzM2VjExLjc4OTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9nPgo8L3N2Zz4K",XM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1ByZWRpY2l0b24iPgo8cGF0aCBpZD0iSWNvbi9QcmVkaWN0aW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDcuMDA1MjJDMTYgNy4wMDUyMiA5LjIwMDQ4IDYuODE2MDcgOS4yMDA0OCAwQzkuMjAwNDggNi4zNjE2OCAzLjI3NzI5IDYuOTUwNTYgMi40ODc1NiA3LjAwMDc4TDIuNDAwOTQgNy4wMDUyMkMyLjQwMDk0IDcuMDA1MjIgOS4yMDA0OCA3LjE5NDM1IDkuMjAwNDggMTQuMDEwNEM5LjIwMDQ4IDcuNjQ4NzcgMTUuMTIzNCA3LjA1OTg5IDE1LjkxMzEgNy4wMDk2NEwxNiA3LjAwNTIyWk02Ljk3MzgyIDEyLjU2NTJDNi45NzM4MiAxMi41NjUyIDMuNDg2OTEgMTIuNDcyNCAzLjQ4NjkxIDkuMTMwMzNDMy40ODY5MSAxMi4yNDk2IDAuNDQ5NDAyIDEyLjUzODQgMC4wNDQ0MTg2IDEyLjU2M0wwIDEyLjU2NTJDMCAxMi41NjUyIDMuNDg2OTEgMTIuNjU3OSAzLjQ4NjkxIDE2QzMuNDg2OTEgMTIuODgwNyA2LjUyNDI5IDEyLjU5MiA2LjkyOTI3IDEyLjU2NzNMNi45NzM4MiAxMi41NjUyWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==",KM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1RyaXZpYSI+CjxwYXRoIGlkPSJOb3RpZmljYXRpb24vSWNvbi9Ucml2aWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4wMTY2MyAxLjM4MDhDMC43Mzk5MTMgMS41NTU4NiAtMC4xNTMxNTMgMi43MzI3NiAwLjAyMTkxMiA0LjAwOTQ4TDEuMzgwOCAxMy45MTk2QzEuNTU1ODYgMTUuMTk2MyAyLjczMjc2IDE2LjA4OTQgNC4wMDk0OCAxNS45MTQzTDEzLjkxOTYgMTQuNTU1NEMxNS4xOTYzIDE0LjM4MDMgMTYuMDg5NCAxMy4yMDM0IDE1LjkxNDMgMTEuOTI2N0wxNC41NTU0IDIuMDE2NjNDMTQuMzgwMyAwLjczOTkxMyAxMy4yMDM0IC0wLjE1MzE1MyAxMS45MjY3IDAuMDIxOTEyTDIuMDE2NjMgMS4zODA4Wk05LjU5NjEzIDMuNzg4QzkuMTE0MzEgMy40Njk5MSA4LjQ3ODEzIDMuMzAxNTEgNy43NTY2IDMuMzAxNTFDNy41NDM3NyAzLjMwMTUxIDcuMzI2MjUgMy4zMTY3MSA3LjEwODcyIDMuMzQ0NzhDNi4zODgzNiAzLjQ0MDY3IDUuNjg5MDEgMy43OTAzNCA1LjE4OTY1IDQuMzAxMzhDNC42ODQ0NSA0LjgyMDYyIDQuNDM3NyA1LjQ1NTYzIDQuNTE3MjIgNi4wNDE1MUM0LjU3NDUyIDYuNDc0MiA0LjkwMDc4IDYuNzUzNyA1LjM0NjM1IDYuNzUzN0M1LjM5NDI5IDYuNzUzNyA1LjQ0MzQxIDYuNzUwMiA1LjQ5MTM2IDYuNzQ0MzVDNi4wODc3OCA2LjY2NDgzIDYuMjE2NDIgNi4yNTQzNiA2LjM0MDM2IDUuODU2NzVMNi4zNDA0NSA1Ljg1NjQ4QzYuNDgxOTIgNS40MDQwMSA2LjYxNTM0IDQuOTc3MzEgNy4zODU4NSA0Ljg3NDQ0QzcuNDY1MzcgNC44NjM5MSA3LjU0MTM4IDQuODU4MDYgNy42MTUwNiA0Ljg1ODA2QzguMTY5MzkgNC44NTgwNiA4LjUxNDM2IDUuMTUwNDIgOC41ODQ1NCA1LjY4MjUyQzguNjUzNTMgNi4yMDI5MyA4LjI0MzA3IDYuNjE4MDcgNy44MDY4NCA3LjA1NjZMNy44MDM5MyA3LjA1OTU0QzcuMzE1ODIgNy41NTIzMSA2Ljc2MzkgOC4xMDk1IDYuODY4OTUgOC45MDA4M0M2Ljg5NTg1IDkuMTA1NDggNi45ODU5IDkuMjk0OTMgNy4xMjI3MiA5LjQzNjQ0QzcuMjc4MjYgOS41OTkgNy40ODI5IDkuNjg0MzYgNy43MTMzMSA5LjY4NDM2QzcuNzU1NDEgOS42ODQzNiA3Ljc5ODY4IDkuNjgyMDMgNy44NDMxMSA5LjY3NjE4QzguNDY2OTEgOS41OTMyNCA4LjU1MTYyIDkuMjMxMzkgOC42MzMzOCA4Ljg4MjFMOC42MzM2NSA4Ljg4MDk3TDguNjM2NjEgOC44Njg1OUM4LjY2NzIzIDguNzQwMyA4LjY5ODc3IDguNjA4MTMgOC43NTk5NSA4LjQ4ODA0QzguODQ2NDkgOC4zMTYxMyA5LjA2MjgzIDguMTEyNjUgOS4zMTQyOCA3Ljg3ODc1QzkuOTE0MiA3LjMxODU4IDEwLjczNCA2LjU1MTQzIDEwLjU4MiA1LjQxNTg5QzEwLjQ4NzIgNC43MDYwMyAxMC4xNTUxIDQuMTU3NTcgOS41OTYxMSAzLjc4ODAyTDkuNTk2MTMgMy43ODhaTTguMTE2MDUgMTAuMjhDOC4wNjkyNyAxMC4yOCA4LjAyMTMyIDEwLjI4MzYgNy45NzQ1NCAxMC4yODk0QzcuMzgzOTYgMTAuMzY4OSA2Ljk2NzY1IDEwLjkxMjcgNy4wNDU5OSAxMS41MDMzQzcuMTE3MzMgMTIuMDM3NyA3LjU3ODA4IDEyLjQ0MTIgOC4xMTcyIDEyLjQ0MTJDOC4xNjM5NyAxMi40NDEyIDguMjExOTIgMTIuNDM3NyA4LjI1OTg3IDEyLjQzMThDOC44NTA0NSAxMi4zNTIzIDkuMjY1NiAxMS44MDg1IDkuMTg4NDIgMTEuMjE3OUM5LjExNTkxIDEwLjY4MjMgOC42NTUxNyAxMC4yOCA4LjExNjA1IDEwLjI4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==",se="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjQzMTUgMy4xODI0Nkw1LjUzMzIxIDExLjA4MDhMMS45OTc3MSA3LjU0NTI3QzEuNTQwNTYgNy4wODgxMSAwLjc5OTkxMyA3LjA4ODExIDAuMzQyODY0IDcuNTQ1MjdDLTAuMTE0Mjg4IDguMDAyNDIgLTAuMTE0Mjg4IDguNzQzMDcgMC4zNDI4NjQgOS4yMDAxMUw0LjcwNTY3IDEzLjU2MjlDNC45MzMzMSAxMy43OTA2IDUuMjM0MTUgMTMuOTA2MyA1LjUzMzA3IDEzLjkwNjNDNS44MzIwMiAxMy45MDYzIDYuMTMwOTYgMTMuNzkyNCA2LjM2MDQ4IDEzLjU2MjlMMTUuMDg2MSA0LjgzNzMxQzE1LjU0MzIgNC4zODAxNiAxNS41NDMyIDMuNjM5NTEgMTUuMDg2MSAzLjE4MjQ2QzE0LjYyOSAyLjcyNTMxIDEzLjg4ODQgMi43MjUzMSAxMy40MzEyIDMuMTgyNDZIMTMuNDMxNVoiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K",Me="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIyIiB5PSIwLjUwNjEwNCIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDIgMC41MDYxMDQpIiBmaWxsPSIjOWUwYTFmIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB4PSIwLjMzMzAwOCIgeT0iMTIuMTcyOSIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwLjMzMzAwOCAxMi4xNzI5KSIgZmlsbD0iIzllMGExZiIvPgo8L2c+Cjwvc3ZnPgo=",ee={[u.QuestionType.POLL]:{label:"Poll",icon:FM},[u.QuestionType.TRIVIA]:{label:"Trivia",icon:KM},[u.QuestionType.PREDICTION]:{label:"Prediction",icon:XM}},ie={[u.PickHistoryStatus.LOST]:Me,[u.PickHistoryStatus.WON]:se,[u.PickHistoryStatus.UNSET]:R,[u.PickHistoryStatus.DNP]:R},ae=({questionId:M,questionType:a,questionStatus:i,subject:n,openForVoting:N,openQuestion:c,status:l})=>{const I=ee[a];return I===void 0?null:s.jsxs(RM,{onClick:()=>c==null?void 0:c(M),children:[s.jsx(GM,{children:s.jsx(PM,{alt:"question-type-icon",src:I.icon})}),s.jsxs(WM,{children:[s.jsxs($M,{children:[s.jsx(JM,{children:I.label}),a===u.QuestionType.TRIVIA&&i===u.QuestionStatus.RESOLVED&&s.jsx(qM,{children:"Expired"})]}),s.jsx(VM,{children:n||""})]}),N?s.jsx(BM,{children:"play"}):s.jsx(HM,{children:s.jsx(_M,{alt:"question-status-icon",src:ie[l]})})]})};const ne=e("div")({name:"e",class:"e8ssf75",propsAsIs:!1}),Ne=e("div")({name:"i",class:"ipfzbv9",propsAsIs:!1}),ce=e("div")({name:"r",class:"r1wvrsap",propsAsIs:!1}),Ie=({questions:M,openQuestion:a})=>s.jsxs(ne,{children:[s.jsx(Ne,{children:"PICK HISTORY"}),s.jsx(ce,{children:M==null?void 0:M.map(i=>s.jsx(ae,{openQuestion:a,...i},i.questionId))})]}),je=M=>M.split(/\s+/).map(a=>a[0]).join("").toUpperCase();const te=e("div")({name:"o",class:"olehocs",propsAsIs:!1}),le=e("div")({name:"i",class:"i1ver9dm",propsAsIs:!1}),w=({indicator:M,title:a})=>s.jsxs(te,{children:[s.jsx(le,{children:M}),s.jsx("p",{children:a})]});const De=e("div")({name:"t",class:"t1n0sowz",propsAsIs:!1}),re=e("div")({name:"i",class:"i18zsacc",propsAsIs:!1}),oe=e("div")({name:"n",class:"n3vg8dl",propsAsIs:!1}),is=({indicator:M,title:a})=>s.jsxs(De,{children:[s.jsx(re,{children:a}),s.jsx(oe,{children:M})]});const ge=e("div")({name:"t",class:"t1chikdb",propsAsIs:!1}),ue=e("div")({name:"r",class:"r1t2n40g",propsAsIs:!1}),Ae=e("div")({name:"i",class:"i13uvrfl",propsAsIs:!1}),ze=e("div")({name:"n",class:"nrgqxd7",propsAsIs:!1}),de=e("img")({name:"a",class:"a15kmvxx",propsAsIs:!1}),Te=e("div")({name:"p",class:"p1djxvq6",propsAsIs:!1}),xe=e("div")({name:"s",class:"stqrriy",propsAsIs:!1}),ye=e("div")({name:"d",class:"drbrssi",propsAsIs:!1}),Le=e("img")({name:"c",class:"c9zww1n",propsAsIs:!1}),pe=e("div")({name:"l",class:"ld1dtas",propsAsIs:!1}),Oe=e("div")({name:"x",class:"x1lwz1r2",propsAsIs:!1}),Ee=e("div")({name:"f",class:"f1oj6tf9",propsAsIs:!1}),me=e("div")({name:"g",class:"g2lq4wu",propsAsIs:!1}),Se=e("div")({name:"h",class:"hszuw0i",propsAsIs:!1}),Ce=e("button")({name:"m",class:"mk0d3zr",propsAsIs:!1}),we="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjc2OTE2IDMuNTAwMDJDMi43NjkxNiA0LjQ5Nzg2IDIuOTQ3MDUgNS4zODM0OCAzLjMwMjgyIDYuMTU2OTJDMi42MjQ5MyA2LjAxODQ3IDIuMDU4ODMgNS43NDg3MiAxLjYwNDUgNS4zNDc2OEMxLjE1MDE3IDQuOTQ2NjMgMC45MjMwMDggNC41NTk5MiAwLjkyMzAwOCA0LjE4NzUyVjMuNTAwMDJIMi43NjkxNlpNMTEuMDc2OCAzLjUwMDAyVjQuMTg3NTJDMTEuMDc2OCA0LjU1OTkyIDEwLjg0OTcgNC45NDY2MyAxMC4zOTUzIDUuMzQ3NjhDOS45NDEgNS43NDg3MiA5LjM3NDkgNi4wMTg0NyA4LjY5NzAxIDYuMTU2OTJDOS4wNTI3OCA1LjM4MzQ4IDkuMjMwNjYgNC40OTc4NiA5LjIzMDY2IDMuNTAwMDJIMTEuMDc2OFpNMTIgNC4xODc1VjMuMjcwODNDMTIgMy4wNzk4NiAxMS45MzI3IDIuOTE3NTQgMTEuNzk4MSAyLjc4Mzg1QzExLjY2MzUgMi42NTAxNyAxMS41IDIuNTgzMzMgMTEuMzA3NyAyLjU4MzMzSDkuMjMwNzdWMS44OTU4M0M5LjIzMDc3IDEuNTgwNzMgOS4xMTc3OSAxLjMxMDk4IDguODkxODMgMS4wODY1OUM4LjY2NTg2IDAuODYyMTk1IDguMzk0MjMgMC43NSA4LjA3NjkyIDAuNzVIMy45MjMwOEMzLjYwNTc3IDAuNzUgMy4zMzQxNCAwLjg2MjE5NSAzLjEwODE3IDEuMDg2NTlDMi44ODIyMSAxLjMxMDk4IDIuNzY5MjMgMS41ODA3MyAyLjc2OTIzIDEuODk1ODNWMi41ODMzM0gwLjY5MjMwOEMwLjQ5OTk5OSAyLjU4MzMzIDAuMzM2NTM5IDIuNjUwMTcgMC4yMDE5MjMgMi43ODM4NUMwLjA2NzMwNyAyLjkxNzU0IDAgMy4wNzk4NiAwIDMuMjcwODNWNC4xODc1QzAgNC41MjY0OCAwLjA5OTc1ODYgNC44Njc4NCAwLjI5OTI3OSA1LjIxMTU5QzAuNDk4Nzk5IDUuNTU1MzQgMC43NjgwMjcgNS44NjU2NyAxLjEwNjk3IDYuMTQyNThDMS40NDU5MiA2LjQxOTQ5IDEuODYxNzggNi42NTIyMyAyLjM1NDU3IDYuODQwODJDMi44NDczNiA3LjAyOTQxIDMuMzY1MzggNy4xMzU2MyAzLjkwODY1IDcuMTU5NTFDNC4xMTA1OCA3LjQxNzMyIDQuMzM4OTQgNy42NDQxIDQuNTkzNzUgNy44Mzk4NEM0Ljc3NjQ0IDguMDAyMTcgNC45MDI2NCA4LjE3NTI0IDQuOTcyMzYgOC4zNTkwNUM1LjA0MjA3IDguNTQyODYgNS4wNzY5MiA4Ljc1NjUxIDUuMDc2OTIgOUM1LjA3NjkyIDkuMjU3ODEgNS4wMDM2MSA5LjQ3NTA0IDQuODU2OTcgOS42NTE2OUM0LjcxMDM0IDkuODI4MzQgNC40NzU5NiA5LjkxNjY3IDQuMTUzODUgOS45MTY2N0MzLjc5MzI3IDkuOTE2NjcgMy40NzIzNiAxMC4wMjUzIDMuMTkxMTEgMTAuMjQyNUMyLjkwOTg1IDEwLjQ1OTcgMi43NjkyMyAxMC43MzMxIDIuNzY5MjMgMTEuMDYyNVYxMS41MjA4QzIuNzY5MjMgMTEuNTg3NyAyLjc5MDg3IDExLjY0MjYgMi44MzQxMyAxMS42ODU1QzIuODc3NCAxMS43Mjg1IDIuOTMyNjkgMTEuNzUgMyAxMS43NUg5QzkuMDY3MzEgMTEuNzUgOS4xMjI2IDExLjcyODUgOS4xNjU4NiAxMS42ODU1QzkuMjA5MTMgMTEuNjQyNiA5LjIzMDc3IDExLjU4NzcgOS4yMzA3NyAxMS41MjA4VjExLjA2MjVDOS4yMzA3NyAxMC43MzMxIDkuMDkwMTUgMTAuNDU5NyA4LjgwODg5IDEwLjI0MjVDOC41Mjc2NCAxMC4wMjUzIDguMjA2NzMgOS45MTY2NyA3Ljg0NjE1IDkuOTE2NjdDNy41MjQwNCA5LjkxNjY3IDcuMjg5NjYgOS44MjgzNCA3LjE0MzAzIDkuNjUxNjlDNi45OTYzOSA5LjQ3NTA0IDYuOTIzMDggOS4yNTc4MSA2LjkyMzA4IDlDNi45MjMwOCA4Ljc1NjUxIDYuOTU3OTMgOC41NDI4NiA3LjAyNzY0IDguMzU5MDVDNy4wOTczNiA4LjE3NTI0IDcuMjIzNTYgOC4wMDIxNyA3LjQwNjI1IDcuODM5ODRDNy42NjEwNiA3LjY0NDEgNy44ODk0MiA3LjQxNzMyIDguMDkxMzUgNy4xNTk1MUM4LjYzNDYyIDcuMTM1NjMgOS4xNTI2NCA3LjAyOTQxIDkuNjQ1NDMgNi44NDA4MkMxMC4xMzgyIDYuNjUyMjMgMTAuNTU0MSA2LjQxOTQ5IDEwLjg5MyA2LjE0MjU4QzExLjIzMiA1Ljg2NTY3IDExLjUwMTIgNS41NTUzNCAxMS43MDA3IDUuMjExNTlDMTEuOTAwMiA0Ljg2Nzg0IDEyIDQuNTI2NDggMTIgNC4xODc1Wk01LjA3MDMzIDUuMzg0OTFMNi4wMzgzIDQuODc1MDNMNy4wMDYyNyA1LjM4NDkxTDYuODIxNCA0LjMwNDk3TDcuNjA0NTEgMy41NDAxNkw2LjUyMjI4IDMuMzgyNkw2LjAzODMgMi40MDAwM0w1LjU1NDMxIDMuMzgyNkw0LjQ3MjA5IDMuNTQwMTZMNS4yNTUxOSA0LjMwNDk3TDUuMDcwMzMgNS4zODQ5MVoiIGZpbGw9IiNGMkM5NEMiLz4KPC9nPgo8L3N2Zz4K",ke=({avatar:M,name:a,points:i,grade:n,friendsRank:N,globalRank:c,winStreak:l,correct:I,incorrect:j,successRate:t})=>s.jsxs(ge,{children:[s.jsxs(ue,{children:[s.jsxs(ze,{children:[s.jsxs(Ce,{children:[M&&s.jsx(de,{alt:"avatar",src:M}),!M&&s.jsx(Se,{children:je(a)})]}),s.jsxs(Te,{children:[s.jsx(xe,{children:a}),s.jsxs(ye,{children:[s.jsx(Le,{alt:"rank-icon",src:we}),s.jsxs(pe,{children:[s.jsx(Oe,{children:i||"-"}),"RTS"]}),s.jsxs(Ee,{children:["TOP ",n,"%"]})]})]})]}),s.jsxs(me,{children:[s.jsx(is,{title:"Friends rank",indicator:N||"-"}),s.jsx(is,{title:"Global rank",indicator:c||"-"})]})]}),s.jsxs(Ae,{children:[s.jsx(w,{indicator:l||"-",title:"Win streak"}),s.jsx(w,{indicator:I||"-",title:"Correct"}),s.jsx(w,{indicator:j||"-",title:"Incorrect"}),s.jsx(w,{indicator:`${t||"-"}%`,title:"Success rate"})]})]});const he=()=>ds,ds=e("div")({name:"o",class:"ot0wn45",propsAsIs:!1}),Qe=e(he())({name:"t",class:"t1n3ztor",propsAsIs:!0}),as=e("div")({name:"i",class:"iliq035",propsAsIs:!1}),ns=e("button")({name:"n",class:"nltylrn",propsAsIs:!1}),Ns=e("img")({name:"a",class:"all3dh1",propsAsIs:!1}),cs=e("span")({name:"d",class:"d34nlc9",propsAsIs:!1}),Is=e("span")({name:"s",class:"s1n6buvc",propsAsIs:!1}),js=e("div")({name:"c",class:"cl0bp16",propsAsIs:!1}),f=e("div")({name:"l",class:"luzmbpx",propsAsIs:!1}),ts=e("img")({name:"p",class:"p93opx7",propsAsIs:!1}),G="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K",ls="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K",Ue=({icon:M,id:a,title:i,questionId:n,disabled:N,percentage:c,onVote:l,toggleIsLoadingSubmitAnswer:I,correct:j,questionAnswered:t,hasCorrectAnswer:D,answered:g,points:o,questionType:L})=>{var d;return t&&g?s.jsxs(Qe,{"data-answeredCorrect":(d=!D||j)==null?void 0:d.toString(),"data-questionAnswered":"false",children:[s.jsx(as,{style:{width:`${c}%`}}),s.jsxs(ns,{disabled:N,onClick:()=>l(n,a),children:[M&&s.jsx(Ns,{alt:"option-icon",src:M}),s.jsx(cs,{children:i}),s.jsxs(Is,{children:[D&&j&&s.jsx(js,{children:s.jsx(ts,{alt:"icon-correct",src:g?ls:G})}),s.jsxs(f,{children:[c,"%"]})]})]})]}):s.jsxs(ds,{"data-questionAnswered":t==null?void 0:t.toString(),children:[t&&s.jsx(as,{style:{width:`${c}%`}}),s.jsxs(ns,{disabled:N,onClick:()=>{I(!0),l(n,a)},children:[M&&s.jsx(Ns,{alt:"option-icon",src:M}),s.jsx(cs,{children:i}),t?s.jsxs(Is,{children:[D&&j&&s.jsx(js,{children:s.jsx(ts,{alt:"icon-correct",src:g?ls:G})}),s.jsxs(f,{children:[c,"%"]})]}):L===u.QuestionType.PREDICTION?s.jsxs(f,{children:[o," pts"]}):null]})]})};const Ye=e("div")({name:"e",class:"eeu5got",propsAsIs:!1}),be=e("div")({name:"o",class:"o1g94fci",propsAsIs:!1}),ve=e("div")({name:"n",class:"nbe6jrz",propsAsIs:!1}),fe=e("div")({name:"a",class:"a2w5dgc",propsAsIs:!1}),Ze=e("div")({name:"l",class:"l66v9pt",propsAsIs:!1}),Re=e("img")({name:"r",class:"rtvplqt",propsAsIs:!1}),Ge=e("div")({name:"d",class:"d1oe5bin",propsAsIs:!1}),Pe=e("div")({name:"p",class:"p17r7g01",propsAsIs:!1}),We="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC4wMDE5NTMxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGODAwMjIiLz4KPHJlY3QgeD0iOC4yNSIgeT0iNy4wMDE5NSIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcuMDAxOTUpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI3IiB5PSIxNS43NTIiIHdpZHRoPSIxMi4zNzQ0IiBoZWlnaHQ9IjEuNzY3NzciIHJ4PSIwLjg4Mzg4NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcgMTUuNzUyKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",$e=({title:M,questionId:a,options:i,questionAnswered:n,feedbackMessages:N,questionAnsweredCorrectly:c,questionType:l})=>{const[I,j]=r.useState(!1),t=r.useCallback(D=>{j(D)},[j]);return r.useEffect(()=>{t(!1)},[i,t]),s.jsxs(Ye,{children:[s.jsx(be,{children:M}),s.jsxs(ve,{children:[I&&s.jsx(fe,{children:"Loading..."}),i.map(D=>s.jsx(Ue,{toggleIsLoadingSubmitAnswer:t,questionId:a,questionType:l,...D},D.id))]}),n&&l===u.QuestionType.TRIVIA&&s.jsxs(Ze,{children:[s.jsx(Re,{alt:"reaction-to-answer",src:c?G:We}),s.jsxs("div",{children:[s.jsx(Ge,{children:c?N.correctFeedback.title:N.incorrectFeedback.title}),s.jsx(Pe,{children:c?N.correctFeedback.description:N.incorrectFeedback.description})]})]})]})};const Ve=e("div")({name:"n",class:"n1j6bvz0",propsAsIs:!1}),Be=e("div")({name:"r",class:"r14txpvi",propsAsIs:!1}),He=e("img")({name:"e",class:"e1hr8b9s",propsAsIs:!1}),_e=e("div")({name:"i",class:"i1c85wdw",propsAsIs:!1}),Je=e("img")({name:"p",class:"ps7esga",propsAsIs:!1}),qe=e("span")({name:"a",class:"au4baxs",propsAsIs:!1}),Fe=e("div")({name:"s",class:"sx3tnpk",propsAsIs:!1}),Xe=e("div")({name:"c",class:"c9c2rl4",propsAsIs:!1}),Ke=e("button")({name:"d",class:"dbqlu2a",propsAsIs:!1}),si=e("button")({name:"x",class:"x1od79lg",propsAsIs:!1}),Mi=e("img")({name:"g",class:"g26vzgn",propsAsIs:!1}),ei="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIxLjI1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuMjUgMCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB5PSI4Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDguNzUpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=",ii=({close:M,action:a,data:{icon:i,header:n,title:N,subtitle:c,graphicBg:l,sponsorLogo:I}})=>s.jsxs(Ve,{children:[s.jsx(si,{onClick:M,children:s.jsx(Mi,{alt:"icon-close-onboarding-inapp",src:ei})}),s.jsx(Be,{style:{backgroundImage:`url(${l||""})`},children:i&&s.jsx(He,{alt:"onboarding-inapp-icon",src:i})}),s.jsxs(_e,{children:[s.jsxs("div",{children:[s.jsx("div",{children:I?s.jsxs(s.Fragment,{children:[s.jsx(Je,{alt:"sponsor-logo",src:I}),s.jsx(qe,{children:"Presents"})]}):n||""}),s.jsx(Fe,{children:N||""}),s.jsx(Xe,{children:c||""})]}),s.jsx(Ke,{onClick:a,children:"Play"})]})]});const ai=e("div")({name:"r",class:"r1tdfv96",propsAsIs:!1}),ni={[K.NotificationType.ONBOARDING]:ii,[K.NotificationType.QUESTION]:As},Ni=({index:M,total:a,...i})=>{const n=r.useRef(null),N=ni[i.type]||As;return r.useEffect(()=>{n.current!==null&&i.hiding&&n.current.animate([{right:"0"},{right:"-100%"}],{duration:300,fill:"forwards"})},[i.hiding]),s.jsx(ai,{ref:n,style:{zIndex:M+1,transform:`translateY(${100*(a-M-1)}%)`},children:s.jsx(N,{...i})})};const ci=e("div")({name:"o",class:"o1idr02j",propsAsIs:!1}),Ii=({notificationsStore:M})=>{const a=A.useStore(M);return s.jsx(ci,{children:a==null?void 0:a.map((i,n)=>s.jsx(Ni,{index:n,total:a.length,...i},i.id))})},ji=({store:M})=>{var a;const{data:i}=A.useStore(M);return i!=null&&i.summary?s.jsx(ke,{avatar:i.summary.avatar,name:i.summary.name,points:i.summary.points,grade:"0",friendsRank:i.summary.friendsRank,globalRank:i.summary.rank,winStreak:i.summary.streak,correct:i.summary.correct,incorrect:i.summary.incorrect,successRate:(a=i.percentage)==null?void 0:a.average}):s.jsx("div",{children:"wait user..."})},ti=({store:M,openQuestion:a})=>{const i=A.useStore(M);return i!=null&&i.data?s.jsx(Ie,{openQuestion:a,questions:i.data}):s.jsx("div",{children:"wait questions..."})};const li=()=>M=>M.isSuccess?"#f1be1c":"#da3732",Di=e("div")({name:"n",class:"n1fxw72m",propsAsIs:!1}),ri=e("img")({name:"o",class:"on9bd3u",propsAsIs:!1}),oi=e("div")({name:"r",class:"re3sowz",propsAsIs:!1}),gi=e("button")({name:"c",class:"cbcx8j1",propsAsIs:!1}),ui=e("img")({name:"d",class:"ds0zw96",propsAsIs:!1}),Ai=e("div")({name:"p",class:"peenmin",propsAsIs:!1}),Ds=e("div")({name:"a",class:"a146wqa9",propsAsIs:!1,vars:{"a146wqa9-0":[li()]}}),rs=e("img")({name:"s",class:"syetqu",propsAsIs:!1});const zi=e("div")({name:"n",class:"nt57dfc",propsAsIs:!1}),di=e("div")({name:"e",class:"ey71yx3",propsAsIs:!1}),Ti=e("div")({name:"o",class:"oglry7w",propsAsIs:!1}),xi=e("span")({name:"l",class:"l1ixs497",propsAsIs:!1}),yi=e("span")({name:"r",class:"ruurm0v",propsAsIs:!1}),Z=({points:M})=>s.jsxs(zi,{children:[s.jsx(di,{children:"YOU WON"}),s.jsxs(Ti,{children:[s.jsx(xi,{children:M}),s.jsx(yi,{children:"PTS"})]})]}),Li="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJUcm9waHkiPgogICAgICA8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NjkxNiAzLjUwMDAyQzIuNzY5MTYgNC40OTc4NiAyLjk0NzA1IDUuMzgzNDggMy4zMDI4MiA2LjE1NjkyQzIuNjI0OTMgNi4wMTg0NyAyLjA1ODgzIDUuNzQ4NzIgMS42MDQ1IDUuMzQ3NjhDMS4xNTAxNyA0Ljk0NjYzIDAuOTIzMDA4IDQuNTU5OTIgMC45MjMwMDggNC4xODc1MlYzLjUwMDAySDIuNzY5MTZaTTExLjA3NjggMy41MDAwMlY0LjE4NzUyQzExLjA3NjggNC41NTk5MiAxMC44NDk3IDQuOTQ2NjMgMTAuMzk1MyA1LjM0NzY4QzkuOTQxIDUuNzQ4NzIgOS4zNzQ5IDYuMDE4NDcgOC42OTcwMSA2LjE1NjkyQzkuMDUyNzggNS4zODM0OCA5LjIzMDY2IDQuNDk3ODYgOS4yMzA2NiAzLjUwMDAySDExLjA3NjhaTTEyIDQuMTg3NVYzLjI3MDgzQzEyIDMuMDc5ODYgMTEuOTMyNyAyLjkxNzU0IDExLjc5ODEgMi43ODM4NUMxMS42NjM1IDIuNjUwMTcgMTEuNSAyLjU4MzMzIDExLjMwNzcgMi41ODMzM0g5LjIzMDc3VjEuODk1ODNDOS4yMzA3NyAxLjU4MDczIDkuMTE3NzkgMS4zMTA5OCA4Ljg5MTgzIDEuMDg2NTlDOC42NjU4NiAwLjg2MjE5NSA4LjM5NDIzIDAuNzUgOC4wNzY5MiAwLjc1SDMuOTIzMDhDMy42MDU3NyAwLjc1IDMuMzM0MTQgMC44NjIxOTUgMy4xMDgxNyAxLjA4NjU5QzIuODgyMjEgMS4zMTA5OCAyLjc2OTIzIDEuNTgwNzMgMi43NjkyMyAxLjg5NTgzVjIuNTgzMzNIMC42OTIzMDhDMC40OTk5OTkgMi41ODMzMyAwLjMzNjUzOSAyLjY1MDE3IDAuMjAxOTIzIDIuNzgzODVDMC4wNjczMDcgMi45MTc1NCAwIDMuMDc5ODYgMCAzLjI3MDgzVjQuMTg3NUMwIDQuNTI2NDggMC4wOTk3NTg2IDQuODY3ODQgMC4yOTkyNzkgNS4yMTE1OUMwLjQ5ODc5OSA1LjU1NTM0IDAuNzY4MDI3IDUuODY1NjcgMS4xMDY5NyA2LjE0MjU4QzEuNDQ1OTIgNi40MTk0OSAxLjg2MTc4IDYuNjUyMjMgMi4zNTQ1NyA2Ljg0MDgyQzIuODQ3MzYgNy4wMjk0MSAzLjM2NTM4IDcuMTM1NjMgMy45MDg2NSA3LjE1OTUxQzQuMTEwNTggNy40MTczMiA0LjMzODk0IDcuNjQ0MSA0LjU5Mzc1IDcuODM5ODRDNC43NzY0NCA4LjAwMjE3IDQuOTAyNjQgOC4xNzUyNCA0Ljk3MjM2IDguMzU5MDVDNS4wNDIwNyA4LjU0Mjg2IDUuMDc2OTIgOC43NTY1MSA1LjA3NjkyIDlDNS4wNzY5MiA5LjI1NzgxIDUuMDAzNjEgOS40NzUwNCA0Ljg1Njk3IDkuNjUxNjlDNC43MTAzNCA5LjgyODM0IDQuNDc1OTYgOS45MTY2NyA0LjE1Mzg1IDkuOTE2NjdDMy43OTMyNyA5LjkxNjY3IDMuNDcyMzYgMTAuMDI1MyAzLjE5MTExIDEwLjI0MjVDMi45MDk4NSAxMC40NTk3IDIuNzY5MjMgMTAuNzMzMSAyLjc2OTIzIDExLjA2MjVWMTEuNTIwOEMyLjc2OTIzIDExLjU4NzcgMi43OTA4NyAxMS42NDI2IDIuODM0MTMgMTEuNjg1NUMyLjg3NzQgMTEuNzI4NSAyLjkzMjY5IDExLjc1IDMgMTEuNzVIOUM5LjA2NzMxIDExLjc1IDkuMTIyNiAxMS43Mjg1IDkuMTY1ODYgMTEuNjg1NUM5LjIwOTEzIDExLjY0MjYgOS4yMzA3NyAxMS41ODc3IDkuMjMwNzcgMTEuNTIwOFYxMS4wNjI1QzkuMjMwNzcgMTAuNzMzMSA5LjA5MDE1IDEwLjQ1OTcgOC44MDg4OSAxMC4yNDI1QzguNTI3NjQgMTAuMDI1MyA4LjIwNjczIDkuOTE2NjcgNy44NDYxNSA5LjkxNjY3QzcuNTI0MDQgOS45MTY2NyA3LjI4OTY2IDkuODI4MzQgNy4xNDMwMyA5LjY1MTY5QzYuOTk2MzkgOS40NzUwNCA2LjkyMzA4IDkuMjU3ODEgNi45MjMwOCA5QzYuOTIzMDggOC43NTY1MSA2Ljk1NzkzIDguNTQyODYgNy4wMjc2NCA4LjM1OTA1QzcuMDk3MzYgOC4xNzUyNCA3LjIyMzU2IDguMDAyMTcgNy40MDYyNSA3LjgzOTg0QzcuNjYxMDYgNy42NDQxIDcuODg5NDIgNy40MTczMiA4LjA5MTM1IDcuMTU5NTFDOC42MzQ2MiA3LjEzNTYzIDkuMTUyNjQgNy4wMjk0MSA5LjY0NTQzIDYuODQwODJDMTAuMTM4MiA2LjY1MjIzIDEwLjU1NDEgNi40MTk0OSAxMC44OTMgNi4xNDI1OEMxMS4yMzIgNS44NjU2NyAxMS41MDEyIDUuNTU1MzQgMTEuNzAwNyA1LjIxMTU5QzExLjkwMDIgNC44Njc4NCAxMiA0LjUyNjQ4IDEyIDQuMTg3NVpNNS4wNzAzMyA1LjM4NDkxTDYuMDM4MyA0Ljg3NTAzTDcuMDA2MjcgNS4zODQ5MUw2LjgyMTQgNC4zMDQ5N0w3LjYwNDUxIDMuNTQwMTZMNi41MjIyOCAzLjM4MjZMNi4wMzgzIDIuNDAwMDNMNS41NTQzMSAzLjM4MjZMNC40NzIwOSAzLjU0MDE2TDUuMjU1MTkgNC4zMDQ5N0w1LjA3MDMzIDUuMzg0OTFaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogIDwvc3ZnPgo=",pi="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik01LjUgMi43ODg2N1YxMi40MTM3QzUuNSAxMy4xNzI5IDQuODg0MjYgMTMuNzUgNC4xMjUgMTMuNzVIMS4zNzVDMC42MTU3NDIgMTMuNzUgMCAxMy4xMzQzIDAgMTIuNDEzN1YyLjgyNzM0QzAgMi4wNjgwOCAwLjYxNTc0MiAxLjQ5MTAyIDEuMzc1IDEuNDkxMDJINC4xMjVDNC44ODU1NSAxLjQxMzY3IDUuNSAxLjk5Mzc1IDUuNSAyLjc4ODY3Wk0yMiAxMi4zNzA3QzIyIDEzLjUwOTQgMjEuMDc3IDE0LjQzMjMgMTkuOTM3NSAxNC40MzIzSDEzLjY0MjZDMTQuNjIxIDE2LjA2MTMgMTUuMTI1OSAxNy45MDc3IDE1LjEyNTkgMTguNTU4MkMxNS4xMjUgMTkuNTcxNCAxNC4zMzAxIDIwLjYyNSAxMi45OTggMjAuNjI1QzEwLjI4NTQgMjAuNjI1IDExLjg2NTQgMTcuMzUyOSA4LjM0ODgzIDE0LjU0MDZMNy42NDg0NCAxMy45ODJDNy4xNDE0MSAxMy41NzM4IDYuODgzNTkgMTIuOTc2NiA2Ljg3OTMgMTIuMzc1QzYuODc4MjkgMTIuMzc0IDYuODc5MyAxMi4zNzUgNi44NzkzIDEyLjM3NUw2Ljg3NSA1LjVDNi44NzUgNC44NTExNyA3LjE4MDY0IDQuMjM5NzMgNy43IDMuODUwNDNMOS4xNjY5NSAyLjc1MDg2QzEwLjM1NTUgMS44NTYyNSAxMS44MDM1IDEuMzc1IDEzLjI5MDIgMS4zNzVIMTUuODEyNUMxNi45NTIgMS4zNzUgMTcuODc1IDIuMjk3NTQgMTcuODc1IDMuNDM2NjRDMTcuODc1IDMuNTkyODMgMTcuODU0NCAzLjc0MzU3IDE3LjgyMTUgMy44ODk5NkMxOC42NDg0IDQuMTU5MzcgMTkuMjUgNC45MjQyMiAxOS4yNSA1Ljg0Mzc1QzE5LjI1IDYuMjM2ODMgMTkuMTM0MSA2LjYwMDQzIDE4Ljk0MzIgNi45MTI4MUMxOS44OTg4IDcuMDg5ODQgMjAuNjI1IDcuOTI3NzMgMjAuNjI1IDguOTMzMkMyMC42MjUgOS40NzAzMSAyMC40MTQ4IDkuOTU1IDIwLjA3ODQgMTAuMzIyQzIxLjE0OTIgMTAuMzk0MSAyMiAxMS4yNzkzIDIyIDEyLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvc3ZnPgo=",Oi=({logo:M,points:a,questionAnswered:i,questionAnsweredCorrectly:n,questionType:N,closeQuestion:c,setTimeToExpire:l})=>{const I=!i&&N!==u.QuestionType.PREDICTION,j=i&&N===u.QuestionType.TRIVIA,t=j&&n,D=j&&!n,g=i&&N===u.QuestionType.PREDICTION;return s.jsxs(Di,{children:[s.jsxs(oi,{children:[s.jsxs(Ai,{children:[I&&s.jsx(zs,{setTimeToExpire:l}),t&&s.jsxs(s.Fragment,{children:[s.jsx(Z,{points:a}),s.jsx(Ds,{isSuccess:!0,children:s.jsx(rs,{alt:"reaction-icon",src:Li})})]}),D&&s.jsxs(s.Fragment,{children:[s.jsx(Z,{points:0}),s.jsx(Ds,{isSuccess:!1,children:s.jsx(rs,{alt:"reaction-icon",src:pi})})]}),g&&s.jsx(Z,{points:a})]}),s.jsx(gi,{onClick:c,children:s.jsx(ui,{alt:"exit-icon",src:k})})]}),M&&s.jsx(ri,{src:M})]})};const Ei="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA2OCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuNjE1NSA3LjQ0MTQ2SDUwLjcwNjZMNTYuMzA3MiAxMy44NjE1TDUwLjcwNjYgMjAuMjgwNUg1Ni40MzU3TDU5LjE1ODcgMTcuMTM3TDYxLjkwNjggMjAuMjgwNUg2Ny44NEw2Mi4xOSAxMy44MzQ4TDY3Ljc2MzYgNy40NDE0Nkg2Mi4wNjA2TDU5LjM4OTcgMTAuNTYwMkw1Ni42MTU1IDcuNDQxNDZaTTYyLjI3MjEgNy45MTY1OUw1OS4zOTY0IDExLjI3NDdMNTYuNDA5MiA3LjkxNjU5SDUxLjc0NDZMNTYuOTMwNyAxMy44NjE1TDUxLjc0NDcgMTkuODA1NEg1Ni4yMjU3TDU5LjE1NzEgMTYuNDIxM0w2Mi4xMTU2IDE5LjgwNTRINjYuNzk4N0w2MS41NjYgMTMuODM1N0w2Ni43MjYxIDcuOTE2NTlINjIuMjcyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDQuMzYzNSA3LjQ0MTQ2VjQuNTY0MDZINTAuNzA2NlYwLjA1NTk5OThIMzkuNzAyVjIwLjI4MDVINTAuNzA2NlYxNS43NjAxSDQ0LjM2MzVWMTEuNzc5NEg1MC43MDY2VjcuNDQxNDZINDQuMzYzNVpNNTAuMjQwOCA3LjkxNjU5SDQzLjg5NzhWNC4wODg5M0g1MC4yNDA4VjAuNTMxMTMySDQwLjE2NzhWMTkuODA1NEg1MC4yNDA4VjE2LjIzNTJINDMuODk3OFYxMS4zMDQzSDUwLjI0MDhWNy45MTY1OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNS4wNiAwLjA1NTk5OThWOC4zMzI4MUgzNS4wMDg3QzMzLjk4MDMgNy4xMjc4NyAzMi42OTY2IDYuNzA4ODEgMzEuMjA3IDYuNzA4ODFDMjguMTU1MiA2LjcwODgxIDI1Ljg1NjEgOC44MjYgMjUuMDQ5MyAxMS42MjM2QzI0LjEyOCA4LjU0MDkyIDIxLjc1NDQgNi42NTA4NCAxOC4yMzQ5IDYuNjUwODRDMTUuMzc2OSA2LjY1MDg0IDEzLjExOTcgNy45NTkzNiAxMS45NDIyIDEwLjA5MThWNy40NDE0Nkg2LjAzNDE2VjQuNTY0MDZIMTIuNDgxNVYwLjA1NTk5OThIMC43NjgwMDVWMjAuMjgwNUg2LjAzNDE2VjExLjc3OTRIMTEuMjgzNkMxMS4xMjcgMTIuNDAzNyAxMS4wNDMyIDEzLjA3MjcgMTEuMDQzMiAxMy43Nzg4QzExLjA0MzIgMTcuOTk3IDE0LjIwMzEgMjAuOTU4IDE4LjIzNDkgMjAuOTU4QzIxLjYyNTggMjAuOTU4IDIzLjg2MDcgMTkuMzM0IDI1LjA0MTkgMTYuMzc0SDIwLjUyODRDMTkuOTE4MyAxNy4yNjQ0IDE5LjQ1NTMgMTcuNTI3NiAxOC4yMzQ5IDE3LjUyNzZDMTYuODE5OSAxNy41Mjc2IDE1LjU5OTUgMTYuMjY4NSAxNS41OTk1IDE0Ljc3NTZIMjQuNzg5NEMyNS4xODgxIDE4LjEyNjIgMjcuNzQ3MiAyMS4wMTYgMzEuMjU4MiAyMS4wMTZDMzIuNzczIDIxLjAxNiAzNC4xNjAxIDIwLjI1NTggMzUuMDA3OCAxOC45NzI5SDM1LjA1OVYyMC4yODI0SDM5LjcwMUwzOS43MDIgMC4wNTU5OTk4SDM1LjA2Wk0xNS43NDY3IDExLjgzOTNDMTYuMDM5MiAxMC41NTQ1IDE3LjAxNjQgOS43MTU0NSAxOC4yMzU4IDkuNzE1NDVDMTkuNTc4MiA5LjcxNTQ1IDIwLjUwNTEgMTAuNTI4OSAyMC43NDkyIDExLjgzOTNDMjAuODUxNyAxMS44MzkzIDE1Ljc0NjcgMTEuODM5MyAxNS43NDY3IDExLjgzOTNaTTMyLjI0MiAxNy4yMDE2QzMwLjUzMDcgMTcuMjAxNiAyOS40NjY4IDE1LjU3NDggMjkuNDY2OCAxMy44NzY3QzI5LjQ2NjggMTIuMDYxNyAzMC4zOTE5IDEwLjMxNiAzMi4yNDIgMTAuMzE2QzM0LjE2MDEgMTAuMzE2IDM0LjkyNCAxMi4wNjE3IDM0LjkyNCAxMy44NzY3QzM0LjkyNCAxNS41OTc2IDM0LjExNDQgMTcuMjAxNiAzMi4yNDIgMTcuMjAxNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==",mi=e("div")({name:"w",class:"w1rk8z17",propsAsIs:!1}),Si=({openedQuestion:M,closeQuestion:a,vote:i})=>{var n;const[N,c]=r.useState(!1),l=r.useCallback(t=>{c(t)},[c]),I=r.useMemo(()=>M==null?void 0:M.answers.find(t=>t.youVoted===!0),[M]),j=r.useMemo(()=>!!(M!=null&&M.answers.find(t=>t.correct===!0)),[M]);return M?s.jsx(mi,{children:s.jsxs("div",{children:[s.jsx(Oi,{points:(I==null?void 0:I.points)||0,questionAnswered:!!I,questionAnsweredCorrectly:I==null?void 0:I.correct,logo:Ei,closeQuestion:a,setTimeToExpire:l,questionType:M.type}),s.jsx("div",{children:s.jsx($e,{title:M.subject,feedbackMessages:(n=M.options)==null?void 0:n.options.value,questionType:M.type,questionId:M.id,questionAnswered:!!I,questionAnsweredCorrectly:I==null?void 0:I.correct,options:M.answers.map(t=>({id:t.id,title:t.text,icon:t.icon,type:M.type,correct:t.correct,percentage:t.percentage,answered:t.youVoted,disabled:!!I||M.marketClosed||N,questionAnswered:!!I,hasCorrectAnswer:j,points:t.points,onVote:i}))})})]})}):null};const Ci=e("div")({name:"e",class:"eedzx0f",propsAsIs:!1}),wi=e("div")({name:"o",class:"o10jx8gg",propsAsIs:!1}),ki=e("div")({name:"n",class:"n1fzu0h9",propsAsIs:!1}),hi=e("img")({name:"r",class:"r1s6khgr",propsAsIs:!1}),Qi=e("img")({name:"l",class:"luvepij",propsAsIs:!1}),Ui=e("img")({name:"s",class:"shqj61j",propsAsIs:!1}),Yi=e("div")({name:"p",class:"pnpvkmh",propsAsIs:!1}),bi=e("img")({name:"a",class:"acyca7o",propsAsIs:!1});const vi=e("div")({name:"e",class:"e84mc5e",propsAsIs:!1}),fi=e("div")({name:"t",class:"t1thn6vl",propsAsIs:!1});const Zi=e("div")({name:"o",class:"o2stbtz",propsAsIs:!1}),os=e("button")({name:"n",class:"nzjdttj",propsAsIs:!1}),Ri=e("img")({name:"r",class:"r1182zem",propsAsIs:!1});const Gi=e("div")({name:"t",class:"tp9a9yw",propsAsIs:!1}),Pi=e("img")({name:"e",class:"e6f0nxr",propsAsIs:!1}),Wi=e("div")({name:"n",class:"n3f26h",propsAsIs:!1}),$i=e("div")({name:"r",class:"r9zbwh8",propsAsIs:!1}),Vi=e("div")({name:"d",class:"dvhlsdp",propsAsIs:!1}),Bi=e("a")({name:"c",class:"c9m83to",propsAsIs:!1}),Hi=e("img")({name:"l",class:"l2itzu1",propsAsIs:!1});const O=e("div")({name:"e",class:"e1qdkuad",propsAsIs:!1}),_i=e("div")({name:"i",class:"i1xpziqe",propsAsIs:!1}),Ji=e("div")({name:"r",class:"r1yl384u",propsAsIs:!1}),qi=e("div")({name:"n",class:"n1q9p5hx",propsAsIs:!1}),gs=e("button")({name:"a",class:"ark1jkg",propsAsIs:!1}),Fi=({gamification:M,sdk:a})=>{var i,n,N,c,l,I,j,t,D,g,o,L,d,x,z,T,E,p,H,_,J,q,F;const xs=A.useStore(M.status),ys=A.useStore(M.onboardingStatus),X=A.useStore(M.openedQuestion),{slStreamId:C}=A.useStore(a.sdkStore),y=A.useStore(M.featureSettings);if(xs!==S.FeatureStatus.Ready)return s.jsx("div",{children:"wait..."});if(C!=null&&C.loading)return s.jsx(O,{children:s.jsx("div",{children:"Event is loading"})});if(!(C!=null&&C.data))return s.jsx(O,{children:s.jsx("div",{children:"Event is forbidden"})});if(!ys)return s.jsx(O,{children:s.jsx(ZM,{closeFeature:a.closeFeature,gamification:M,steps:(n=(i=y.inplayGame)==null?void 0:i.onboarding)==null?void 0:n.steps,gameIcon:(l=(c=(N=y.inplayGame)==null?void 0:N.overview)==null?void 0:c.media)==null?void 0:l.gameIcon,sponsorLogo:(t=(j=(I=y.inplayGame)==null?void 0:I.overview)==null?void 0:j.media)==null?void 0:t.sponsorLogo,rules:(g=(D=y.inplayGame)==null?void 0:D.rules)==null?void 0:g.rules,rulesBtnLabel:(L=(o=y.inplayGame)==null?void 0:o.rules)==null?void 0:L.buttonLabel,rulesTitle:(x=(d=y.inplayGame)==null?void 0:d.rules)==null?void 0:x.heading,primaryColor:(E=(T=(z=y.inplayGame)==null?void 0:z.overview)==null?void 0:T.appearance)==null?void 0:E.primaryColor,inviteCardTitle:(H=(p=y.inplayGame)==null?void 0:p.inviteCard)==null?void 0:H.heading,inviteCardSubtext:(J=(_=y.inplayGame)==null?void 0:_.inviteCard)==null?void 0:J.subtext,inviteCardBtnLabel:(F=(q=y.inplayGame)==null?void 0:q.inviteCard)==null?void 0:F.buttonLabel})});const Ls=h=>{M.openQuestion(h)},ps=()=>{M.closeQuestion()},Os=(h,Es)=>{M.submitAnswer(h,Es)};return s.jsxs(O,{children:[s.jsx(_i,{children:M.userSummary&&s.jsx(ji,{store:M.userSummary.getStore()})}),s.jsxs(Ji,{children:[M.questions&&s.jsx(ti,{openQuestion:Ls,store:M.questions.getStore()}),X&&s.jsx(Si,{closeQuestion:ps,vote:Os,openedQuestion:X})]})]})},Xi=(M,a)=>{switch(M){case u.QuestionImages.ROUNDED:return s.jsx(Qi,{alt:"insight-icon",src:a});case u.QuestionImages.TRANSPARENT:return s.jsx(Ui,{alt:"insight-icon",src:a});case u.QuestionImages.CENTERED:return s.jsx(hi,{alt:"insight-icon",src:a});default:return null}},Ki=({title:M,image:a,questionId:i,imageMode:n,openInsight:N})=>s.jsxs(Ci,{onClick:()=>N(i),children:[s.jsx(ki,{children:a&&Xi(n,a)}),s.jsxs(wi,{children:[s.jsx(Yi,{children:M||""}),s.jsx(bi,{alt:"next-icon",src:R})]})]}),sa=({insights:M,openInsight:a})=>s.jsx(vi,{children:s.jsx(fi,{children:M==null?void 0:M.map(i=>s.jsx(Ki,{openInsight:a,...i},i.questionId))})}),Ma=({highlights:M,store:a})=>{const{data:i}=A.useStore(a);return i?s.jsx(sa,{insights:i,openInsight:M.openHighlight}):s.jsx("div",{children:"wait insights..."})},ea="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==",ia=({icon:M,comeBack:a,close:i})=>s.jsxs(Zi,{children:[s.jsxs("div",{children:[a&&s.jsx(os,{onClick:a,children:s.jsx("img",{alt:"header-back-icon",src:ea})}),M&&s.jsx(Ri,{alt:"header-icon",src:M})]}),s.jsx("div",{children:i&&s.jsx(os,{onClick:i,children:s.jsx("img",{alt:"header-close-icon",src:k})})})]}),aa="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2MtQU5kc04ga1RWV0pFIj48cGF0aCBkPSJNNi42NjY1IDMuMTY2NjlINC45OTk4NEM0LjI2MzQ2IDMuMTY2NjkgMy42NjY1IDMuNzYzNjQgMy42NjY1IDQuNTAwMDJWMTEuNUMzLjY2NjUgMTIuMjM2NCA0LjI2MzQ2IDEyLjgzMzQgNC45OTk4NCAxMi44MzM0SDExLjk5OThDMTIuNzM2MiAxMi44MzM0IDEzLjMzMzIgMTIuMjM2NCAxMy4zMzMyIDExLjVWOS44MzMzNSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEzLjMzMzUgNi4xNjY2OVYzLjE2NjY5SDEwLjMzMzUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy4xNjY4IDMuMzMzMzFMOC4zMzM1IDguMTY2NjUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPgo=",na=({image:M,title:a,description:i,webLinkLabel:n,webLink:N,closeHighlights:c,closeInsight:l})=>s.jsxs(Gi,{children:[s.jsx(ia,{close:c,comeBack:l}),M&&s.jsx(Pi,{alt:"detail-insight-image",src:M}),s.jsxs(Wi,{children:[a&&s.jsx($i,{children:a}),i&&s.jsx(Vi,{children:i})]}),N&&n&&s.jsxs(Bi,{href:N,target:"_blank",children:[n,s.jsx(Hi,{alt:"link-icon",src:aa})]})]}),Na=({openedInsight:M,closeHighlights:a,closeInsight:i})=>{var n,N,c,l,I;const j=((n=M.options)==null?void 0:n.options.case)==="factoid"?{image:M.options.options.value.image,body:M.options.options.value.body,webLink:(N=M.options.options.value.webLink)==null?void 0:N.url,webLinkLabel:(c=M.options.options.value.webLink)==null?void 0:c.label}:{},t=M.subject||((l=M.notification)==null?void 0:l.title),D=j.body||((I=M.notification)==null?void 0:I.body);return s.jsx(na,{image:j.image,title:t,description:D,webLink:j.webLink,webLinkLabel:j.webLinkLabel,closeInsight:i,closeHighlights:a})},ca=({highlights:M,sdk:a})=>{const i=A.useStore(M.status),n=A.useStore(M.openedInsight),{slStreamId:N}=A.useStore(a.sdkStore);return i!==S.FeatureStatus.Ready?s.jsx("div",{children:"wait..."}):N!=null&&N.loading?s.jsx(O,{children:s.jsx("div",{children:"Event is loading"})}):N!=null&&N.data?M.insights===void 0?s.jsx("div",{children:"wait insights..."}):s.jsxs(O,{children:[!n&&s.jsx(Ma,{highlights:M,store:M.insights.getStore()}),n&&s.jsx(Na,{openedInsight:n,closeHighlights:M.closeFeature,closeInsight:M.closeHighlight})]}):s.jsx(O,{children:s.jsx("div",{children:"Event is forbidden"})})},Ia=({sdk:M})=>s.jsx(cM,{login:async a=>{try{await M.authorizationBypass("streamlayer:streamlayer",a)}catch(i){throw console.log("login err",i),i}},anonymousLogin:M.anonymousAuthorization,host:M.host}),ja=({activeFeature:M,sdk:a})=>{const[i,n]=r.useState(null),{organizationSettings:N,streamSettings:c}=A.useStore(a.sdkStore),l=r.useMemo(()=>{const j=(c==null?void 0:c.data)||(N==null?void 0:N.data);return j!=null&&j.overlays?j.overlays:[]},[N,c]);r.useEffect(()=>{const j=a.getFeatures();if(M)for(const[t,D]of j)t===M?D.status.get()===S.FeatureStatus.Suspended&&(D.enable(),n(D)):D.status.get()===S.FeatureStatus.Ready&&D.disable();else{for(const[,t]of j)t.status.get()===S.FeatureStatus.Ready&&t.disable();n(null)}return()=>{for(const[,t]of j)t.status.get()===S.FeatureStatus.Ready&&t.disable()}},[M,a]);const I=r.useMemo(()=>i?i.featureConfig.get().type===u.FeatureType.GAMES?i?s.jsx("div",{children:s.jsx(Fi,{gamification:i,sdk:a})}):s.jsx("div",{children:"wait gamification..."}):i.featureConfig.get().type===u.FeatureType.HIGHLIGHTS?i?s.jsx("div",{children:s.jsx(ca,{highlights:i,sdk:a})}):s.jsx("div",{children:"wait highlights..."}):s.jsx("div",{children:"unknown feature"}):null,[a,i]);return s.jsxs("div",{children:[s.jsxs(qi,{children:[s.jsx(gs,{onClick:()=>a.logout(),children:"logout"}),l.map(j=>s.jsxs(gs,{onClick:()=>a.openFeature(j.type),disabled:!(j.type in ms.AvailableFeatures),"data-enableSdkButton":j.enableSdkButton.toString(),"data-selected":j.type===M,children:[s.jsx("img",{src:j.icon,alt:""}),j.name]},j.name))]}),I]})},ta=({sdk:M})=>{const a=A.useStore(M.organizationStore()),i=A.useStore(M.getUserStore()),n=A.useStore(M.getActiveFeature());return a.loading?s.jsx("div",{children:"authentication..."}):a.data?i.loading?s.jsx("div",{children:"authentication..."}):i.data?s.jsxs(s.Fragment,{children:[s.jsx(Ii,{notificationsStore:M.getNotificationsStore()}),s.jsx(ja,{sdk:M,activeFeature:n})]}):s.jsx(Ia,{sdk:M}):s.jsx("div",{children:"wrong sdk key..."})};const la="_1yeluar",Da=({children:M})=>s.jsx("div",{className:la,children:M}),Ts=(M,a,i)=>{const[n,N]=r.useState(null);return r.useEffect(()=>{let c=!1;if(!M)return console.error("streamlayer sdk key should be provided"),N(I=>(I!==null&&typeof I.disableApp=="function"&&I.disableApp(),null)),()=>{c=!0};const l=ws.StreamLayer(M,i);if(a)for(const I of a)l.use(I);return l.ready().then(I=>{c||N(I.sdk)}).catch(I=>console.log(I)),()=>{c=!0,l.close(function(I){if(I)throw I})}},[M]),n};var P=(M=>(M[M.UNSET=0]="UNSET",M[M.CONNECTED=1]="CONNECTED",M[M.READY=2]="READY",M))(P||{});const B=r.createContext({status:0,sdk:null}),ra=({sdkKey:M,plugins:a,children:i,production:n=!0})=>{const N=Ts(M,a,n),c=r.useMemo(()=>N?{sdk:N,status:2}:{status:1,sdk:null},[N]);return s.jsx(Da,{children:s.jsx(B.Provider,{value:c,children:i})})},oa=()=>{const{sdk:M}=r.useContext(B);return M},ga=()=>{const{sdk:M,status:a}=r.useContext(B);if(a===P.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===P.CONNECTED?s.jsx("div",{className:"StreamLayerSDK",children:"wait"}):M===null?s.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(ta,{sdk:M})})};exports.StreamLayerProvider=ra;exports.StreamLayerSDKReact=ga;exports.useStreamLayer=oa;exports.useStreamLayerApp=Ts;