@streamlayer/react 0.21.3 → 0.21.4

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 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;
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 Ys=require("@streamlayer/sdk-web-features"),S=require("@streamlayer/sdk-web-interfaces"),Ms=require("@streamlayer/sdk-web-notifications");require("@streamlayer/feature-gamification");const s=require("react/jsx-runtime"),g=require("react"),U=require("react-phone-number-input"),Us=require("react-auth-code-input"),B=require("@connectrpc/connect-web"),V=require("@connectrpc/connect"),H=require("@streamlayer/sl-eslib/users/users_connect"),bs=require("react-countdown-circle-timer"),A=require("@nanostores/react"),vs=require("@streamlayer/sdk-web"),h="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";function fs(M){var N=Object.create(null);return function(i){return N[i]===void 0&&(N[i]=M(i)),N[i]}}var Zs=/^((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)-.*))$/,b=fs(function(M){return Zs.test(M)||M.charCodeAt(0)===111&&M.charCodeAt(1)===110&&M.charCodeAt(2)<91}),Gs=function(){const N=Array.prototype.slice.call(arguments).filter(Boolean),i={},a=[];N.forEach(I=>{(I?I.split(" "):[]).forEach(j=>{if(j.startsWith("atm_")){const[,D]=j.split("_");i[D]=j}else a.push(j)})});const n=[];for(const I in i)Object.prototype.hasOwnProperty.call(i,I)&&n.push(i[I]);return n.push(...a),n.join(" ")},es=Gs,Ps=M=>M.toUpperCase()===M,Rs=M=>N=>M.indexOf(N)===-1,xs=(M,N)=>{const i={};return Object.keys(M).filter(Rs(N)).forEach(a=>{i[a]=M[a]}),i};function $s(M,N,i){const a=xs(N,i);if(!M){const n=typeof b=="function"?{default:b}:b;Object.keys(a).forEach(I=>{n.default(I)||delete a[I]})}return a}var Ws=(M,N)=>{};function Bs(M){let N="";return i=>{const a=(I,l)=>{const{as:j=M,class:D=N}=I,c=i.propsAsIs===void 0?!(typeof j=="string"&&j.indexOf("-")===-1&&!Ps(j[0])):i.propsAsIs,t=$s(c,I,["as","class"]);t.ref=l,t.className=i.atomic?es(i.class,t.className||D):es(t.className||D,i.class);const{vars:o}=i;if(o){const r={};for(const d in o){const T=o[d],z=T[0],E=T[1]||"",O=typeof z=="function"?z(I):z;Ws(O,i.name),r[`--${d}`]=`${O}${E}`}const L=t.style||{},x=Object.keys(L);x.length>0&&x.forEach(d=>{r[d]=L[d]}),t.style=r}return M.__linaria&&M!==j?(t.as=j,g.createElement(M,t)):g.createElement(j,t)},n=g.forwardRef?g.forwardRef(a):I=>{const l=xs(I,["innerRef"]);return a(l,I.innerRef)};return n.displayName=i.name,n.__linaria={className:i.class||N,extends:M},n}}var e=Bs;const Vs=e("div")({name:"o",class:"o15tsbse",propsAsIs:!1}),Hs=e("div")({name:"n",class:"nt3f14",propsAsIs:!1}),Js=e("img")({name:"i",class:"ipxm0fg",propsAsIs:!1}),_s=e("div")({name:"r",class:"r1av6wfc",propsAsIs:!1}),qs=e("div")({name:"d",class:"diaesti",propsAsIs:!1}),Fs=e("div")({name:"l",class:"l1o5a9ur",propsAsIs:!1}),Xs=e("div")({name:"a",class:"amqlo79",propsAsIs:!1}),Ks=e("button")({name:"c",class:"caw2hnf",propsAsIs:!1}),sM=e("img")({name:"s",class:"s1x5olm7",propsAsIs:!1}),zs=({close:M,action:N,data:{color:i,icon:a,title:n}})=>{const I=g.useCallback(l=>{l.stopPropagation(),M==null||M()},[M]);return s.jsxs(Vs,{onClick:N,children:[s.jsx(Hs,{style:i?{backgroundColor:i}:{},children:a&&s.jsx(Js,{alt:"in-app-icon",src:a})}),s.jsxs(_s,{children:[s.jsx(qs,{children:s.jsx(Fs,{id:"in-app-title",children:n||""})}),s.jsx(Xs,{children:s.jsx(Ks,{onClick:I,children:s.jsx(sM,{alt:"close-in-app-icon",src:h})})})]})]})},MM=async(M,N)=>{const i=B.createGrpcWebTransport({baseUrl:M});return await V.createPromiseClient(H.Users,i).requestPassword({id:N}),!0},eM=async(M,N)=>{const i=B.createGrpcWebTransport({baseUrl:M});return await V.createPromiseClient(H.Users,i).register({id:N}),!0},iM=async(M,N,i)=>{var a;const n=B.createGrpcWebTransport({baseUrl:M}),I=await V.createPromiseClient(H.Users,n).login({id:N,password:i});return(a=I==null?void 0:I.meta)==null?void 0:a.jwt},v={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)",LEADERBOARD_UNIT:"rgba(255, 255, 255, 0.5)",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 NM=e("div")({name:"e",class:"eu0o537",propsAsIs:!1}),aM=[v.BLUE_PRIMARY,v.GREEN_1,v.RED_1],nM=[10,6,0],IM=30,jM=32,DM=4,cM=0,ds=({isPlaying:M=!0,duration:N=IM,setTimeToExpire:i})=>{const a=({remainingTime:n})=>s.jsx(NM,{style:{color:n?"inherit":void 0},children:n});return g.useEffect(()=>{i(!1)},[i]),s.jsx(bs.CountdownCircleTimer,{isPlaying:M,duration:N,colors:aM,colorsTime:nM,size:jM,strokeWidth:DM,trailStrokeWidth:cM,onComplete:()=>i(!0),children:a})};const lM=e("div")({name:"n",class:"nolkjyx",propsAsIs:!1}),is=e("form")({name:"r",class:"rkbcbla",propsAsIs:!1}),Ns=e("div")({name:"i",class:"i91q48f",propsAsIs:!1}),f=e("div")({name:"e",class:"e1avizlc",propsAsIs:!1}),Z=e("button")({name:"a",class:"a1dd1srp",propsAsIs:!1}),tM=e("div")({name:"p",class:"p1cxu25d",propsAsIs:!1}),gM=e("div")({name:"d",class:"dcbw5eg",propsAsIs:!1}),rM=({login:M,anonymousLogin:N,host:i})=>{const[a,n]=g.useState(""),[I,l]=g.useState(""),[j,D]=g.useState(""),c=async o=>{o.preventDefault();try{const r=a.replaceAll("+","");try{await MM(i,r)}catch{await eM(i,r)}l(r)}catch(r){window.alert(r)}},t=async o=>{if(o.preventDefault(),I&&j)try{const r=await iM(i,I,j);r&&M?await M(r):console.log("token",r)}catch(r){window.alert(r)}};return s.jsxs(lM,{children:[!I&&s.jsxs("div",{children:[s.jsxs(is,{onSubmit:c,children:[s.jsx(Ns,{children:"Enter your phone number"}),s.jsx(f,{children:"Enter your phone up for number to log in or sign an account."}),s.jsx(tM,{children:s.jsx(U,{value:a,onChange:o=>n(`${o}`)})}),s.jsx(Z,{disabled:!U.isValidPhoneNumber(a),type:"submit",children:"request code"})]}),N&&s.jsx(Z,{style:{display:"block",margin:"auto"},onClick:N,children:"anonymous login"})]}),I&&s.jsxs(is,{onSubmit:t,children:[s.jsx(Ns,{children:"Enter Verification Code"}),s.jsxs(f,{children:["Please enter the verification code ",s.jsx("br",{}),"sent to ",s.jsx("b",{children:U.formatPhoneNumberIntl(a)})]}),s.jsx(gM,{children:s.jsx(Us,{autoFocus:!0,allowedCharacters:"numeric",length:4,onChange:D})}),s.jsx(Z,{disabled:j.length!==4,type:"submit",children:"login"}),s.jsxs(f,{children:["Didn't get 59 the code? ",s.jsx("br",{}),"Resend Code in",s.jsx(ds,{duration:30,setTimeToExpire:()=>{},isPlaying:!0})]})]})]})};const oM=e("div")({name:"n",class:"n1je4bb3",propsAsIs:!1}),uM=e("div")({name:"e",class:"e1ho1z33",propsAsIs:!1}),AM=e("div")({name:"i",class:"i1pqse9a",propsAsIs:!1}),TM=e("div")({name:"r",class:"r1jmi063",propsAsIs:!1}),xM=e("div")({name:"c",class:"cid7qaa",propsAsIs:!1}),zM=e("img")({name:"s",class:"sazlt2u",propsAsIs:!1}),dM=e("img")({name:"l",class:"lf9jsyg",propsAsIs:!1}),yM=e("button")({name:"d",class:"d1v56r0e",propsAsIs:!1}),LM=e("img")({name:"p",class:"p6u3piq",propsAsIs:!1}),OM=e("button")({name:"a",class:"atlrttm",propsAsIs:!1});const pM=e("div")({name:"i",class:"i1lwpjx9",propsAsIs:!1}),EM=e("div")({name:"n",class:"nbrbjcu",propsAsIs:!1}),mM=e("img")({name:"o",class:"o1qeiyar",propsAsIs:!1}),SM=e("div")({name:"d",class:"d1y0npbt",propsAsIs:!1}),CM=({graphic:M,headline:N})=>s.jsx(pM,{children:s.jsxs(EM,{children:[s.jsx(mM,{alt:"graphic-img-instructions",src:M}),s.jsx(SM,{children:N})]})});const kM=e("div")({name:"t",class:"tu393dl",propsAsIs:!1}),wM=e("div")({name:"o",class:"odp4fk9",propsAsIs:!1}),QM=e("div")({name:"r",class:"r1xmzn4o",propsAsIs:!1}),hM=e("div")({name:"n",class:"npkb5n",propsAsIs:!1}),YM=e("div")({name:"d",class:"dbaytgh",propsAsIs:!1}),UM=e("div")({name:"l",class:"lqfr6h0",propsAsIs:!1}),bM=({rules:M,rulesTitle:N,primaryColor:i})=>s.jsxs(kM,{children:[s.jsx(wM,{children:N}),s.jsx(QM,{children:M==null?void 0:M.map((a,n)=>s.jsxs(hM,{children:[s.jsx(YM,{style:{backgroundColor:i},children:n+1}),s.jsx(UM,{children:a})]},n))})]});const vM=e("div")({name:"e",class:"e1pvmnhl",propsAsIs:!1}),fM=e("div")({name:"o",class:"ohf3g1n",propsAsIs:!1}),ZM=e("div")({name:"i",class:"i1u1cy17",propsAsIs:!1}),GM=e("img")({name:"r",class:"r7mtzbj",propsAsIs:!1}),PM=e("div")({name:"c",class:"ctlxnkz",propsAsIs:!1}),RM=e("div")({name:"a",class:"a2mti7z",propsAsIs:!1}),$M=e("button")({name:"p",class:"p1g6gnag",propsAsIs:!1}),WM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyaWVuZHMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC4xOTIzMSA3LjAzMTI1QzIuNjYzNDYgNy4wMzEyNSAxLjQyMzA4IDguMTk5NzMgMS40MjMwOCA5LjYzOTk0QzEuNDIzMDggMTEuMDgwMiAyLjY2MzQ2IDEyLjI0ODYgNC4xOTIzMSAxMi4yNDg2QzUuNzIxMTUgMTIuMjQ4NiA2Ljk2MTU0IDExLjA4MDIgNi45NjE1NCA5LjYzOTk0QzYuOTYxNTQgOC4xOTk3MyA1LjcyMTE1IDcuMDMxMjUgNC4xOTIzMSA3LjAzMTI1Wk00LjE5MjMxIDEyLjI0ODZDMi4xNjIyNiAxMi4yNDg2IDAuNSAxMy44MTQ1IDAuNSAxNS43MjY5VjE3LjYyOUMwLjUgMTcuNjI5IDEuNDIzMDggMTguMzM1NiA0LjE5MjMxIDE4LjMzNTZDNi45NjE1NCAxOC4zMzU2IDcuODg0NjEgMTcuNjI5IDcuODg0NjEgMTcuNjI5VjE1LjcyNjlDNy44ODQ2MSAxMy44MTQ1IDYuMjIyMzYgMTIuMjQ4NiA0LjE5MjMxIDEyLjI0ODZaTTIwLjgwNzcgNy4wMzEyNUMxOS4yNzg4IDcuMDMxMjUgMTguMDM4NSA4LjE5OTczIDE4LjAzODUgOS42Mzk5NEMxOC4wMzg1IDExLjA4MDIgMTkuMjc4OCAxMi4yNDg2IDIwLjgwNzcgMTIuMjQ4NkMyMi4zMzY1IDEyLjI0ODYgMjMuNTc2OSAxMS4wODAyIDIzLjU3NjkgOS42Mzk5NEMyMy41NzY5IDguMTk5NzMgMjIuMzM2NSA3LjAzMTI1IDIwLjgwNzcgNy4wMzEyNVpNMjAuODA3NyAxMi4yNDg2QzE4Ljc3NzYgMTIuMjQ4NiAxNy4xMTU0IDEzLjgxNDUgMTcuMTE1NCAxNS43MjY5VjE3LjYyOUMxNy4xMTU0IDE3LjYyOSAxOC4wMzg1IDE4LjMzNTYgMjAuODA3NyAxOC4zMzU2QzIzLjU3NjkgMTguMzM1NiAyNC41IDE3LjYyOSAyNC41IDE3LjYyOVYxNS43MjY5QzI0LjUgMTMuODE0NSAyMi44Mzc3IDEyLjI0ODYgMjAuODA3NyAxMi4yNDg2Wk0xMi41IDEwLjUwOTVDMTAuOTcxMiAxMC41MDk1IDkuNzMwNzcgMTEuNjc4IDkuNzMwNzcgMTMuMTE4MkM5LjczMDc3IDE0LjU1ODQgMTAuOTcxMiAxNS43MjY5IDEyLjUgMTUuNzI2OUMxNC4wMjg4IDE1LjcyNjkgMTUuMjY5MiAxNC41NTg0IDE1LjI2OTIgMTMuMTE4MkMxNS4yNjkyIDExLjY3OCAxNC4wMjg4IDEwLjUwOTUgMTIuNSAxMC41MDk1Wk0xMi41IDE1LjcyNjlDMTAuNDcgMTUuNzI2OSA4LjgwNzY5IDE3LjI5MjggOC44MDc2OSAxOS4yMDUxVjIxLjEwNzNDOC44MDc2OSAyMS4xMDczIDkuNzMwNzcgMjEuODEzOCAxMi41IDIxLjgxMzhDMTUuMjY5MiAyMS44MTM4IDE2LjE5MjMgMjEuMTA3MyAxNi4xOTIzIDIxLjEwNzNWMTkuMjA1MUMxNi4xOTIzIDE3LjI5MjggMTQuNTMgMTUuNzI2OSAxMi41IDE1LjcyNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik04LjU4NDczIDEuNUM2Ljk2MzkyIDEuNSA1LjY0ODkzIDIuNzM4NzYgNS42NDg5MyA0LjI2NTZDNS42NDg5MyA1Ljc5MjQ1IDYuOTYzOTIgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFDMTAuMjA1NSA3LjAzMTIxIDExLjUyMDUgNS43OTI0NSAxMS41MjA1IDQuMjY1NkMxMS41MjA1IDIuNzM4NzYgMTAuMjA1NSAxLjUgOC41ODQ3MyAxLjVaTTguNTg0NzMgNy4wMzEyMUM4LjI5MDM4IDcuMDMxMjEgNy45OTIyMSA3LjAyNCA3LjY5Nzg3IDcuMTE3NjNDOC4yODY1NiA3Ljg1NTg0IDguNTg0NzMgOC43ODEzMSA4LjU4NDczIDkuNzk2ODFDOC41ODQ3MyAxMC4xNjQxIDguNDkyOTggMTAuNTI0MiA4LjQ5Mjk4IDEwLjg5MTVDOS4yNzY2MyA5Ljc4NjAxIDEwLjU0MTkgOS4wNTg1OSAxMi4wMDk4IDguODc0OTRDMTEuMzI1NiA3Ljc2OTQyIDEwLjA1MjYgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFaTTE2LjQxMzUgMS41QzE0Ljc5MjcgMS41IDEzLjQ3NzcgMi43Mzg3NiAxMy40Nzc3IDQuMjY1NkMxMy40Nzc3IDUuNzkyNDUgMTQuNzkyNyA3LjAzMTIxIDE2LjQxMzUgNy4wMzEyMUMxOC4wMzQzIDcuMDMxMjEgMTkuMzQ5MyA1Ljc5MjQ1IDE5LjM0OTMgNC4yNjU2QzE5LjM0OTMgMi43Mzg3NiAxOC4wMzQzIDEuNSAxNi40MTM1IDEuNVpNMTYuNDEzNSA3LjAzMTIxQzE0Ljk0NTYgNy4wMzEyMSAxMy42NzI3IDcuNzY5NDIgMTIuOTg4NCA4Ljg3NDk0QzE0LjQ1NjMgOS4wNTg1OSAxNS43MjE2IDkuNzg2MDEgMTYuNTA1MyAxMC44OTE1QzE2LjUwNTMgMTAuNTI0MiAxNi40MTM1IDEwLjE2NDEgMTYuNDEzNSA5Ljc5NjgxQzE2LjQxMzUgOC43ODEzMSAxNi43MTE3IDcuODU1ODQgMTcuMzAwNCA3LjExNzYzQzE3LjAwNiA3LjAyNCAxNi43MDc5IDcuMDMxMjEgMTYuNDEzNSA3LjAzMTIxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjwvZz4KPC9zdmc+Cg==",BM=({inviteCardTitle:M,inviteCardSubtext:N,primaryColor:i})=>s.jsx(vM,{children:s.jsxs(fM,{children:[s.jsx(ZM,{style:{backgroundColor:i},children:s.jsx(GM,{alt:"invite-game-icon",src:WM})}),s.jsx(PM,{children:M||""}),s.jsx(RM,{children:N||""}),s.jsx($M,{onClick:()=>{},style:{backgroundColor:i},children:"Invite friends!"})]})}),m={steps:!1,rules:!1,inviteCard:!1},VM=({gamification:M,closeFeature:N,steps:i,gameIcon:a,sponsorLogo:n,rules:I,rulesBtnLabel:l,rulesTitle:j,primaryColor:D,inviteCardTitle:c,inviteCardSubtext:t,inviteCardBtnLabel:o})=>{const r=async()=>{await M.submitInplay()},L=()=>{N()},[x,d]=g.useState(0),[T,z]=g.useState(m);g.useEffect(()=>{i!=null&&i.length?z({...m,steps:!0}):I!=null&&I.length?z({...m,rules:!0}):z({...m,inviteCard:!0})},[]);const E=g.useCallback(()=>{i!=null&&i.length&&x<i.length-1?d(O=>++O):I!=null&&I.length&&T.steps?z({...m,rules:!0}):T.rules&&z({...m,inviteCard:!0})},[x,i==null?void 0:i.length,I==null?void 0:I.length,T,d,z]);return s.jsxs(oM,{children:[s.jsxs(AM,{children:[s.jsx(TM,{children:a&&s.jsx(zM,{alt:"sponsor-one-onboarding-icon",src:a})}),s.jsxs(xM,{children:[n&&s.jsx(dM,{alt:"sponsor-two-onboarding-icon",src:n}),s.jsx(yM,{onClick:L,children:s.jsx(LM,{alt:"icon-close-onboarding",src:h})})]})]}),s.jsxs(uM,{children:[T.steps&&(i==null?void 0:i.length)&&s.jsx(CM,{graphic:i[x].graphic,headline:i[x].headline}),T.rules&&s.jsx(bM,{rules:I,rulesTitle:j,primaryColor:D}),T.inviteCard&&s.jsx(BM,{inviteCardTitle:c,inviteCardSubtext:t,primaryColor:D})]}),s.jsx(OM,{onClick:T.inviteCard?r:E,children:T.rules?l||"Got it!":T.inviteCard?o||"Play now!":"Next"})]})};const HM=e("div")({name:"o",class:"o1sxmm91",propsAsIs:!1}),as=e("div")({name:"i",class:"i1hf9fqn",propsAsIs:!1});var Q=(M=>(M[M.HOME=1]="HOME",M[M.LEADERBOARD=2]="LEADERBOARD",M))(Q||{});const JM=({activePage:M=1,toggleActivePage:N})=>s.jsxs(HM,{children:[s.jsx(as,{style:{borderBottom:M===1?"2px solid var(--color-blue-primary)":"none"},onClick:()=>N(1),children:"Home"}),s.jsx(as,{style:{borderBottom:M===2?"2px solid var(--color-blue-primary)":"none"},onClick:()=>N(2),children:"Leader Board"})]});const _M=e("div")({name:"o",class:"o2stbtz",propsAsIs:!1}),ns=e("button")({name:"n",class:"nzjdttj",propsAsIs:!1}),qM=e("img")({name:"r",class:"r1182zem",propsAsIs:!1}),FM="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==",ys=({icon:M,comeBack:N,close:i})=>s.jsxs(_M,{children:[s.jsxs("div",{children:[N&&s.jsx(ns,{onClick:N,children:s.jsx("img",{alt:"header-back-icon",src:FM})}),M&&s.jsx(qM,{alt:"header-icon",src:M})]}),s.jsx("div",{children:i&&s.jsx(ns,{onClick:i,children:s.jsx("img",{alt:"header-close-icon",src:h})})})]}),Ls=M=>M.split(/\s+/).map(N=>N[0]).join("").toUpperCase();const XM=e("div")({name:"o",class:"olehocs",propsAsIs:!1}),KM=e("div")({name:"i",class:"i1ver9dm",propsAsIs:!1}),w=({indicator:M,title:N})=>s.jsxs(XM,{children:[s.jsx(KM,{children:M}),s.jsx("p",{children:N})]});const se=e("div")({name:"t",class:"t1n0sowz",propsAsIs:!1}),Me=e("div")({name:"i",class:"i18zsacc",propsAsIs:!1}),ee=e("div")({name:"n",class:"n3vg8dl",propsAsIs:!1}),Is=({indicator:M,title:N})=>s.jsxs(se,{children:[s.jsx(Me,{children:N}),s.jsx(ee,{children:M})]});const ie=e("div")({name:"t",class:"t1chikdb",propsAsIs:!1}),Ne=e("div")({name:"r",class:"r1t2n40g",propsAsIs:!1}),ae=e("div")({name:"i",class:"i13uvrfl",propsAsIs:!1}),ne=e("div")({name:"n",class:"nrgqxd7",propsAsIs:!1}),Ie=e("img")({name:"p",class:"p15kmvxx",propsAsIs:!1}),je=e("div")({name:"a",class:"a1djxvq6",propsAsIs:!1}),De=e("div")({name:"s",class:"stqrriy",propsAsIs:!1}),ce=e("div")({name:"d",class:"drbrssi",propsAsIs:!1}),le=e("img")({name:"c",class:"c9zww1n",propsAsIs:!1}),te=e("div")({name:"l",class:"ld1dtas",propsAsIs:!1}),ge=e("div")({name:"x",class:"x1lwz1r2",propsAsIs:!1}),re=e("div")({name:"f",class:"f1oj6tf9",propsAsIs:!1}),oe=e("div")({name:"g",class:"g2lq4wu",propsAsIs:!1}),ue=e("div")({name:"h",class:"hszuw0i",propsAsIs:!1}),Ae=e("button")({name:"m",class:"mk0d3zr",propsAsIs:!1}),Te="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjc2OTE2IDMuNTAwMDJDMi43NjkxNiA0LjQ5Nzg2IDIuOTQ3MDUgNS4zODM0OCAzLjMwMjgyIDYuMTU2OTJDMi42MjQ5MyA2LjAxODQ3IDIuMDU4ODMgNS43NDg3MiAxLjYwNDUgNS4zNDc2OEMxLjE1MDE3IDQuOTQ2NjMgMC45MjMwMDggNC41NTk5MiAwLjkyMzAwOCA0LjE4NzUyVjMuNTAwMDJIMi43NjkxNlpNMTEuMDc2OCAzLjUwMDAyVjQuMTg3NTJDMTEuMDc2OCA0LjU1OTkyIDEwLjg0OTcgNC45NDY2MyAxMC4zOTUzIDUuMzQ3NjhDOS45NDEgNS43NDg3MiA5LjM3NDkgNi4wMTg0NyA4LjY5NzAxIDYuMTU2OTJDOS4wNTI3OCA1LjM4MzQ4IDkuMjMwNjYgNC40OTc4NiA5LjIzMDY2IDMuNTAwMDJIMTEuMDc2OFpNMTIgNC4xODc1VjMuMjcwODNDMTIgMy4wNzk4NiAxMS45MzI3IDIuOTE3NTQgMTEuNzk4MSAyLjc4Mzg1QzExLjY2MzUgMi42NTAxNyAxMS41IDIuNTgzMzMgMTEuMzA3NyAyLjU4MzMzSDkuMjMwNzdWMS44OTU4M0M5LjIzMDc3IDEuNTgwNzMgOS4xMTc3OSAxLjMxMDk4IDguODkxODMgMS4wODY1OUM4LjY2NTg2IDAuODYyMTk1IDguMzk0MjMgMC43NSA4LjA3NjkyIDAuNzVIMy45MjMwOEMzLjYwNTc3IDAuNzUgMy4zMzQxNCAwLjg2MjE5NSAzLjEwODE3IDEuMDg2NTlDMi44ODIyMSAxLjMxMDk4IDIuNzY5MjMgMS41ODA3MyAyLjc2OTIzIDEuODk1ODNWMi41ODMzM0gwLjY5MjMwOEMwLjQ5OTk5OSAyLjU4MzMzIDAuMzM2NTM5IDIuNjUwMTcgMC4yMDE5MjMgMi43ODM4NUMwLjA2NzMwNyAyLjkxNzU0IDAgMy4wNzk4NiAwIDMuMjcwODNWNC4xODc1QzAgNC41MjY0OCAwLjA5OTc1ODYgNC44Njc4NCAwLjI5OTI3OSA1LjIxMTU5QzAuNDk4Nzk5IDUuNTU1MzQgMC43NjgwMjcgNS44NjU2NyAxLjEwNjk3IDYuMTQyNThDMS40NDU5MiA2LjQxOTQ5IDEuODYxNzggNi42NTIyMyAyLjM1NDU3IDYuODQwODJDMi44NDczNiA3LjAyOTQxIDMuMzY1MzggNy4xMzU2MyAzLjkwODY1IDcuMTU5NTFDNC4xMTA1OCA3LjQxNzMyIDQuMzM4OTQgNy42NDQxIDQuNTkzNzUgNy44Mzk4NEM0Ljc3NjQ0IDguMDAyMTcgNC45MDI2NCA4LjE3NTI0IDQuOTcyMzYgOC4zNTkwNUM1LjA0MjA3IDguNTQyODYgNS4wNzY5MiA4Ljc1NjUxIDUuMDc2OTIgOUM1LjA3NjkyIDkuMjU3ODEgNS4wMDM2MSA5LjQ3NTA0IDQuODU2OTcgOS42NTE2OUM0LjcxMDM0IDkuODI4MzQgNC40NzU5NiA5LjkxNjY3IDQuMTUzODUgOS45MTY2N0MzLjc5MzI3IDkuOTE2NjcgMy40NzIzNiAxMC4wMjUzIDMuMTkxMTEgMTAuMjQyNUMyLjkwOTg1IDEwLjQ1OTcgMi43NjkyMyAxMC43MzMxIDIuNzY5MjMgMTEuMDYyNVYxMS41MjA4QzIuNzY5MjMgMTEuNTg3NyAyLjc5MDg3IDExLjY0MjYgMi44MzQxMyAxMS42ODU1QzIuODc3NCAxMS43Mjg1IDIuOTMyNjkgMTEuNzUgMyAxMS43NUg5QzkuMDY3MzEgMTEuNzUgOS4xMjI2IDExLjcyODUgOS4xNjU4NiAxMS42ODU1QzkuMjA5MTMgMTEuNjQyNiA5LjIzMDc3IDExLjU4NzcgOS4yMzA3NyAxMS41MjA4VjExLjA2MjVDOS4yMzA3NyAxMC43MzMxIDkuMDkwMTUgMTAuNDU5NyA4LjgwODg5IDEwLjI0MjVDOC41Mjc2NCAxMC4wMjUzIDguMjA2NzMgOS45MTY2NyA3Ljg0NjE1IDkuOTE2NjdDNy41MjQwNCA5LjkxNjY3IDcuMjg5NjYgOS44MjgzNCA3LjE0MzAzIDkuNjUxNjlDNi45OTYzOSA5LjQ3NTA0IDYuOTIzMDggOS4yNTc4MSA2LjkyMzA4IDlDNi45MjMwOCA4Ljc1NjUxIDYuOTU3OTMgOC41NDI4NiA3LjAyNzY0IDguMzU5MDVDNy4wOTczNiA4LjE3NTI0IDcuMjIzNTYgOC4wMDIxNyA3LjQwNjI1IDcuODM5ODRDNy42NjEwNiA3LjY0NDEgNy44ODk0MiA3LjQxNzMyIDguMDkxMzUgNy4xNTk1MUM4LjYzNDYyIDcuMTM1NjMgOS4xNTI2NCA3LjAyOTQxIDkuNjQ1NDMgNi44NDA4MkMxMC4xMzgyIDYuNjUyMjMgMTAuNTU0MSA2LjQxOTQ5IDEwLjg5MyA2LjE0MjU4QzExLjIzMiA1Ljg2NTY3IDExLjUwMTIgNS41NTUzNCAxMS43MDA3IDUuMjExNTlDMTEuOTAwMiA0Ljg2Nzg0IDEyIDQuNTI2NDggMTIgNC4xODc1Wk01LjA3MDMzIDUuMzg0OTFMNi4wMzgzIDQuODc1MDNMNy4wMDYyNyA1LjM4NDkxTDYuODIxNCA0LjMwNDk3TDcuNjA0NTEgMy41NDAxNkw2LjUyMjI4IDMuMzgyNkw2LjAzODMgMi40MDAwM0w1LjU1NDMxIDMuMzgyNkw0LjQ3MjA5IDMuNTQwMTZMNS4yNTUxOSA0LjMwNDk3TDUuMDcwMzMgNS4zODQ5MVoiIGZpbGw9IiNGMkM5NEMiLz4KPC9nPgo8L3N2Zz4K",Os=({avatar:M,name:N,points:i,friendsRank:a,rank:n,streak:I,correct:l,incorrect:j,inTop:D,average:c})=>s.jsxs(ie,{children:[s.jsxs(Ne,{children:[s.jsxs(ne,{children:[s.jsxs(Ae,{children:[M&&s.jsx(Ie,{alt:"avatar",src:M}),!M&&s.jsx(ue,{children:Ls(N||"")})]}),s.jsxs(je,{children:[s.jsx(De,{children:N}),s.jsxs(ce,{children:[s.jsx(le,{alt:"rank-icon",src:Te}),s.jsxs(te,{children:[s.jsx(ge,{children:i}),"RTS"]}),s.jsxs(re,{children:["TOP ",D||0,"%"]})]})]})]}),s.jsxs(oe,{children:[s.jsx(Is,{title:"Friends rank",indicator:a||0}),s.jsx(Is,{title:"Global rank",indicator:n||0})]})]}),s.jsxs(ae,{children:[s.jsx(w,{indicator:I||0,title:"Win streak"}),s.jsx(w,{indicator:l||0,title:"Correct"}),s.jsx(w,{indicator:j||0,title:"Incorrect"}),s.jsx(w,{indicator:`${c||0}%`,title:"Success rate"})]})]});const xe=e("div")({name:"i",class:"i1ga9t31",propsAsIs:!1}),ze=({comeBack:M,...N})=>s.jsxs(xe,{children:[s.jsx(ys,{comeBack:M}),s.jsx(Os,{...N})]}),R="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNMTIgOC4xNzIyMkMxMiA4LjI4NzgzIDExLjk3ODEgOC4zOTU1MyAxMS45MzQyIDguNDk1MzNDMTEuODkwMyA4LjU5NTEzIDExLjgyMiA4LjY4OTkyIDExLjcyOTIgOC43Nzk3TDYuMzY5NDkgMTMuOTQzOUM2LjIxNDYyIDE0LjA5NjUgNi4wMjc0MiAxNC4xNzI5IDUuODA3ODcgMTQuMTcyOUM1LjY1NzUyIDE0LjE3MjkgNS41MjE5MSAxNC4xMzc5IDUuNDAxMDQgMTQuMDY3OUM1LjI4MDE2IDEzLjk5OCA1LjE4MzEgMTMuOTAzOSA1LjEwOTg2IDEzLjc4NTZDNS4wMzY2MiAxMy42NjczIDUgMTMuNTM0NSA1IDEzLjM4NzNDNSAxMy4xNzIxIDUuMDgyODggMTIuOTgxOCA1LjI0ODYzIDEyLjgxNjRMMTAuMDgwNyA4LjE3MDk1TDUuMjQ4NjMgMy41Mjc5OUM1LjA4Mjg4IDMuMzY0MjUgNSAzLjE3NDM5IDUgMi45NTg0MUM1IDIuODExMTggNS4wMzY2MiAyLjY3ODQyIDUuMTA5ODYgMi41NjAxM0M1LjE4MzEgMi40NDE4MyA1LjI4MDE2IDIuMzQ3NzEgNS40MDEwNCAyLjI3Nzc3QzUuNTIxOTEgMi4yMDc4MiA1LjY1NzUyIDIuMTcyODUgNS44MDc4NyAyLjE3Mjg1QzYuMDI3NDIgMi4xNzI4NSA2LjIxNDYyIDIuMjQ3MzEgNi4zNjk0OSAyLjM5NjI0TDExLjcyOTIgNy41NjQ3M0MxMS44MjExIDcuNjU0NTEgMTEuODg5IDcuNzQ5MDkgMTEuOTMyOSA3Ljg0ODQ2QzExLjk3NjggNy45NDc4NCAxMS45OTkxIDguMDU1NzYgMTIgOC4xNzIyMloiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K";const de=e("div")({name:"t",class:"t17nz8ux",propsAsIs:!1}),ye=e("div")({name:"n",class:"n1u54wlf",propsAsIs:!1}),Le=e("img")({name:"r",class:"rojjpd",propsAsIs:!1}),Oe=e("div")({name:"i",class:"ida2tpm",propsAsIs:!1}),pe=e("div")({name:"p",class:"pay8wzv",propsAsIs:!1}),Ee=e("div")({name:"s",class:"s1xmex89",propsAsIs:!1}),me=e("button")({name:"a",class:"a1ksbvx7",propsAsIs:!1}),Se=e("button")({name:"c",class:"c132s999",propsAsIs:!1}),Ce=e("img")({name:"d",class:"dfhamq6",propsAsIs:!1}),ke=e("span")({name:"l",class:"l1o13i2d",propsAsIs:!1}),we=e("span")({name:"x",class:"xtuia28",propsAsIs:!1}),Qe="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBvbGwiPgo8cGF0aCBpZD0iTm90aWZpY2F0aW9uL0ljb24vUG9sbCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NzggMS42ODQyMVY1LjA1MjYzSDEzLjMzMzNDMTMuODI0MyA1LjA1MjYzIDE0LjIyMjIgNC42NzU2MSAxNC4yMjIyIDQuMjEwNTNWMi41MjYzMkMxNC4yMjIyIDIuMDYxMjMgMTMuODI0MyAxLjY4NDIxIDEzLjMzMzMgMS42ODQyMUg5Ljc3NzhaTTIuNjY2NjcgMEMxLjE5MzkxIDAgMCAxLjEzMTA3IDAgMi41MjYzMlY0LjIxMDUzQzAgNS42MDU3NyAxLjE5MzkxIDYuNzM2ODQgMi42NjY2NyA2LjczNjg0SDEzLjMzMzNDMTQuODA2MSA2LjczNjg0IDE2IDUuNjA1NzcgMTYgNC4yMTA1M1YyLjUyNjMyQzE2IDEuMTMxMDcgMTQuODA2MSAwIDEzLjMzMzMgMEgyLjY2NjY3Wk00LjQ0NDQ2IDEwLjk0NzNIMTMuMzMzM0MxMy44MjQzIDEwLjk0NzMgMTQuMjIyMiAxMS4zMjQzIDE0LjIyMjIgMTEuNzg5NFYxMy40NzM2QzE0LjIyMjIgMTMuOTM4NyAxMy44MjQzIDE0LjMxNTcgMTMuMzMzMyAxNC4zMTU3SDQuNDQ0NDZWMTAuOTQ3M1pNMCAxMS43ODk0QzAgMTAuMzk0MiAxLjE5MzkxIDkuMjYzMSAyLjY2NjY3IDkuMjYzMUgxMy4zMzMzQzE0LjgwNjEgOS4yNjMxIDE2IDEwLjM5NDIgMTYgMTEuNzg5NFYxMy40NzM2QzE2IDE0Ljg2ODkgMTQuODA2MSAxNS45OTk5IDEzLjMzMzMgMTUuOTk5OUgyLjY2NjY3QzEuMTkzOTEgMTUuOTk5OSAwIDE0Ljg2ODkgMCAxMy40NzM2VjExLjc4OTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9nPgo8L3N2Zz4K",he="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1ByZWRpY2l0b24iPgo8cGF0aCBpZD0iSWNvbi9QcmVkaWN0aW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDcuMDA1MjJDMTYgNy4wMDUyMiA5LjIwMDQ4IDYuODE2MDcgOS4yMDA0OCAwQzkuMjAwNDggNi4zNjE2OCAzLjI3NzI5IDYuOTUwNTYgMi40ODc1NiA3LjAwMDc4TDIuNDAwOTQgNy4wMDUyMkMyLjQwMDk0IDcuMDA1MjIgOS4yMDA0OCA3LjE5NDM1IDkuMjAwNDggMTQuMDEwNEM5LjIwMDQ4IDcuNjQ4NzcgMTUuMTIzNCA3LjA1OTg5IDE1LjkxMzEgNy4wMDk2NEwxNiA3LjAwNTIyWk02Ljk3MzgyIDEyLjU2NTJDNi45NzM4MiAxMi41NjUyIDMuNDg2OTEgMTIuNDcyNCAzLjQ4NjkxIDkuMTMwMzNDMy40ODY5MSAxMi4yNDk2IDAuNDQ5NDAyIDEyLjUzODQgMC4wNDQ0MTg2IDEyLjU2M0wwIDEyLjU2NTJDMCAxMi41NjUyIDMuNDg2OTEgMTIuNjU3OSAzLjQ4NjkxIDE2QzMuNDg2OTEgMTIuODgwNyA2LjUyNDI5IDEyLjU5MiA2LjkyOTI3IDEyLjU2NzNMNi45NzM4MiAxMi41NjUyWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==",Ye="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1RyaXZpYSI+CjxwYXRoIGlkPSJOb3RpZmljYXRpb24vSWNvbi9Ucml2aWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4wMTY2MyAxLjM4MDhDMC43Mzk5MTMgMS41NTU4NiAtMC4xNTMxNTMgMi43MzI3NiAwLjAyMTkxMiA0LjAwOTQ4TDEuMzgwOCAxMy45MTk2QzEuNTU1ODYgMTUuMTk2MyAyLjczMjc2IDE2LjA4OTQgNC4wMDk0OCAxNS45MTQzTDEzLjkxOTYgMTQuNTU1NEMxNS4xOTYzIDE0LjM4MDMgMTYuMDg5NCAxMy4yMDM0IDE1LjkxNDMgMTEuOTI2N0wxNC41NTU0IDIuMDE2NjNDMTQuMzgwMyAwLjczOTkxMyAxMy4yMDM0IC0wLjE1MzE1MyAxMS45MjY3IDAuMDIxOTEyTDIuMDE2NjMgMS4zODA4Wk05LjU5NjEzIDMuNzg4QzkuMTE0MzEgMy40Njk5MSA4LjQ3ODEzIDMuMzAxNTEgNy43NTY2IDMuMzAxNTFDNy41NDM3NyAzLjMwMTUxIDcuMzI2MjUgMy4zMTY3MSA3LjEwODcyIDMuMzQ0NzhDNi4zODgzNiAzLjQ0MDY3IDUuNjg5MDEgMy43OTAzNCA1LjE4OTY1IDQuMzAxMzhDNC42ODQ0NSA0LjgyMDYyIDQuNDM3NyA1LjQ1NTYzIDQuNTE3MjIgNi4wNDE1MUM0LjU3NDUyIDYuNDc0MiA0LjkwMDc4IDYuNzUzNyA1LjM0NjM1IDYuNzUzN0M1LjM5NDI5IDYuNzUzNyA1LjQ0MzQxIDYuNzUwMiA1LjQ5MTM2IDYuNzQ0MzVDNi4wODc3OCA2LjY2NDgzIDYuMjE2NDIgNi4yNTQzNiA2LjM0MDM2IDUuODU2NzVMNi4zNDA0NSA1Ljg1NjQ4QzYuNDgxOTIgNS40MDQwMSA2LjYxNTM0IDQuOTc3MzEgNy4zODU4NSA0Ljg3NDQ0QzcuNDY1MzcgNC44NjM5MSA3LjU0MTM4IDQuODU4MDYgNy42MTUwNiA0Ljg1ODA2QzguMTY5MzkgNC44NTgwNiA4LjUxNDM2IDUuMTUwNDIgOC41ODQ1NCA1LjY4MjUyQzguNjUzNTMgNi4yMDI5MyA4LjI0MzA3IDYuNjE4MDcgNy44MDY4NCA3LjA1NjZMNy44MDM5MyA3LjA1OTU0QzcuMzE1ODIgNy41NTIzMSA2Ljc2MzkgOC4xMDk1IDYuODY4OTUgOC45MDA4M0M2Ljg5NTg1IDkuMTA1NDggNi45ODU5IDkuMjk0OTMgNy4xMjI3MiA5LjQzNjQ0QzcuMjc4MjYgOS41OTkgNy40ODI5IDkuNjg0MzYgNy43MTMzMSA5LjY4NDM2QzcuNzU1NDEgOS42ODQzNiA3Ljc5ODY4IDkuNjgyMDMgNy44NDMxMSA5LjY3NjE4QzguNDY2OTEgOS41OTMyNCA4LjU1MTYyIDkuMjMxMzkgOC42MzMzOCA4Ljg4MjFMOC42MzM2NSA4Ljg4MDk3TDguNjM2NjEgOC44Njg1OUM4LjY2NzIzIDguNzQwMyA4LjY5ODc3IDguNjA4MTMgOC43NTk5NSA4LjQ4ODA0QzguODQ2NDkgOC4zMTYxMyA5LjA2MjgzIDguMTEyNjUgOS4zMTQyOCA3Ljg3ODc1QzkuOTE0MiA3LjMxODU4IDEwLjczNCA2LjU1MTQzIDEwLjU4MiA1LjQxNTg5QzEwLjQ4NzIgNC43MDYwMyAxMC4xNTUxIDQuMTU3NTcgOS41OTYxMSAzLjc4ODAyTDkuNTk2MTMgMy43ODhaTTguMTE2MDUgMTAuMjhDOC4wNjkyNyAxMC4yOCA4LjAyMTMyIDEwLjI4MzYgNy45NzQ1NCAxMC4yODk0QzcuMzgzOTYgMTAuMzY4OSA2Ljk2NzY1IDEwLjkxMjcgNy4wNDU5OSAxMS41MDMzQzcuMTE3MzMgMTIuMDM3NyA3LjU3ODA4IDEyLjQ0MTIgOC4xMTcyIDEyLjQ0MTJDOC4xNjM5NyAxMi40NDEyIDguMjExOTIgMTIuNDM3NyA4LjI1OTg3IDEyLjQzMThDOC44NTA0NSAxMi4zNTIzIDkuMjY1NiAxMS44MDg1IDkuMTg4NDIgMTEuMjE3OUM5LjExNTkxIDEwLjY4MjMgOC42NTUxNyAxMC4yOCA4LjExNjA1IDEwLjI4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==",Ue="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjQzMTUgMy4xODI0Nkw1LjUzMzIxIDExLjA4MDhMMS45OTc3MSA3LjU0NTI3QzEuNTQwNTYgNy4wODgxMSAwLjc5OTkxMyA3LjA4ODExIDAuMzQyODY0IDcuNTQ1MjdDLTAuMTE0Mjg4IDguMDAyNDIgLTAuMTE0Mjg4IDguNzQzMDcgMC4zNDI4NjQgOS4yMDAxMUw0LjcwNTY3IDEzLjU2MjlDNC45MzMzMSAxMy43OTA2IDUuMjM0MTUgMTMuOTA2MyA1LjUzMzA3IDEzLjkwNjNDNS44MzIwMiAxMy45MDYzIDYuMTMwOTYgMTMuNzkyNCA2LjM2MDQ4IDEzLjU2MjlMMTUuMDg2MSA0LjgzNzMxQzE1LjU0MzIgNC4zODAxNiAxNS41NDMyIDMuNjM5NTEgMTUuMDg2MSAzLjE4MjQ2QzE0LjYyOSAyLjcyNTMxIDEzLjg4ODQgMi43MjUzMSAxMy40MzEyIDMuMTgyNDZIMTMuNDMxNVoiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K",be="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIyIiB5PSIwLjUwNjEwNCIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDIgMC41MDYxMDQpIiBmaWxsPSIjOWUwYTFmIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB4PSIwLjMzMzAwOCIgeT0iMTIuMTcyOSIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwLjMzMzAwOCAxMi4xNzI5KSIgZmlsbD0iIzllMGExZiIvPgo8L2c+Cjwvc3ZnPgo=",ve={[u.QuestionType.POLL]:{label:"Poll",icon:Qe},[u.QuestionType.TRIVIA]:{label:"Trivia",icon:Ye},[u.QuestionType.PREDICTION]:{label:"Prediction",icon:he}},fe={[u.PickHistoryStatus.LOST]:be,[u.PickHistoryStatus.WON]:Ue,[u.PickHistoryStatus.UNSET]:R,[u.PickHistoryStatus.DNP]:R},Ze=({questionId:M,questionType:N,questionStatus:i,subject:a,openForVoting:n,openQuestion:I,status:l})=>{const j=ve[N];return j===void 0?null:s.jsxs(de,{onClick:()=>I==null?void 0:I(M),children:[s.jsx(ye,{children:s.jsx(Le,{alt:"question-type-icon",src:j.icon})}),s.jsxs(Oe,{children:[s.jsxs(pe,{children:[s.jsx(ke,{children:j.label}),N===u.QuestionType.TRIVIA&&i===u.QuestionStatus.RESOLVED&&s.jsx(we,{children:"Expired"})]}),s.jsx(Ee,{children:a||""})]}),n?s.jsx(me,{children:"play"}):s.jsx(Se,{children:s.jsx(Ce,{alt:"question-status-icon",src:fe[l]})})]})};const Ge=e("div")({name:"e",class:"e8ssf75",propsAsIs:!1}),Pe=e("div")({name:"i",class:"ipfzbv9",propsAsIs:!1}),Re=e("div")({name:"r",class:"r1wvrsap",propsAsIs:!1}),$e=({questions:M,openQuestion:N})=>s.jsxs(Ge,{children:[s.jsx(Pe,{children:"PICK HISTORY"}),s.jsx(Re,{children:M==null?void 0:M.map(i=>s.jsx(Ze,{openQuestion:N,...i},i.questionId))})]});const We=()=>ps,ps=e("div")({name:"o",class:"ot0wn45",propsAsIs:!1}),Be=e(We())({name:"t",class:"t1n3ztor",propsAsIs:!0}),js=e("div")({name:"i",class:"iliq035",propsAsIs:!1}),Ds=e("button")({name:"n",class:"nltylrn",propsAsIs:!1}),cs=e("img")({name:"a",class:"all3dh1",propsAsIs:!1}),ls=e("span")({name:"d",class:"d34nlc9",propsAsIs:!1}),ts=e("span")({name:"s",class:"s1n6buvc",propsAsIs:!1}),gs=e("div")({name:"c",class:"cl0bp16",propsAsIs:!1}),G=e("div")({name:"l",class:"luzmbpx",propsAsIs:!1}),rs=e("img")({name:"p",class:"p93opx7",propsAsIs:!1}),$="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K",os="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K",Ve=({icon:M,id:N,title:i,questionId:a,disabled:n,percentage:I,onVote:l,toggleIsLoadingSubmitAnswer:j,correct:D,questionAnswered:c,hasCorrectAnswer:t,answered:o,points:r,questionType:L})=>{var x;return c&&o?s.jsxs(Be,{"data-answeredCorrect":(x=!t||D)==null?void 0:x.toString(),"data-questionAnswered":"false",children:[s.jsx(js,{style:{width:`${I}%`}}),s.jsxs(Ds,{disabled:n,onClick:()=>l(a,N),children:[M&&s.jsx(cs,{alt:"option-icon",src:M}),s.jsx(ls,{children:i}),s.jsxs(ts,{children:[t&&D&&s.jsx(gs,{children:s.jsx(rs,{alt:"icon-correct",src:o?os:$})}),s.jsxs(G,{children:[I,"%"]})]})]})]}):s.jsxs(ps,{"data-questionAnswered":c==null?void 0:c.toString(),children:[c&&s.jsx(js,{style:{width:`${I}%`}}),s.jsxs(Ds,{disabled:n,onClick:()=>{j(!0),l(a,N)},children:[M&&s.jsx(cs,{alt:"option-icon",src:M}),s.jsx(ls,{children:i}),c?s.jsxs(ts,{children:[t&&D&&s.jsx(gs,{children:s.jsx(rs,{alt:"icon-correct",src:o?os:$})}),s.jsxs(G,{children:[I,"%"]})]}):L===u.QuestionType.PREDICTION?s.jsxs(G,{children:[r," pts"]}):null]})]})};const He=e("div")({name:"e",class:"eeu5got",propsAsIs:!1}),Je=e("div")({name:"o",class:"o1g94fci",propsAsIs:!1}),_e=e("div")({name:"n",class:"nbe6jrz",propsAsIs:!1}),qe=e("div")({name:"a",class:"a2w5dgc",propsAsIs:!1}),Fe=e("div")({name:"l",class:"l66v9pt",propsAsIs:!1}),Xe=e("img")({name:"r",class:"rtvplqt",propsAsIs:!1}),Ke=e("div")({name:"d",class:"d1oe5bin",propsAsIs:!1}),si=e("div")({name:"p",class:"p17r7g01",propsAsIs:!1}),Mi="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC4wMDE5NTMxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGODAwMjIiLz4KPHJlY3QgeD0iOC4yNSIgeT0iNy4wMDE5NSIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcuMDAxOTUpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI3IiB5PSIxNS43NTIiIHdpZHRoPSIxMi4zNzQ0IiBoZWlnaHQ9IjEuNzY3NzciIHJ4PSIwLjg4Mzg4NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcgMTUuNzUyKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",ei=({title:M,questionId:N,options:i,questionAnswered:a,feedbackMessages:n,questionAnsweredCorrectly:I,questionType:l})=>{const[j,D]=g.useState(!1),c=g.useCallback(t=>{D(t)},[D]);return g.useEffect(()=>{c(!1)},[i,c]),s.jsxs(He,{children:[s.jsx(Je,{children:M}),s.jsxs(_e,{children:[j&&s.jsx(qe,{children:"Loading..."}),i.map(t=>s.jsx(Ve,{toggleIsLoadingSubmitAnswer:c,questionId:N,questionType:l,...t},t.id))]}),a&&l===u.QuestionType.TRIVIA&&s.jsxs(Fe,{children:[s.jsx(Xe,{alt:"reaction-to-answer",src:I?$:Mi}),s.jsxs("div",{children:[s.jsx(Ke,{children:I?n.correctFeedback.title:n.incorrectFeedback.title}),s.jsx(si,{children:I?n.correctFeedback.description:n.incorrectFeedback.description})]})]})]})};const ii=e("div")({name:"n",class:"n1j6bvz0",propsAsIs:!1}),Ni=e("div")({name:"r",class:"r14txpvi",propsAsIs:!1}),ai=e("img")({name:"e",class:"e1hr8b9s",propsAsIs:!1}),ni=e("div")({name:"i",class:"i1c85wdw",propsAsIs:!1}),Ii=e("img")({name:"p",class:"ps7esga",propsAsIs:!1}),ji=e("span")({name:"a",class:"au4baxs",propsAsIs:!1}),Di=e("div")({name:"s",class:"sx3tnpk",propsAsIs:!1}),ci=e("div")({name:"c",class:"c9c2rl4",propsAsIs:!1}),li=e("button")({name:"d",class:"dbqlu2a",propsAsIs:!1}),ti=e("button")({name:"x",class:"x1od79lg",propsAsIs:!1}),gi=e("img")({name:"g",class:"g26vzgn",propsAsIs:!1}),ri="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIxLjI1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuMjUgMCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB5PSI4Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDguNzUpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=",oi=({close:M,action:N,data:{icon:i,header:a,title:n,subtitle:I,graphicBg:l,sponsorLogo:j}})=>s.jsxs(ii,{children:[s.jsx(ti,{onClick:M,children:s.jsx(gi,{alt:"icon-close-onboarding-inapp",src:ri})}),s.jsx(Ni,{style:{backgroundImage:`url(${l||""})`},children:i&&s.jsx(ai,{alt:"onboarding-inapp-icon",src:i})}),s.jsxs(ni,{children:[s.jsxs("div",{children:[s.jsx("div",{children:j?s.jsxs(s.Fragment,{children:[s.jsx(Ii,{alt:"sponsor-logo",src:j}),s.jsx(ji,{children:"Presents"})]}):a||""}),s.jsx(Di,{children:n||""}),s.jsx(ci,{children:I||""})]}),s.jsx(li,{onClick:N,children:"Play"})]})]});const ui=e("div")({name:"r",class:"r1tdfv96",propsAsIs:!1}),Ai={[Ms.NotificationType.ONBOARDING]:oi,[Ms.NotificationType.QUESTION]:zs},Ti=({index:M,total:N,...i})=>{const a=g.useRef(null),n=Ai[i.type]||zs;return g.useEffect(()=>{a.current!==null&&i.hiding&&a.current.animate([{right:"0"},{right:"-100%"}],{duration:300,fill:"forwards"})},[i.hiding]),s.jsx(ui,{ref:a,style:{zIndex:M+1,transform:`translateY(${100*(N-M-1)}%)`},children:s.jsx(n,{...i})})};const xi=e("div")({name:"o",class:"o1idr02j",propsAsIs:!1}),zi=({notificationsStore:M})=>{const N=A.useStore(M);return s.jsx(xi,{children:N==null?void 0:N.map((i,a)=>s.jsx(Ti,{index:a,total:N.length,...i},i.id))})},di=({store:M})=>{const{data:N}=A.useStore(M);return N!=null&&N.summary?s.jsx(Os,{...N.summary,...N.percentage}):s.jsx("div",{children:"wait user..."})},yi=({store:M,openQuestion:N})=>{const i=A.useStore(M);return i!=null&&i.data?s.jsx($e,{openQuestion:N,questions:i.data}):s.jsx("div",{children:"wait questions..."})};const Li=()=>M=>M.isSuccess?"#f1be1c":"#da3732",Oi=e("div")({name:"n",class:"n1fxw72m",propsAsIs:!1}),pi=e("img")({name:"o",class:"on9bd3u",propsAsIs:!1}),Ei=e("div")({name:"r",class:"re3sowz",propsAsIs:!1}),mi=e("button")({name:"c",class:"cbcx8j1",propsAsIs:!1}),Si=e("img")({name:"d",class:"ds0zw96",propsAsIs:!1}),Ci=e("div")({name:"p",class:"peenmin",propsAsIs:!1}),us=e("div")({name:"a",class:"a146wqa9",propsAsIs:!1,vars:{"a146wqa9-0":[Li()]}}),As=e("img")({name:"s",class:"syetqu",propsAsIs:!1});const ki=e("div")({name:"n",class:"nt57dfc",propsAsIs:!1}),wi=e("div")({name:"e",class:"ey71yx3",propsAsIs:!1}),Qi=e("div")({name:"o",class:"oglry7w",propsAsIs:!1}),hi=e("span")({name:"l",class:"l1ixs497",propsAsIs:!1}),Yi=e("span")({name:"r",class:"ruurm0v",propsAsIs:!1}),P=({points:M})=>s.jsxs(ki,{children:[s.jsx(wi,{children:"YOU WON"}),s.jsxs(Qi,{children:[s.jsx(hi,{children:M}),s.jsx(Yi,{children:"PTS"})]})]}),Ui="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJUcm9waHkiPgogICAgICA8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NjkxNiAzLjUwMDAyQzIuNzY5MTYgNC40OTc4NiAyLjk0NzA1IDUuMzgzNDggMy4zMDI4MiA2LjE1NjkyQzIuNjI0OTMgNi4wMTg0NyAyLjA1ODgzIDUuNzQ4NzIgMS42MDQ1IDUuMzQ3NjhDMS4xNTAxNyA0Ljk0NjYzIDAuOTIzMDA4IDQuNTU5OTIgMC45MjMwMDggNC4xODc1MlYzLjUwMDAySDIuNzY5MTZaTTExLjA3NjggMy41MDAwMlY0LjE4NzUyQzExLjA3NjggNC41NTk5MiAxMC44NDk3IDQuOTQ2NjMgMTAuMzk1MyA1LjM0NzY4QzkuOTQxIDUuNzQ4NzIgOS4zNzQ5IDYuMDE4NDcgOC42OTcwMSA2LjE1NjkyQzkuMDUyNzggNS4zODM0OCA5LjIzMDY2IDQuNDk3ODYgOS4yMzA2NiAzLjUwMDAySDExLjA3NjhaTTEyIDQuMTg3NVYzLjI3MDgzQzEyIDMuMDc5ODYgMTEuOTMyNyAyLjkxNzU0IDExLjc5ODEgMi43ODM4NUMxMS42NjM1IDIuNjUwMTcgMTEuNSAyLjU4MzMzIDExLjMwNzcgMi41ODMzM0g5LjIzMDc3VjEuODk1ODNDOS4yMzA3NyAxLjU4MDczIDkuMTE3NzkgMS4zMTA5OCA4Ljg5MTgzIDEuMDg2NTlDOC42NjU4NiAwLjg2MjE5NSA4LjM5NDIzIDAuNzUgOC4wNzY5MiAwLjc1SDMuOTIzMDhDMy42MDU3NyAwLjc1IDMuMzM0MTQgMC44NjIxOTUgMy4xMDgxNyAxLjA4NjU5QzIuODgyMjEgMS4zMTA5OCAyLjc2OTIzIDEuNTgwNzMgMi43NjkyMyAxLjg5NTgzVjIuNTgzMzNIMC42OTIzMDhDMC40OTk5OTkgMi41ODMzMyAwLjMzNjUzOSAyLjY1MDE3IDAuMjAxOTIzIDIuNzgzODVDMC4wNjczMDcgMi45MTc1NCAwIDMuMDc5ODYgMCAzLjI3MDgzVjQuMTg3NUMwIDQuNTI2NDggMC4wOTk3NTg2IDQuODY3ODQgMC4yOTkyNzkgNS4yMTE1OUMwLjQ5ODc5OSA1LjU1NTM0IDAuNzY4MDI3IDUuODY1NjcgMS4xMDY5NyA2LjE0MjU4QzEuNDQ1OTIgNi40MTk0OSAxLjg2MTc4IDYuNjUyMjMgMi4zNTQ1NyA2Ljg0MDgyQzIuODQ3MzYgNy4wMjk0MSAzLjM2NTM4IDcuMTM1NjMgMy45MDg2NSA3LjE1OTUxQzQuMTEwNTggNy40MTczMiA0LjMzODk0IDcuNjQ0MSA0LjU5Mzc1IDcuODM5ODRDNC43NzY0NCA4LjAwMjE3IDQuOTAyNjQgOC4xNzUyNCA0Ljk3MjM2IDguMzU5MDVDNS4wNDIwNyA4LjU0Mjg2IDUuMDc2OTIgOC43NTY1MSA1LjA3NjkyIDlDNS4wNzY5MiA5LjI1NzgxIDUuMDAzNjEgOS40NzUwNCA0Ljg1Njk3IDkuNjUxNjlDNC43MTAzNCA5LjgyODM0IDQuNDc1OTYgOS45MTY2NyA0LjE1Mzg1IDkuOTE2NjdDMy43OTMyNyA5LjkxNjY3IDMuNDcyMzYgMTAuMDI1MyAzLjE5MTExIDEwLjI0MjVDMi45MDk4NSAxMC40NTk3IDIuNzY5MjMgMTAuNzMzMSAyLjc2OTIzIDExLjA2MjVWMTEuNTIwOEMyLjc2OTIzIDExLjU4NzcgMi43OTA4NyAxMS42NDI2IDIuODM0MTMgMTEuNjg1NUMyLjg3NzQgMTEuNzI4NSAyLjkzMjY5IDExLjc1IDMgMTEuNzVIOUM5LjA2NzMxIDExLjc1IDkuMTIyNiAxMS43Mjg1IDkuMTY1ODYgMTEuNjg1NUM5LjIwOTEzIDExLjY0MjYgOS4yMzA3NyAxMS41ODc3IDkuMjMwNzcgMTEuNTIwOFYxMS4wNjI1QzkuMjMwNzcgMTAuNzMzMSA5LjA5MDE1IDEwLjQ1OTcgOC44MDg4OSAxMC4yNDI1QzguNTI3NjQgMTAuMDI1MyA4LjIwNjczIDkuOTE2NjcgNy44NDYxNSA5LjkxNjY3QzcuNTI0MDQgOS45MTY2NyA3LjI4OTY2IDkuODI4MzQgNy4xNDMwMyA5LjY1MTY5QzYuOTk2MzkgOS40NzUwNCA2LjkyMzA4IDkuMjU3ODEgNi45MjMwOCA5QzYuOTIzMDggOC43NTY1MSA2Ljk1NzkzIDguNTQyODYgNy4wMjc2NCA4LjM1OTA1QzcuMDk3MzYgOC4xNzUyNCA3LjIyMzU2IDguMDAyMTcgNy40MDYyNSA3LjgzOTg0QzcuNjYxMDYgNy42NDQxIDcuODg5NDIgNy40MTczMiA4LjA5MTM1IDcuMTU5NTFDOC42MzQ2MiA3LjEzNTYzIDkuMTUyNjQgNy4wMjk0MSA5LjY0NTQzIDYuODQwODJDMTAuMTM4MiA2LjY1MjIzIDEwLjU1NDEgNi40MTk0OSAxMC44OTMgNi4xNDI1OEMxMS4yMzIgNS44NjU2NyAxMS41MDEyIDUuNTU1MzQgMTEuNzAwNyA1LjIxMTU5QzExLjkwMDIgNC44Njc4NCAxMiA0LjUyNjQ4IDEyIDQuMTg3NVpNNS4wNzAzMyA1LjM4NDkxTDYuMDM4MyA0Ljg3NTAzTDcuMDA2MjcgNS4zODQ5MUw2LjgyMTQgNC4zMDQ5N0w3LjYwNDUxIDMuNTQwMTZMNi41MjIyOCAzLjM4MjZMNi4wMzgzIDIuNDAwMDNMNS41NTQzMSAzLjM4MjZMNC40NzIwOSAzLjU0MDE2TDUuMjU1MTkgNC4zMDQ5N0w1LjA3MDMzIDUuMzg0OTFaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogIDwvc3ZnPgo=",bi="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik01LjUgMi43ODg2N1YxMi40MTM3QzUuNSAxMy4xNzI5IDQuODg0MjYgMTMuNzUgNC4xMjUgMTMuNzVIMS4zNzVDMC42MTU3NDIgMTMuNzUgMCAxMy4xMzQzIDAgMTIuNDEzN1YyLjgyNzM0QzAgMi4wNjgwOCAwLjYxNTc0MiAxLjQ5MTAyIDEuMzc1IDEuNDkxMDJINC4xMjVDNC44ODU1NSAxLjQxMzY3IDUuNSAxLjk5Mzc1IDUuNSAyLjc4ODY3Wk0yMiAxMi4zNzA3QzIyIDEzLjUwOTQgMjEuMDc3IDE0LjQzMjMgMTkuOTM3NSAxNC40MzIzSDEzLjY0MjZDMTQuNjIxIDE2LjA2MTMgMTUuMTI1OSAxNy45MDc3IDE1LjEyNTkgMTguNTU4MkMxNS4xMjUgMTkuNTcxNCAxNC4zMzAxIDIwLjYyNSAxMi45OTggMjAuNjI1QzEwLjI4NTQgMjAuNjI1IDExLjg2NTQgMTcuMzUyOSA4LjM0ODgzIDE0LjU0MDZMNy42NDg0NCAxMy45ODJDNy4xNDE0MSAxMy41NzM4IDYuODgzNTkgMTIuOTc2NiA2Ljg3OTMgMTIuMzc1QzYuODc4MjkgMTIuMzc0IDYuODc5MyAxMi4zNzUgNi44NzkzIDEyLjM3NUw2Ljg3NSA1LjVDNi44NzUgNC44NTExNyA3LjE4MDY0IDQuMjM5NzMgNy43IDMuODUwNDNMOS4xNjY5NSAyLjc1MDg2QzEwLjM1NTUgMS44NTYyNSAxMS44MDM1IDEuMzc1IDEzLjI5MDIgMS4zNzVIMTUuODEyNUMxNi45NTIgMS4zNzUgMTcuODc1IDIuMjk3NTQgMTcuODc1IDMuNDM2NjRDMTcuODc1IDMuNTkyODMgMTcuODU0NCAzLjc0MzU3IDE3LjgyMTUgMy44ODk5NkMxOC42NDg0IDQuMTU5MzcgMTkuMjUgNC45MjQyMiAxOS4yNSA1Ljg0Mzc1QzE5LjI1IDYuMjM2ODMgMTkuMTM0MSA2LjYwMDQzIDE4Ljk0MzIgNi45MTI4MUMxOS44OTg4IDcuMDg5ODQgMjAuNjI1IDcuOTI3NzMgMjAuNjI1IDguOTMzMkMyMC42MjUgOS40NzAzMSAyMC40MTQ4IDkuOTU1IDIwLjA3ODQgMTAuMzIyQzIxLjE0OTIgMTAuMzk0MSAyMiAxMS4yNzkzIDIyIDEyLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvc3ZnPgo=",vi=({logo:M,points:N,questionAnswered:i,questionAnsweredCorrectly:a,questionType:n,closeQuestion:I,setTimeToExpire:l})=>{const j=!i&&n!==u.QuestionType.PREDICTION,D=i&&n===u.QuestionType.TRIVIA,c=D&&a,t=D&&!a,o=i&&n===u.QuestionType.PREDICTION;return s.jsxs(Oi,{children:[s.jsxs(Ei,{children:[s.jsxs(Ci,{children:[j&&s.jsx(ds,{setTimeToExpire:l}),c&&s.jsxs(s.Fragment,{children:[s.jsx(P,{points:N}),s.jsx(us,{isSuccess:!0,children:s.jsx(As,{alt:"reaction-icon",src:Ui})})]}),t&&s.jsxs(s.Fragment,{children:[s.jsx(P,{points:0}),s.jsx(us,{isSuccess:!1,children:s.jsx(As,{alt:"reaction-icon",src:bi})})]}),o&&s.jsx(P,{points:N})]}),s.jsx(mi,{onClick:I,children:s.jsx(Si,{alt:"exit-icon",src:h})})]}),M&&s.jsx(pi,{src:M})]})};const fi="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA2OCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuNjE1NSA3LjQ0MTQ2SDUwLjcwNjZMNTYuMzA3MiAxMy44NjE1TDUwLjcwNjYgMjAuMjgwNUg1Ni40MzU3TDU5LjE1ODcgMTcuMTM3TDYxLjkwNjggMjAuMjgwNUg2Ny44NEw2Mi4xOSAxMy44MzQ4TDY3Ljc2MzYgNy40NDE0Nkg2Mi4wNjA2TDU5LjM4OTcgMTAuNTYwMkw1Ni42MTU1IDcuNDQxNDZaTTYyLjI3MjEgNy45MTY1OUw1OS4zOTY0IDExLjI3NDdMNTYuNDA5MiA3LjkxNjU5SDUxLjc0NDZMNTYuOTMwNyAxMy44NjE1TDUxLjc0NDcgMTkuODA1NEg1Ni4yMjU3TDU5LjE1NzEgMTYuNDIxM0w2Mi4xMTU2IDE5LjgwNTRINjYuNzk4N0w2MS41NjYgMTMuODM1N0w2Ni43MjYxIDcuOTE2NTlINjIuMjcyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDQuMzYzNSA3LjQ0MTQ2VjQuNTY0MDZINTAuNzA2NlYwLjA1NTk5OThIMzkuNzAyVjIwLjI4MDVINTAuNzA2NlYxNS43NjAxSDQ0LjM2MzVWMTEuNzc5NEg1MC43MDY2VjcuNDQxNDZINDQuMzYzNVpNNTAuMjQwOCA3LjkxNjU5SDQzLjg5NzhWNC4wODg5M0g1MC4yNDA4VjAuNTMxMTMySDQwLjE2NzhWMTkuODA1NEg1MC4yNDA4VjE2LjIzNTJINDMuODk3OFYxMS4zMDQzSDUwLjI0MDhWNy45MTY1OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNS4wNiAwLjA1NTk5OThWOC4zMzI4MUgzNS4wMDg3QzMzLjk4MDMgNy4xMjc4NyAzMi42OTY2IDYuNzA4ODEgMzEuMjA3IDYuNzA4ODFDMjguMTU1MiA2LjcwODgxIDI1Ljg1NjEgOC44MjYgMjUuMDQ5MyAxMS42MjM2QzI0LjEyOCA4LjU0MDkyIDIxLjc1NDQgNi42NTA4NCAxOC4yMzQ5IDYuNjUwODRDMTUuMzc2OSA2LjY1MDg0IDEzLjExOTcgNy45NTkzNiAxMS45NDIyIDEwLjA5MThWNy40NDE0Nkg2LjAzNDE2VjQuNTY0MDZIMTIuNDgxNVYwLjA1NTk5OThIMC43NjgwMDVWMjAuMjgwNUg2LjAzNDE2VjExLjc3OTRIMTEuMjgzNkMxMS4xMjcgMTIuNDAzNyAxMS4wNDMyIDEzLjA3MjcgMTEuMDQzMiAxMy43Nzg4QzExLjA0MzIgMTcuOTk3IDE0LjIwMzEgMjAuOTU4IDE4LjIzNDkgMjAuOTU4QzIxLjYyNTggMjAuOTU4IDIzLjg2MDcgMTkuMzM0IDI1LjA0MTkgMTYuMzc0SDIwLjUyODRDMTkuOTE4MyAxNy4yNjQ0IDE5LjQ1NTMgMTcuNTI3NiAxOC4yMzQ5IDE3LjUyNzZDMTYuODE5OSAxNy41Mjc2IDE1LjU5OTUgMTYuMjY4NSAxNS41OTk1IDE0Ljc3NTZIMjQuNzg5NEMyNS4xODgxIDE4LjEyNjIgMjcuNzQ3MiAyMS4wMTYgMzEuMjU4MiAyMS4wMTZDMzIuNzczIDIxLjAxNiAzNC4xNjAxIDIwLjI1NTggMzUuMDA3OCAxOC45NzI5SDM1LjA1OVYyMC4yODI0SDM5LjcwMUwzOS43MDIgMC4wNTU5OTk4SDM1LjA2Wk0xNS43NDY3IDExLjgzOTNDMTYuMDM5MiAxMC41NTQ1IDE3LjAxNjQgOS43MTU0NSAxOC4yMzU4IDkuNzE1NDVDMTkuNTc4MiA5LjcxNTQ1IDIwLjUwNTEgMTAuNTI4OSAyMC43NDkyIDExLjgzOTNDMjAuODUxNyAxMS44MzkzIDE1Ljc0NjcgMTEuODM5MyAxNS43NDY3IDExLjgzOTNaTTMyLjI0MiAxNy4yMDE2QzMwLjUzMDcgMTcuMjAxNiAyOS40NjY4IDE1LjU3NDggMjkuNDY2OCAxMy44NzY3QzI5LjQ2NjggMTIuMDYxNyAzMC4zOTE5IDEwLjMxNiAzMi4yNDIgMTAuMzE2QzM0LjE2MDEgMTAuMzE2IDM0LjkyNCAxMi4wNjE3IDM0LjkyNCAxMy44NzY3QzM0LjkyNCAxNS41OTc2IDM0LjExNDQgMTcuMjAxNiAzMi4yNDIgMTcuMjAxNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==",Zi=e("div")({name:"w",class:"w1rk8z17",propsAsIs:!1}),Gi=({openedQuestion:M,closeQuestion:N,vote:i})=>{var a;const[n,I]=g.useState(!1),l=g.useCallback(c=>{I(c)},[I]),j=g.useMemo(()=>M==null?void 0:M.answers.find(c=>c.youVoted===!0),[M]),D=g.useMemo(()=>!!(M!=null&&M.answers.find(c=>c.correct===!0)),[M]);return M?s.jsx(Zi,{children:s.jsxs("div",{children:[s.jsx(vi,{points:(j==null?void 0:j.points)||0,questionAnswered:!!j,questionAnsweredCorrectly:j==null?void 0:j.correct,logo:fi,closeQuestion:N,setTimeToExpire:l,questionType:M.type}),s.jsx("div",{children:s.jsx(ei,{title:M.subject,feedbackMessages:(a=M.options)==null?void 0:a.options.value,questionType:M.type,questionId:M.id,questionAnswered:!!j,questionAnsweredCorrectly:j==null?void 0:j.correct,options:M.answers.map(c=>({id:c.id,title:c.text,icon:c.icon,type:M.type,correct:c.correct,percentage:c.percentage,answered:c.youVoted,disabled:!!j||M.marketClosed||n,questionAnswered:!!j,hasCorrectAnswer:D,points:c.points,onVote:i}))})})]})}):null};const Pi=e("div")({name:"e",class:"eedzx0f",propsAsIs:!1}),Ri=e("div")({name:"o",class:"o10jx8gg",propsAsIs:!1}),$i=e("div")({name:"n",class:"n1fzu0h9",propsAsIs:!1}),Wi=e("img")({name:"r",class:"r1s6khgr",propsAsIs:!1}),Bi=e("img")({name:"l",class:"luvepij",propsAsIs:!1}),Vi=e("img")({name:"s",class:"shqj61j",propsAsIs:!1}),Hi=e("div")({name:"p",class:"pnpvkmh",propsAsIs:!1}),Ji=e("img")({name:"a",class:"acyca7o",propsAsIs:!1});const _i=e("div")({name:"e",class:"e84mc5e",propsAsIs:!1}),qi=e("div")({name:"t",class:"t1thn6vl",propsAsIs:!1});const Fi=e("div")({name:"t",class:"tp9a9yw",propsAsIs:!1}),Xi=e("img")({name:"e",class:"e6f0nxr",propsAsIs:!1}),Ki=e("div")({name:"n",class:"n3f26h",propsAsIs:!1}),sN=e("div")({name:"r",class:"r9zbwh8",propsAsIs:!1}),MN=e("div")({name:"d",class:"dvhlsdp",propsAsIs:!1}),eN=e("a")({name:"c",class:"c9m83to",propsAsIs:!1}),iN=e("img")({name:"l",class:"l2itzu1",propsAsIs:!1});const NN=e("div")({name:"e",class:"e1wd0c2y",propsAsIs:!1}),aN=e("img")({name:"t",class:"tw65qkc",propsAsIs:!1}),nN=e("img")({name:"r",class:"rqtdyv3",propsAsIs:!1}),IN=e("div")({name:"n",class:"n1gt83ys",propsAsIs:!1}),jN=e("div")({name:"p",class:"p17e8tok",propsAsIs:!1}),DN=e("div")({name:"d",class:"d1dbsbe3",propsAsIs:!1}),cN=e("img")({name:"x",class:"x17n9m8t",propsAsIs:!1}),lN="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikh5cGVybGluayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xLjUyIDhDMS41MiA2LjYzMiAyLjYzMiA1LjUyIDQgNS41Mkg3LjJWNEw0IDRDMS43OTIgNCAwIDUuNzkyIDAgOEMwIDEwLjIwOCAxLjc5MiAxMiA0IDEySDcuMkw3LjIgMTAuNDhINEMyLjYzMiAxMC40OCAxLjUyIDkuMzY4IDEuNTIgOFpNNC44IDguOEgxMS4yVjcuMkg0LjhWOC44Wk0xMiA0SDguOFY1LjUyTDEyIDUuNTJDMTMuMzY4IDUuNTIgMTQuNDggNi42MzIgMTQuNDggOEMxNC40OCA5LjM2OCAxMy4zNjggMTAuNDggMTIgMTAuNDhIOC44VjEySDEyQzE0LjIwOCAxMiAxNiAxMC4yMDggMTYgOEMxNiA1Ljc5MiAxNC4yMDggNCAxMiA0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K",tN="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMTAuNDYxNSAxMi42ODc1QzkuNDQyMzEgMTIuNjg3NSA4LjYxNTM4IDEzLjQ2NjUgOC42MTUzOCAxNC40MjY2QzguNjE1MzggMTUuMzg2OCA5LjQ0MjMxIDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4QzExLjQ4MDggMTYuMTY1OCAxMi4zMDc3IDE1LjM4NjggMTIuMzA3NyAxNC40MjY2QzEyLjMwNzcgMTMuNDY2NSAxMS40ODA4IDEyLjY4NzUgMTAuNDYxNSAxMi42ODc1Wk0xMC40NjE1IDE2LjE2NThDOS4xMDgxNyAxNi4xNjU4IDggMTcuMjA5NyA4IDE4LjQ4NDZWMTkuNzUyN0M4IDE5Ljc1MjcgOC42MTUzOCAyMC4yMjM3IDEwLjQ2MTUgMjAuMjIzN0MxMi4zMDc3IDIwLjIyMzcgMTIuOTIzMSAxOS43NTI3IDEyLjkyMzEgMTkuNzUyN1YxOC40ODQ2QzEyLjkyMzEgMTcuMjA5NyAxMS44MTQ5IDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4Wk0yMS41Mzg1IDEyLjY4NzVDMjAuNTE5MiAxMi42ODc1IDE5LjY5MjMgMTMuNDY2NSAxOS42OTIzIDE0LjQyNjZDMTkuNjkyMyAxNS4zODY4IDIwLjUxOTIgMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThDMjIuNTU3NyAxNi4xNjU4IDIzLjM4NDYgMTUuMzg2OCAyMy4zODQ2IDE0LjQyNjZDMjMuMzg0NiAxMy40NjY1IDIyLjU1NzcgMTIuNjg3NSAyMS41Mzg1IDEyLjY4NzVaTTIxLjUzODUgMTYuMTY1OEMyMC4xODUxIDE2LjE2NTggMTkuMDc2OSAxNy4yMDk3IDE5LjA3NjkgMTguNDg0NlYxOS43NTI3QzE5LjA3NjkgMTkuNzUyNyAxOS42OTIzIDIwLjIyMzcgMjEuNTM4NSAyMC4yMjM3QzIzLjM4NDYgMjAuMjIzNyAyNCAxOS43NTI3IDI0IDE5Ljc1MjdWMTguNDg0NkMyNCAxNy4yMDk3IDIyLjg5MTggMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThaTTE2IDE1LjAwNjNDMTQuOTgwOCAxNS4wMDYzIDE0LjE1MzggMTUuNzg1MyAxNC4xNTM4IDE2Ljc0NTVDMTQuMTUzOCAxNy43MDU2IDE0Ljk4MDggMTguNDg0NiAxNiAxOC40ODQ2QzE3LjAxOTIgMTguNDg0NiAxNy44NDYyIDE3LjcwNTYgMTcuODQ2MiAxNi43NDU1QzE3Ljg0NjIgMTUuNzg1MyAxNy4wMTkyIDE1LjAwNjMgMTYgMTUuMDA2M1pNMTYgMTguNDg0NkMxNC42NDY2IDE4LjQ4NDYgMTMuNTM4NSAxOS41Mjg1IDEzLjUzODUgMjAuODAzNFYyMi4wNzE1QzEzLjUzODUgMjIuMDcxNSAxNC4xNTM4IDIyLjU0MjUgMTYgMjIuNTQyNUMxNy44NDYyIDIyLjU0MjUgMTguNDYxNSAyMi4wNzE1IDE4LjQ2MTUgMjIuMDcxNVYyMC44MDM0QzE4LjQ2MTUgMTkuNTI4NSAxNy4zNTM0IDE4LjQ4NDYgMTYgMTguNDg0NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4zODk4IDlDMTIuMzA5MyA5IDExLjQzMjYgOS44MjU4NCAxMS40MzI2IDEwLjg0MzdDMTEuNDMyNiAxMS44NjE2IDEyLjMwOTMgMTIuNjg3NSAxMy4zODk4IDEyLjY4NzVDMTQuNDcwNCAxMi42ODc1IDE1LjM0NyAxMS44NjE2IDE1LjM0NyAxMC44NDM3QzE1LjM0NyA5LjgyNTg0IDE0LjQ3MDQgOSAxMy4zODk4IDlaTTEzLjM4OTggMTIuNjg3NUMxMy4xOTM2IDEyLjY4NzUgMTIuOTk0OCAxMi42ODI3IDEyLjc5ODYgMTIuNzQ1MUMxMy4xOTEgMTMuMjM3MiAxMy4zODk4IDEzLjg1NDIgMTMuMzg5OCAxNC41MzEyQzEzLjM4OTggMTQuNzc2MSAxMy4zMjg3IDE1LjAxNjEgMTMuMzI4NyAxNS4yNjFDMTMuODUxMSAxNC41MjQgMTQuNjk0NiAxNC4wMzkxIDE1LjY3MzIgMTMuOTE2NkMxNS4yMTcgMTMuMTc5NiAxNC4zNjg0IDEyLjY4NzUgMTMuMzg5OCAxMi42ODc1Wk0xOC42MDkgOUMxNy41Mjg1IDkgMTYuNjUxOCA5LjgyNTg0IDE2LjY1MTggMTAuODQzN0MxNi42NTE4IDExLjg2MTYgMTcuNTI4NSAxMi42ODc1IDE4LjYwOSAxMi42ODc1QzE5LjY4OTYgMTIuNjg3NSAyMC41NjYyIDExLjg2MTYgMjAuNTY2MiAxMC44NDM3QzIwLjU2NjIgOS44MjU4NCAxOS42ODk2IDkgMTguNjA5IDlaTTE4LjYwOSAxMi42ODc1QzE3LjYzMDQgMTIuNjg3NSAxNi43ODE4IDEzLjE3OTYgMTYuMzI1NiAxMy45MTY2QzE3LjMwNDIgMTQuMDM5MSAxOC4xNDc4IDE0LjUyNCAxOC42NzAyIDE1LjI2MUMxOC42NzAyIDE1LjAxNjEgMTguNjA5IDE0Ljc3NjEgMTguNjA5IDE0LjUzMTJDMTguNjA5IDEzLjg1NDIgMTguODA3OCAxMy4yMzcyIDE5LjIwMDMgMTIuNzQ1MUMxOS4wMDQgMTIuNjgyNyAxOC44MDUyIDEyLjY4NzUgMTguNjA5IDEyLjY4NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9zdmc+Cg==",gN="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlNoYXJlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExIDQuOTY1VjEuMTI1TDE4IDcuODQ1TDExIDE0LjU2NVYxMC42MjlDNiAxMC42MjkgMi41IDEyLjE2NSAwIDE1LjUyNUMxIDEwLjcyNSA0IDUuOTI1IDExIDQuOTY1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K",rN=({title:M,description:N,onClick:i})=>s.jsxs(NN,{onClick:i,children:[s.jsx(aN,{alt:"icon-link",src:lN}),s.jsx(nN,{alt:"friends-icon",src:tN}),s.jsxs(IN,{children:[s.jsx(jN,{children:M}),s.jsx(DN,{children:N})]}),s.jsx(cN,{alt:"arrow-invite-icon",src:gN})]});const oN=e("div")({name:"t",class:"t1dy1tqf",propsAsIs:!1}),uN=e("div")({name:"r",class:"rn7vo0l",propsAsIs:!1}),AN=e("img")({name:"n",class:"n8gvn16",propsAsIs:!1}),TN=e("div")({name:"o",class:"o1jghdph",propsAsIs:!1}),xN=e("div")({name:"a",class:"a1grglpt",propsAsIs:!1}),zN=e("div")({name:"p",class:"p1jg9f8e",propsAsIs:!1}),dN=e("span")({name:"d",class:"d1t4dr6d",propsAsIs:!1}),yN=e("div")({name:"s",class:"s2yk2p8",propsAsIs:!1}),LN=e("span")({name:"l",class:"l1j42wch",propsAsIs:!1}),ON=({rank:M,avatar:N,name:i,points:a,openItemDetail:n})=>s.jsxs(oN,{onClick:n,children:[s.jsx(uN,{children:M||0}),N?s.jsx(AN,{alt:"leaderboard-item-avatar",src:N}):s.jsx(TN,{children:Ls(i||"")}),s.jsxs(xN,{children:[s.jsx(zN,{children:s.jsx(dN,{children:i||""})}),s.jsxs(yN,{children:[s.jsx(LN,{children:"PTS"}),a||0]})]})]});const pN=e("div")({name:"t",class:"tc35rj0",propsAsIs:!1}),EN=({items:M,openItemDetail:N})=>s.jsxs(pN,{children:[M.map(i=>s.jsx(ON,{...i,openItemDetail:()=>N(i.userId)},i.userId)),s.jsx(rN,{title:"Invite Link",description:"Challenge friends!",onClick:()=>{}})]}),mN=({store:M})=>{const{data:N}=A.useStore(M),[i,a]=g.useState(void 0);if(!N)return s.jsx("div",{children:"wait leader board..."});const n=I=>{var l;const j=(l=N.find(D=>{var c;return((c=D.attributes)==null?void 0:c.userId)===I}))==null?void 0:l.attributes;a(j)};return s.jsxs(s.Fragment,{children:[i&&s.jsx(ze,{comeBack:()=>n(null),...i}),!i&&s.jsx(EN,{items:N.filter(I=>I.attributes).map(I=>I.attributes),openItemDetail:n})]})};const p=e("div")({name:"e",class:"e1qdkuad",propsAsIs:!1}),SN=e("div")({name:"i",class:"i1xpziqe",propsAsIs:!1}),CN=e("div")({name:"r",class:"r1yl384u",propsAsIs:!1}),kN=e("div")({name:"n",class:"n1q9p5hx",propsAsIs:!1}),Ts=e("button")({name:"a",class:"ark1jkg",propsAsIs:!1}),wN=({gamification:M,sdk:N})=>{var i,a,n,I,l,j,D,c,t,o,r,L,x,d,T,z,E,O,_,q,F,X,K;const ms=A.useStore(M.status),Ss=A.useStore(M.onboardingStatus),ss=A.useStore(M.openedQuestion),{slStreamId:k}=A.useStore(N.sdkStore),y=A.useStore(M.featureSettings),[Y,Cs]=g.useState(Q.HOME);if(ms!==S.FeatureStatus.Ready)return s.jsx("div",{children:"wait..."});if(k!=null&&k.loading)return s.jsx(p,{children:s.jsx("div",{children:"Event is loading"})});if(!(k!=null&&k.data))return s.jsx(p,{children:s.jsx("div",{children:"Event is forbidden"})});if(!Ss)return s.jsx(p,{children:s.jsx(VM,{closeFeature:N.closeFeature,gamification:M,steps:(a=(i=y.inplayGame)==null?void 0:i.onboarding)==null?void 0:a.steps,gameIcon:(l=(I=(n=y.inplayGame)==null?void 0:n.overview)==null?void 0:I.media)==null?void 0:l.gameIcon,sponsorLogo:(c=(D=(j=y.inplayGame)==null?void 0:j.overview)==null?void 0:D.media)==null?void 0:c.sponsorLogo,rules:(o=(t=y.inplayGame)==null?void 0:t.rules)==null?void 0:o.rules,rulesBtnLabel:(L=(r=y.inplayGame)==null?void 0:r.rules)==null?void 0:L.buttonLabel,rulesTitle:(d=(x=y.inplayGame)==null?void 0:x.rules)==null?void 0:d.heading,primaryColor:(E=(z=(T=y.inplayGame)==null?void 0:T.overview)==null?void 0:z.appearance)==null?void 0:E.primaryColor,inviteCardTitle:(_=(O=y.inplayGame)==null?void 0:O.inviteCard)==null?void 0:_.heading,inviteCardSubtext:(F=(q=y.inplayGame)==null?void 0:q.inviteCard)==null?void 0:F.subtext,inviteCardBtnLabel:(K=(X=y.inplayGame)==null?void 0:X.inviteCard)==null?void 0:K.buttonLabel})});const ks=C=>{M.openQuestion(C)},ws=()=>{M.closeQuestion()},Qs=(C,hs)=>{M.submitAnswer(C,hs)};return s.jsxs(p,{children:[s.jsx(JM,{activePage:Y,toggleActivePage:C=>{Cs(C)}}),Y===Q.HOME&&s.jsxs(s.Fragment,{children:[s.jsx(SN,{children:M.userSummary&&s.jsx(di,{store:M.userSummary.getStore()})}),s.jsxs(CN,{children:[M.questions&&s.jsx(yi,{openQuestion:ks,store:M.questions.getStore()}),ss&&s.jsx(Gi,{closeQuestion:ws,vote:Qs,openedQuestion:ss})]})]}),Y===Q.LEADERBOARD&&M.leaderboardList&&s.jsx(mN,{store:M.leaderboardList.getStore()})]})},QN=(M,N)=>{switch(M){case u.QuestionImages.ROUNDED:return s.jsx(Bi,{alt:"insight-icon",src:N});case u.QuestionImages.TRANSPARENT:return s.jsx(Vi,{alt:"insight-icon",src:N});case u.QuestionImages.CENTERED:return s.jsx(Wi,{alt:"insight-icon",src:N});default:return null}},hN=({title:M,image:N,questionId:i,imageMode:a,openInsight:n})=>s.jsxs(Pi,{onClick:()=>n(i),children:[s.jsx($i,{children:N&&QN(a,N)}),s.jsxs(Ri,{children:[s.jsx(Hi,{children:M||""}),s.jsx(Ji,{alt:"next-icon",src:R})]})]}),YN=({insights:M,openInsight:N})=>s.jsx(_i,{children:s.jsx(qi,{children:M==null?void 0:M.map(i=>s.jsx(hN,{openInsight:N,...i},i.questionId))})}),UN=({highlights:M,store:N})=>{const{data:i}=A.useStore(N);return i?s.jsx(YN,{insights:i,openInsight:M.openHighlight}):s.jsx("div",{children:"wait insights..."})},bN="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2MtQU5kc04ga1RWV0pFIj48cGF0aCBkPSJNNi42NjY1IDMuMTY2NjlINC45OTk4NEM0LjI2MzQ2IDMuMTY2NjkgMy42NjY1IDMuNzYzNjQgMy42NjY1IDQuNTAwMDJWMTEuNUMzLjY2NjUgMTIuMjM2NCA0LjI2MzQ2IDEyLjgzMzQgNC45OTk4NCAxMi44MzM0SDExLjk5OThDMTIuNzM2MiAxMi44MzM0IDEzLjMzMzIgMTIuMjM2NCAxMy4zMzMyIDExLjVWOS44MzMzNSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEzLjMzMzUgNi4xNjY2OVYzLjE2NjY5SDEwLjMzMzUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy4xNjY4IDMuMzMzMzFMOC4zMzM1IDguMTY2NjUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPgo=",vN=({image:M,title:N,description:i,webLinkLabel:a,webLink:n,closeHighlights:I,closeInsight:l})=>s.jsxs(Fi,{children:[s.jsx(ys,{close:I,comeBack:l}),M&&s.jsx(Xi,{alt:"detail-insight-image",src:M}),s.jsxs(Ki,{children:[N&&s.jsx(sN,{children:N}),i&&s.jsx(MN,{children:i})]}),n&&a&&s.jsxs(eN,{href:n,target:"_blank",children:[a,s.jsx(iN,{alt:"link-icon",src:bN})]})]}),fN=({openedInsight:M,closeHighlights:N,closeInsight:i})=>{var a,n,I,l,j;const D=((a=M.options)==null?void 0:a.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:(I=M.options.options.value.webLink)==null?void 0:I.label}:{},c=M.subject||((l=M.notification)==null?void 0:l.title),t=D.body||((j=M.notification)==null?void 0:j.body);return s.jsx(vN,{image:D.image,title:c,description:t,webLink:D.webLink,webLinkLabel:D.webLinkLabel,closeInsight:i,closeHighlights:N})},ZN=({highlights:M,sdk:N})=>{const i=A.useStore(M.status),a=A.useStore(M.openedInsight),{slStreamId:n}=A.useStore(N.sdkStore);return i!==S.FeatureStatus.Ready?s.jsx("div",{children:"wait..."}):n!=null&&n.loading?s.jsx(p,{children:s.jsx("div",{children:"Event is loading"})}):n!=null&&n.data?M.insights===void 0?s.jsx("div",{children:"wait insights..."}):s.jsxs(p,{children:[!a&&s.jsx(UN,{highlights:M,store:M.insights.getStore()}),a&&s.jsx(fN,{openedInsight:a,closeHighlights:M.closeFeature,closeInsight:M.closeHighlight})]}):s.jsx(p,{children:s.jsx("div",{children:"Event is forbidden"})})},GN=({sdk:M})=>s.jsx(rM,{login:async N=>{try{await M.authorizationBypass("streamlayer:streamlayer",N)}catch(i){throw console.log("login err",i),i}},anonymousLogin:M.anonymousAuthorization,host:M.host}),PN=({activeFeature:M,sdk:N})=>{const[i,a]=g.useState(null),{organizationSettings:n,streamSettings:I}=A.useStore(N.sdkStore),l=g.useMemo(()=>{const D=(I==null?void 0:I.data)||(n==null?void 0:n.data);return D!=null&&D.overlays?D.overlays:[]},[n,I]);g.useEffect(()=>{const D=N.getFeatures();if(M)for(const[c,t]of D)c===M?t.status.get()===S.FeatureStatus.Suspended&&(t.enable(),a(t)):t.status.get()===S.FeatureStatus.Ready&&t.disable();else{for(const[,c]of D)c.status.get()===S.FeatureStatus.Ready&&c.disable();a(null)}return()=>{for(const[,c]of D)c.status.get()===S.FeatureStatus.Ready&&c.disable()}},[M,N]);const j=g.useMemo(()=>i?i.featureConfig.get().type===u.FeatureType.GAMES?i?s.jsx("div",{children:s.jsx(wN,{gamification:i,sdk:N})}):s.jsx("div",{children:"wait gamification..."}):i.featureConfig.get().type===u.FeatureType.HIGHLIGHTS?i?s.jsx("div",{children:s.jsx(ZN,{highlights:i,sdk:N})}):s.jsx("div",{children:"wait highlights..."}):s.jsx("div",{children:"unknown feature"}):null,[N,i]);return s.jsxs("div",{children:[s.jsxs(kN,{children:[s.jsx(Ts,{onClick:()=>N.logout(),children:"logout"}),l.map(D=>s.jsxs(Ts,{onClick:()=>N.openFeature(D.type),disabled:!(D.type in Ys.AvailableFeatures),"data-enable_sdk_button":D.enableSdkButton.toString(),"data-selected":D.type===M,children:[s.jsx("img",{src:D.icon,alt:""}),D.name]},D.name))]}),j]})},RN=({sdk:M})=>{const N=A.useStore(M.organizationStore()),i=A.useStore(M.getUserStore()),a=A.useStore(M.getActiveFeature());return N.loading?s.jsx("div",{children:"authentication..."}):N.data?i.loading?s.jsx("div",{children:"authentication..."}):i.data?s.jsxs(s.Fragment,{children:[s.jsx(zi,{notificationsStore:M.getNotificationsStore()}),s.jsx(PN,{sdk:M,activeFeature:a})]}):s.jsx(GN,{sdk:M}):s.jsx("div",{children:"wrong sdk key..."})};const $N="n1yeluar",WN=({children:M})=>s.jsx("div",{className:$N,children:M}),Es=(M,N,i)=>{const[a,n]=g.useState(null);return g.useEffect(()=>{let I=!1;if(!M)return console.error("streamlayer sdk key should be provided"),n(j=>(j!==null&&typeof j.disableApp=="function"&&j.disableApp(),null)),()=>{I=!0};const l=vs.StreamLayer(M,i);if(N)for(const j of N)l.use(j);return l.ready().then(j=>{I||n(j.sdk)}).catch(j=>console.log(j)),()=>{I=!0,l.close(function(j){if(j)throw j})}},[M]),a};var W=(M=>(M[M.UNSET=0]="UNSET",M[M.CONNECTED=1]="CONNECTED",M[M.READY=2]="READY",M))(W||{});const J=g.createContext({status:0,sdk:null}),BN=({sdkKey:M,plugins:N,children:i,production:a=!0})=>{const n=Es(M,N,a),I=g.useMemo(()=>n?{sdk:n,status:2}:{status:1,sdk:null},[n]);return s.jsx(WN,{children:s.jsx(J.Provider,{value:I,children:i})})},VN=()=>{const{sdk:M}=g.useContext(J);return M},HN=()=>{const{sdk:M,status:N}=g.useContext(J);if(N===W.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return N===W.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(RN,{sdk:M})})};exports.StreamLayerProvider=BN;exports.StreamLayerSDKReact=HN;exports.useStreamLayer=VN;exports.useStreamLayerApp=Es;