@streamlayer/react 1.14.7 → 1.15.0

package/lib/classic/es/masters2.js

@@ -1,7 +1,7 @@
-import { jsx as s, jsxs as h, Fragment as D } from "react/jsx-runtime";
-import { s as c, l as Y, a as m, A as N, g as V, F as a2, m as l2, n as d2, p as c2, o as p2, f as C2, H as u2, q as m2, r as f2, t as h2, x as j, v as P, j as y, k as X, I as g2, w as v2, y as E2, e as L2, N as w, B as M, D as S2, C as _2, E as T2, R as N2, G as b, J as z, K as J, L as e2, c as F, M as I2, O as b2, S as R2, Q as y2, T as A2 } from "./provider.js";
-import { useRef as I, useState as _, useEffect as v, createContext as k2, useContext as n2, lazy as w2, useMemo as A, Suspense as D2, forwardRef as x2, useLayoutEffect as F2, useCallback as $, Component as O2 } from "react";
-import { e as B2 } from "./index2.js";
+import { jsx as s, jsxs as h, Fragment as x } from "react/jsx-runtime";
+import { s as c, m as Y, a as m, A as N, i as V, F as a2, n as l2, o as d2, p as c2, q as p2, g as C2, H as u2, r as m2, t as f2, v as h2, x as j, w as P, l as A, k as X, I as g2, y as v2, B as E2, e as L2, N as w, C as M, D as S2, E as _2, G as T2, R as N2, J as b, K as z, L as J, M as e2, c as F, O as I2, Q as b2, S as R2, T as A2, U as y2 } from "./provider.js";
+import { useRef as I, useState as _, useEffect as v, createContext as k2, useContext as n2, lazy as w2, useMemo as y, Suspense as x2, forwardRef as D2, useLayoutEffect as F2, useCallback as $, Component as O2 } from "react";
+import { n as B2 } from "./index2.js";
 import { Q as V2, S as k } from "./useStreamLayerApp2.js";
 const $2 = /* @__PURE__ */ c("div")({
   name: "SDKContainer",
@@ -215,9 +215,9 @@ const $2 = /* @__PURE__ */ c("div")({
     })
   });
 }, o0 = w2(() => import("./gamification-feature2.js")), r0 = ({ sdk: n, feature: e, className: t }) => {
-  const i = A(() => e && e.featureConfig.get().type === k.GAMES ? /* @__PURE__ */ s(Q2, { className: t, sdk: n, feature: e, children: /* @__PURE__ */ s(o0, { className: t, gamification: e }) }) : null, [n, e, t]);
+  const i = y(() => e && e.featureConfig.get().type === k.GAMES ? /* @__PURE__ */ s(Q2, { className: t, sdk: n, feature: e, children: /* @__PURE__ */ s(o0, { className: t, gamification: e }) }) : null, [n, e, t]);
   return /* @__PURE__ */ s(
-    D2,
+    x2,
     {
       fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
       children: i
@@ -244,10 +244,10 @@ const $2 = /* @__PURE__ */ c("div")({
   name: "Title",
   class: "t1bqnx9c",
   propsAsIs: !1
-}), p0 = "hlc2pcy", C0 = x2(({
+}), p0 = "hlc2pcy", C0 = D2(({
   className: n
 }, e) => /* @__PURE__ */ h(l0, {
-  className: y(n, p0),
+  className: A(n, p0),
   children: [/* @__PURE__ */ s(d0, {
     children: /* @__PURE__ */ h(c0, {
       children: [/* @__PURE__ */ s(X, {
@@ -308,7 +308,7 @@ const $2 = /* @__PURE__ */ c("div")({
 }, T0 = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e", H = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
   tagline: "Featured groups+ experience",
-  headline: /* @__PURE__ */ h(D, {
+  headline: /* @__PURE__ */ h(x, {
     children: ["Welcome to ", /* @__PURE__ */ s("br", {}), " Featured Groups +"]
   })
 }, {
@@ -344,7 +344,7 @@ const $2 = /* @__PURE__ */ c("div")({
   sdk: a
 }) => {
   var r, d, l, C, u, p, f;
-  const E = m(i.friends.getStore()), [S, x] = _(void 0), L = A(() => {
+  const E = m(i.friends.getStore()), [S, D] = _(void 0), L = y(() => {
     var T, R;
     const G = a.getInviter();
     return G ? (R = (T = E.data) == null ? void 0 : T.find(({
@@ -353,7 +353,7 @@ const $2 = /* @__PURE__ */ c("div")({
   }, [E.data, a]);
   return v(() => {
     const T = n.$store.subscribe((R) => {
-      R && x(R.data);
+      R && D(R.data);
     });
     return () => {
       T();
@@ -390,7 +390,7 @@ const $2 = /* @__PURE__ */ c("div")({
       inviterName: L
     })
   });
-}, y0 = ({
+}, A0 = ({
   sdk: n,
   notification: e,
   saveHeight: t,
@@ -399,7 +399,7 @@ const $2 = /* @__PURE__ */ c("div")({
   responsiveStore: a
 }) => {
   var r;
-  const d = I(null), l = e.data.onboarding, [C, u] = _(l == null ? void 0 : l.instantOpen), p = n.getFeature(k.GAMES), f = A(() => H == null ? void 0 : H.map(({
+  const d = I(null), l = e.data.onboarding, [C, u] = _(l == null ? void 0 : l.instantOpen), p = n.getFeature(k.GAMES), f = y(() => H == null ? void 0 : H.map(({
     graphicSrc: L
   }) => L), []), {
     screen: E
@@ -412,9 +412,9 @@ const $2 = /* @__PURE__ */ c("div")({
   }, [t]);
   const {
     loading: S,
-    throttled: x
+    throttled: D
   } = g2(f);
-  return C && p && l && o.current && !x ? /* @__PURE__ */ s(j, {
+  return C && p && l && o.current && !D ? /* @__PURE__ */ s(j, {
     container: o,
     useContainer: !1,
     children: /* @__PURE__ */ s(R0, {
@@ -426,7 +426,7 @@ const $2 = /* @__PURE__ */ c("div")({
       loading: S,
       sdk: n
     })
-  }) : /* @__PURE__ */ h(D, {
+  }) : /* @__PURE__ */ h(x, {
     children: [/* @__PURE__ */ s(q, {
       ref: d,
       style: {
@@ -457,7 +457,7 @@ const $2 = /* @__PURE__ */ c("div")({
       })
     })]
   });
-}, A0 = () => P, k0 = /* @__PURE__ */ c(A0())({
+}, y0 = () => P, k0 = /* @__PURE__ */ c(y0())({
   name: "Container",
   class: "c1f0y7nw",
   propsAsIs: !0
@@ -465,11 +465,11 @@ const $2 = /* @__PURE__ */ c("div")({
   name: "InnerContainer",
   class: "i1qa3p7a",
   propsAsIs: !1
-}), w0 = () => o2, D0 = /* @__PURE__ */ c(w0())({
+}), w0 = () => o2, x0 = /* @__PURE__ */ c(w0())({
   name: "HiddenContainer",
   class: "hrthymv",
   propsAsIs: !0
-}), x0 = /* @__PURE__ */ c("div")({
+}), D0 = /* @__PURE__ */ c("div")({
   name: "NotificationRefreshing",
   class: "n13rok4i",
   propsAsIs: !1
@@ -500,8 +500,8 @@ const $2 = /* @__PURE__ */ c("div")({
   const {
     sdk: r
   } = U(), [d, l, C] = B0(e.id);
-  return e.type === w.QUESTION ? /* @__PURE__ */ h(D, {
-    children: [/* @__PURE__ */ s(D0, {
+  return e.type === w.QUESTION ? /* @__PURE__ */ h(x, {
+    children: [/* @__PURE__ */ s(x0, {
       ref: d,
       children: /* @__PURE__ */ s(M, {
         ...e
@@ -519,7 +519,7 @@ const $2 = /* @__PURE__ */ c("div")({
           ...e,
           controlVideo: r == null ? void 0 : r.controlVideoPlayer
         })
-      }), /* @__PURE__ */ s(x0, {}, e.id)]
+      }), /* @__PURE__ */ s(D0, {}, e.id)]
     })]
   }) : e.type === w.QUESTION_RESOLVED && (a = (o = e.data) == null ? void 0 : o.question) != null && a.predictionResult ? /* @__PURE__ */ s(S2, {
     style: {
@@ -530,7 +530,7 @@ const $2 = /* @__PURE__ */ c("div")({
     hiding: e.hiding,
     ...e.data.question,
     mastersApp: !0
-  }) : e.type === w.ONBOARDING ? /* @__PURE__ */ s(y0, {
+  }) : e.type === w.ONBOARDING ? /* @__PURE__ */ s(A0, {
     style: {
       height: e.hiding ? 0 : l
     },
@@ -576,7 +576,7 @@ const $2 = /* @__PURE__ */ c("div")({
         behavior: "smooth"
       }), e(null);
     },
-    className: y(p && $0, "sl-pill-button")
+    className: A(p && $0, "sl-pill-button")
   }), E.current);
 }, P0 = ({
   sdk: n,
@@ -587,7 +587,7 @@ const $2 = /* @__PURE__ */ c("div")({
   appNode: a,
   scrollStore: r
 }) => {
-  const [d] = _(n.getNotificationsStore()), l = m(d), [C, u] = _(null), p = A(() => n.getActiveNotification(), [n, l]);
+  const [d] = _(n.getNotificationsStore()), l = m(d), [C, u] = _(null), p = y(() => n.getActiveNotification(), [n, l]);
   return v(() => {
     p && L2.emit("notification", {
       action: "rendered",
@@ -602,7 +602,7 @@ const $2 = /* @__PURE__ */ c("div")({
     }));
   }, [p]), v(() => {
     p || u(null);
-  }, [p]), /* @__PURE__ */ h(D, {
+  }, [p]), /* @__PURE__ */ h(x, {
     children: [!C && p && /* @__PURE__ */ s(V0, {
       headerNode: e,
       appNode: a,
@@ -744,7 +744,7 @@ const $2 = /* @__PURE__ */ c("div")({
   `}${z.intermediate("xl", "lg")`
     --header-offset: 0px;
   `}`;
-const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ s("div", { className: y("masters-theme", z0), style: e, children: n }) }), q0 = ({ sdk: n, className: e }) => {
+const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ s("div", { className: A("masters-theme", z0), style: e, children: n }) }), q0 = ({ sdk: n, className: e }) => {
   const [, t] = I2(n);
   return /* @__PURE__ */ s(r0, { className: e, feature: t, sdk: n });
 }, Q0 = ({ sdk: n, className: e, appNode: t, responsiveStore: i, useContainer: o }) => {
@@ -777,8 +777,8 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
     });
   }, [n]), J(t, { enabled: !0, event: "click", listener: e2 }), v(() => {
     import("./gamification-feature2.js");
-  }, []), /* @__PURE__ */ h($2, { className: y("SDKContainer", !e && H2), ref: t, children: [
-    /* @__PURE__ */ s(C0, { className: y(F), ref: a }),
+  }, []), /* @__PURE__ */ h($2, { className: A("SDKContainer", !e && H2), ref: t, children: [
+    /* @__PURE__ */ s(C0, { className: A(F), ref: a }),
     /* @__PURE__ */ h(P2, { className: "sl-hide-on-modal", ref: d, children: [
       C && /* @__PURE__ */ s(
         P0,
@@ -806,7 +806,7 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
     ] })
   ] });
 }, Y0 = ({ sdk: n, betPack: e, useContainer: t }) => {
-  const [i, o] = _(e), a = !!m(n.userId()), r = A(() => ({ sdk: n }), [n]), d = $(() => {
+  const [i, o] = _(e), a = !!m(n.userId()), r = y(() => ({ sdk: n }), [n]), d = $(() => {
     o(!1);
     const l = n == null ? void 0 : n.getFeature(k.GAMES);
     l == null || l.closeQuestion();
@@ -844,8 +844,8 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
   betPack: n,
   useContainer: e
 }) => {
-  const { sdk: t, status: i } = n2(y2);
-  return i === A2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K0, { style: { height: "100%" }, children: /* @__PURE__ */ s(Y0, { sdk: t, betPack: n, useContainer: e }) }) }) : null;
+  const { sdk: t, status: i } = n2(A2);
+  return i === y2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K0, { style: { height: "100%" }, children: /* @__PURE__ */ s(Y0, { sdk: t, betPack: n, useContainer: e }) }) }) : null;
 };
 class o1 extends O2 {
   constructor(e) {

package/lib/classic/es/notification.js

@@ -1,12 +1,12 @@
-import { k as u, s, X as L, Y as O, _ as R, E as B, $ as P, V as Q, d as V, a as U, e as F, N as k, u as W, b as Y, W as _, h as G } from "./provider.js";
-import { j as m, Q as A, k as K, S as X } from "./useStreamLayerApp2.js";
+import { k as u, s, Z as L, _ as O, $ as R, G as B, a0 as P, W as Q, d as U, a as V, e as F, N as k, u as W, b as G, Y, h as _ } from "./provider.js";
+import { j as m, Q as A, k as K, S as Z } from "./useStreamLayerApp2.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { useState as y, useCallback as H, useMemo as E, useEffect as x } from "react";
 const $ = /* @__PURE__ */ s("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), J = () => $, Z = /* @__PURE__ */ s(J())({
+}), J = () => $, X = /* @__PURE__ */ s(J())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
@@ -18,11 +18,11 @@ const $ = /* @__PURE__ */ s("div")({
   name: "MediaImgRounded",
   class: "myx3xoi",
   propsAsIs: !0
-}), te = () => $, oe = /* @__PURE__ */ s(te())({
+}), te = () => $, ie = /* @__PURE__ */ s(te())({
   name: "MediaImgCentered",
   class: "m1bwv0gx",
   propsAsIs: !0
-}), ie = () => $, ae = /* @__PURE__ */ s(ie())({
+}), oe = () => $, ae = /* @__PURE__ */ s(oe())({
   name: "MediaImgInsight",
   class: "mntjanp",
   propsAsIs: !0
@@ -34,22 +34,22 @@ const $ = /* @__PURE__ */ s("div")({
   [m.UNSET]: N,
   [m.NONE]: N,
   [m.ROUNDED]: ne,
-  [m.CENTERED]: oe,
-  [m.TRANSPARENT]: Z
+  [m.CENTERED]: ie,
+  [m.TRANSPARENT]: X
 }, b = ({
   src: t,
-  imageMode: o = m.UNSET,
-  withVideo: i,
+  imageMode: i = m.UNSET,
+  withVideo: o,
   fromInsight: a
 }) => {
-  if (o === m.NONE)
+  if (i === m.NONE)
     return null;
-  const n = a ? ae : re[o];
+  const n = a ? ae : re[i];
   return /* @__PURE__ */ c(n, {
     children: [/* @__PURE__ */ e("img", {
       src: t,
       alt: ""
-    }), i && /* @__PURE__ */ e(ce, {
+    }), o && /* @__PURE__ */ e(ce, {
       children: /* @__PURE__ */ e(u, {
         name: "icon-play"
       })
@@ -95,7 +95,7 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "ccvukea",
   propsAsIs: !1
-}), ye = ({ image: t, tweet: o, account: i, accountVerified: a, body: n, title: d }) => {
+}), ye = ({ image: t, tweet: i, account: o, accountVerified: a, body: n, title: d }) => {
   var l;
   return /* @__PURE__ */ c($e, { children: [
     d && /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(he, { children: d }) }),
@@ -103,38 +103,38 @@ const $ = /* @__PURE__ */ s("div")({
       L,
       {
         image: t,
-        name: (l = o == null ? void 0 : o.meta) == null ? void 0 : l.accountName,
-        userName: i,
+        name: (l = i == null ? void 0 : i.meta) == null ? void 0 : l.accountName,
+        userName: o,
         verified: a,
-        createdTweet: o == null ? void 0 : o.date
+        createdTweet: i == null ? void 0 : i.date
       }
     ),
     /* @__PURE__ */ e(Ae, { children: O(n) })
   ] });
-}, fe = ({ title: t, questionType: o, questionTypeData: i }) => /* @__PURE__ */ c(M, { children: [
+}, fe = ({ title: t, questionType: i, questionTypeData: o }) => /* @__PURE__ */ c(M, { children: [
   /* @__PURE__ */ e(
     R,
     {
-      questionTypeData: i,
-      questionType: o,
+      questionTypeData: o,
+      questionType: i,
       questionStatus: K.UNSET
     }
   ),
   t && /* @__PURE__ */ e(pe, { children: t })
 ] }), ge = ({ tweet: t }) => t ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ye, { ...t, controlVideo: () => {
-} }) }) : null, Te = ({ action: t, questionType: o, inApp: i, insight: a, tweet: n }) => {
+} }) }) : null, Te = ({ action: t, questionType: i, inApp: o, insight: a, tweet: n }) => {
   var d;
-  const l = B[o], r = P[o];
-  if (!l || !i || !i.notification)
+  const l = B[i], r = P[i];
+  if (!l || !o || !o.notification)
     return null;
-  const { title: p, image: I, imageMode: v } = i.notification;
+  const { title: p, image: I, imageMode: v } = o.notification;
   let h = I;
-  o === A.TWEET && n != null && n.tweetMedia && (h = n.tweetMedia.image), v === m.NONE && (h = "");
-  const f = i.useMediaFromContent && (a == null ? void 0 : a.image), T = o === A.TWEET && ((d = n == null ? void 0 : n.tweetMedia) == null ? void 0 : d.video) || o === A.FACTOID && (a == null ? void 0 : a.video);
-  return /* @__PURE__ */ e(de, { className: "SL_InApp", onClick: t, children: /* @__PURE__ */ c(le, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
+  i === A.TWEET && n != null && n.tweetMedia && (h = n.tweetMedia.image), v === m.NONE && (h = "");
+  const f = o.useMediaFromContent && (a == null ? void 0 : a.image), T = i === A.TWEET && ((d = n == null ? void 0 : n.tweetMedia) == null ? void 0 : d.video) || i === A.FACTOID && (a == null ? void 0 : a.video);
+  return /* @__PURE__ */ e(de, { "data-a": "intr", className: "SL_InApp", onClick: t, children: /* @__PURE__ */ c(le, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
     h && !f && /* @__PURE__ */ e(b, { src: h, imageMode: v, withVideo: !!T }),
     f && /* @__PURE__ */ e(b, { src: f, fromInsight: !0, withVideo: !!T }),
-    o === A.TWEET ? /* @__PURE__ */ e(ge, { tweet: n }) : /* @__PURE__ */ e(fe, { questionTypeData: l, questionType: o, title: p }),
+    i === A.TWEET ? /* @__PURE__ */ e(ge, { tweet: n }) : /* @__PURE__ */ e(fe, { questionTypeData: l, questionType: i, title: p }),
     /* @__PURE__ */ e(me, { name: "inapp-button", children: r || "Open" }),
     /* @__PURE__ */ e(Ie, { name: "chevronRight" })
   ] }) });
@@ -176,15 +176,16 @@ const $ = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 }), je = ({
   open: t,
-  close: o,
-  ...i
+  close: i,
+  ...o
 }) => {
   var a, n;
   return /* @__PURE__ */ c(
     ke,
     {
+      "data-a": "intr",
       onClick: () => {
-        t == null || t(), i && (i.instantOpen = !0);
+        t == null || t(), o && (o.instantOpen = !0);
       },
       children: [
         /* @__PURE__ */ c(Ne, { children: [
@@ -200,10 +201,10 @@ const $ = /* @__PURE__ */ s("div")({
         /* @__PURE__ */ c(Se, { children: [
           /* @__PURE__ */ c(Ee, { children: [
             /* @__PURE__ */ e(Ce, { name: "icon-trophy-solid" }),
-            (a = i == null ? void 0 : i.titleCard) == null ? void 0 : a.title
+            (a = o == null ? void 0 : o.titleCard) == null ? void 0 : a.title
           ] }),
           /* @__PURE__ */ c(xe, { children: [
-            /* @__PURE__ */ e("span", { children: (n = i == null ? void 0 : i.titleCard) == null ? void 0 : n.subtitle }),
+            /* @__PURE__ */ e("span", { children: (n = o == null ? void 0 : o.titleCard) == null ? void 0 : n.subtitle }),
             /* @__PURE__ */ e(Me, { name: "inapp-button", children: "Play Now" })
           ] })
         ] }),
@@ -211,7 +212,7 @@ const $ = /* @__PURE__ */ s("div")({
           qe,
           {
             close: (d) => {
-              d == null || d.stopPropagation(), o == null || o();
+              d == null || d.stopPropagation(), i == null || i();
             }
           }
         )
@@ -242,14 +243,14 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Body",
   class: "barrbyu",
   propsAsIs: !1
-}), Ve = /* @__PURE__ */ s("div")({
+}), Ue = /* @__PURE__ */ s("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), Ue = ({
+}), Ve = ({
   step: t,
-  children: o,
-  answer: i,
+  children: i,
+  answer: o,
   state: a = "pending"
 }) => {
   const [n, d] = y(0), [l] = y(() => new ResizeObserver((p) => {
@@ -272,15 +273,15 @@ const $ = /* @__PURE__ */ s("div")({
         minWidth: `${n}px`
       },
       children: /* @__PURE__ */ e(Qe, {
-        children: o
+        children: i
       }, t)
-    }), /* @__PURE__ */ e(Ve, {
+    }), /* @__PURE__ */ e(Ue, {
       ref: r,
       className: a,
       children: /* @__PURE__ */ c("div", {
         children: [/* @__PURE__ */ e(Le, {
           name: "icon-check"
-        }), "Your Pick: ", i]
+        }), "Your Pick: ", o]
       })
     })]
   });
@@ -292,31 +293,31 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), We = () => g, Ye = /* @__PURE__ */ s(We())({
+}), We = () => g, Ge = /* @__PURE__ */ s(We())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), _e = () => g, Ge = /* @__PURE__ */ s(_e())({
+}), Ye = () => g, _e = /* @__PURE__ */ s(Ye())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), Ke = () => g, Xe = /* @__PURE__ */ s(Ke())({
+}), Ke = () => g, Ze = /* @__PURE__ */ s(Ke())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
 }), He = () => /* @__PURE__ */ c(Fe, {
-  children: [/* @__PURE__ */ e(Ye, {
+  children: [/* @__PURE__ */ e(Ge, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Ge, {
+  }), /* @__PURE__ */ e(_e, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Xe, {
+  }), /* @__PURE__ */ e(Ze, {
     children: /* @__PURE__ */ e("div", {})
   })]
 }), Je = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Ze = () => u, es = /* @__PURE__ */ s(Ze())({
+}), Xe = () => u, es = /* @__PURE__ */ s(Xe())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
@@ -332,16 +333,16 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Caption",
   class: "c1c8xjus",
   propsAsIs: !1
-}), os = /* @__PURE__ */ s("div")({
+}), is = /* @__PURE__ */ s("div")({
   name: "Title",
   class: "t1d1uekn",
   propsAsIs: !1
-}), is = ({
+}), os = ({
   title: t
 }) => /* @__PURE__ */ c(ns, {
   children: [/* @__PURE__ */ e(ts, {
     children: "Results for"
-  }), /* @__PURE__ */ e(os, {
+  }), /* @__PURE__ */ e(is, {
     children: t
   })]
 }), j = /* @__PURE__ */ s("div")({
@@ -390,7 +391,7 @@ const $ = /* @__PURE__ */ s("div")({
   points: t
 }) => /* @__PURE__ */ c(ps, {
   children: [/* @__PURE__ */ c(ms, {
-    children: ["You won ", /* @__PURE__ */ e(V, {
+    children: ["You won ", /* @__PURE__ */ e(U, {
       delay: 0.5,
       prefix: "+",
       suffix: " points",
@@ -412,11 +413,11 @@ const $ = /* @__PURE__ */ s("div")({
   2: 4e3,
   3: 4e3,
   4: 4e3
-}, hs = ({ close: t, action: o, setStep: i, votedAnswer: a, correct: n, correctAnswerTitle: d, questionTitle: l, step: r }) => {
+}, hs = ({ close: t, action: i, setStep: o, votedAnswer: a, correct: n, correctAnswerTitle: d, questionTitle: l, step: r }) => {
   if (x(() => {
-    if (i) {
+    if (o) {
       const I = setTimeout(() => {
-        S[r + 1] && (n || r < 3) ? i(r + 1) : t == null || t();
+        S[r + 1] && (n || r < 3) ? o(r + 1) : t == null || t();
       }, S[r]);
       return () => {
         I && clearTimeout(I);
@@ -424,26 +425,26 @@ const $ = /* @__PURE__ */ s("div")({
     }
     return () => {
     };
-  }, [i, r, t, n]), r === 1)
+  }, [o, r, t, n]), r === 1)
     return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(ss, {}) }) });
   let p = "pending";
-  return (r === 3 || r === 4) && (p = n ? "correct" : "incorrect"), /* @__PURE__ */ e(w, { onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(q, { children: [
+  return (r === 3 || r === 4) && (p = n ? "correct" : "incorrect"), /* @__PURE__ */ e(w, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ c(q, { children: [
     r !== 1 && /* @__PURE__ */ e(He, {}, r),
-    /* @__PURE__ */ c(Ue, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
-      r === 2 && /* @__PURE__ */ e(is, { title: l || "unknown" }),
+    /* @__PURE__ */ c(Ve, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
+      r === 2 && /* @__PURE__ */ e(os, { title: l || "unknown" }),
       r === 3 && n && /* @__PURE__ */ e(ls, {}),
       r === 3 && !n && /* @__PURE__ */ e(ds, { title: d || "unknown" }),
       r === 4 && /* @__PURE__ */ e(vs, { points: (a == null ? void 0 : a.points) || 0 })
     ] })
   ] }) });
-}, As = ({ close: t, action: o, votedAnswer: i, correct: a, correctAnswerTitle: n, questionTitle: d }) => {
+}, As = ({ close: t, action: i, votedAnswer: o, correct: a, correctAnswerTitle: n, questionTitle: d }) => {
   const [l, r] = y(1);
   return /* @__PURE__ */ e(
     hs,
     {
       close: t,
-      action: o,
-      votedAnswer: i,
+      action: i,
+      votedAnswer: o,
       correct: a,
       correctAnswerTitle: n,
       questionTitle: d,
@@ -457,7 +458,7 @@ const $ = /* @__PURE__ */ s("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), ys = (t) => /* @__PURE__ */ e($s, { children: /* @__PURE__ */ e(As, { ...t }) }), fs = ({ sdk: t }) => {
-  const [o] = y(t.getNotificationsStore()), i = U(o), a = t.getFeature(X.GAMES), n = E(() => t.getActiveNotification(), [t, i]);
+  const [i] = y(t.getNotificationsStore()), o = V(i), a = t.getFeature(Z.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
   return x(() => {
     n && F.emit("notification", {
       action: "rendered",
@@ -475,8 +476,8 @@ const $ = /* @__PURE__ */ s("div")({
     }
   ) : null : n && n.type === k.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ e(je, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ e(Te, { ...n.data, action: n.action });
 }, bs = ({ theme: t }) => {
-  const o = W(), i = Y(), a = _();
-  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(G, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(fs, { sdk: o }) }) }) : null;
+  const i = W(), o = G(), a = Y();
+  return i && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(_, { customTheme: t ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ e(fs, { sdk: i }) }) }) : null;
 };
 export {
   bs as StreamLayerSDKNotification,

package/lib/classic/es/points.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import { s as a, k as h, c as y, d as S, a as f, F as c, e as p, u as v, b as k, h as g } from "./provider.js";
+import { s as a, k as h, c as y, d as S, a as f, F as p, e as r, u as v, b as k, h as g } from "./provider.js";
 import { S as b } from "./useStreamLayerApp2.js";
 const A = /* @__PURE__ */ a("div")({
   name: "PointsContainer",
@@ -33,23 +33,29 @@ const A = /* @__PURE__ */ a("div")({
     /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(S, { value: s }) })
   ] })
 ] }), j = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [o, m] = u(0);
+  const e = s.userSummary.$store, [n, m] = u(0);
   return d(() => {
-    const n = e.subscribe((r) => {
-      var i;
-      (i = r == null ? void 0 : r.summary) != null && i.points && m(r.summary.points);
+    const o = e.subscribe((i) => {
+      var c;
+      (c = i == null ? void 0 : i.summary) != null && c.points && m(i.summary.points);
     });
     return () => {
-      n();
+      o();
     };
-  }, [e]), /* @__PURE__ */ t(C, { points: o, onClick: () => {
-    const n = s.status.get();
-    n === c.Suspended ? (s.openFeature(), p.emit("app", {
+  }, [e]), /* @__PURE__ */ t(C, { points: n, onClick: () => {
+    const o = s.status.get();
+    o === p.Suspended ? (s.openFeature(), r.emit("app", {
       action: "open",
       payload: {}
-    })) : n === c.Ready && (s.closeFeature(!1), p.emit("app", {
+    }), r.emit("interactions", {
+      action: "tap",
+      payload: {}
+    })) : o === p.Ready && (s.closeFeature(!1), r.emit("app", {
       action: "close",
       payload: {}
+    }), r.emit("interactions", {
+      action: "tap",
+      payload: {}
     }));
   } });
 }, M = ({ sdk: s }) => {
@@ -58,8 +64,8 @@ const A = /* @__PURE__ */ a("div")({
   const e = s.getFeature(b.GAMES);
   return e ? /* @__PURE__ */ t(j, { gamification: e }) : null;
 }, K = ({ theme: s }) => {
-  const e = v(), o = k();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
+  const e = v(), n = k();
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
 };
 export {
   K as StreamLayerSDKPoints