@streamlayer/react-ui 1.26.0 → 1.27.0

package/lib/ui/gamification/detail/header/styles.js

@@ -16,7 +16,7 @@ const c = /* @__PURE__ */ s("div")({
   name: "QuestionTypeTitle",
   class: "qss5f0e",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("button")({
   name: "CloseIconWrap",
   class: "c1ao1jtv",
   propsAsIs: !1

package/lib/ui/gamification/detail/sponsor/index.d.ts

@@ -1,3 +1,4 @@
+export declare const SponsorLogoWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Sponsor: React.FC<{
     sponsorLogo?: string;
     mastersApp?: boolean;

package/lib/ui/gamification/detail/sponsor/index.js

@@ -1,25 +1,37 @@
-import { jsx as o } from "react/jsx-runtime";
-import { styled as n } from "@linaria/react";
-import { SvgIcon as e } from "../../../icons/index.js";
-const s = /* @__PURE__ */ n("div")({
+import { jsx as C } from "react/jsx-runtime";
+import { styled as o } from "@linaria/react";
+import { SvgIcon as p } from "../../../icons/index.js";
+const s = "data:image/svg+xml,%3csvg%20width='103'%20height='18'%20viewBox='0%200%20103%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_104497)'%3e%3cpath%20d='M9.89618%203.45801C9.91951%203.45801%209.94451%203.46134%209.96784%203.46134C9.97618%203.46134%209.98284%203.46134%209.99118%203.46467H9.99784C10.0095%203.46467%2010.0212%203.46801%2010.0312%203.46801C10.0412%203.46801%2010.0462%203.46801%2010.0545%203.47134C10.0762%203.47467%2010.0962%203.47467%2010.1178%203.47634C10.1412%203.47967%2010.1662%203.48134%2010.1895%203.48467H10.2012C10.2462%203.48967%2010.2945%203.49634%2010.3395%203.50467C10.4512%203.52467%2010.5595%203.54801%2010.6662%203.57801C10.6928%203.58301%2010.7178%203.59301%2010.7445%203.60134H10.7478C10.7745%203.60967%2010.7995%203.61801%2010.8262%203.62467C10.8528%203.63301%2010.8778%203.64134%2010.9045%203.65134C10.9312%203.65967%2010.9562%203.66801%2010.9795%203.67967C11.0012%203.68801%2011.0212%203.69634%2011.0428%203.70634C11.0495%203.70967%2011.0578%203.71134%2011.0645%203.71467C11.0828%203.72301%2011.1012%203.72967%2011.1195%203.73801C11.1262%203.74134%2011.1312%203.74301%2011.1378%203.74634C11.1562%203.75467%2011.1712%203.76134%2011.1895%203.76967C11.1962%203.77301%2011.2045%203.77467%2011.2128%203.78134C11.2345%203.78967%2011.2528%203.79801%2011.2728%203.80967C11.2762%203.80967%2011.2795%203.81301%2011.2812%203.81301C11.3045%203.82467%2011.3295%203.83634%2011.3512%203.84801C11.3695%203.85634%2011.3878%203.86801%2011.4062%203.87634C11.4212%203.88134%2011.4328%203.89134%2011.4462%203.89967C11.4645%203.91134%2011.4828%203.91967%2011.5012%203.93134C11.5045%203.93467%2011.5078%203.93467%2011.5095%203.93634L11.5728%203.97467H11.5762L15.2178%206.18801L15.4412%206.32467C16.3228%206.90801%2016.9028%207.88467%2016.9028%208.99301C16.9028%2010.1013%2016.3262%2011.0763%2015.4445%2011.6613L15.2095%2011.803L11.5745%2014.0113H11.5712L11.5078%2014.0497C11.5078%2014.0497%2011.5012%2014.053%2011.4995%2014.0547C11.4812%2014.0663%2011.4628%2014.0747%2011.4445%2014.0863C11.4595%2014.078%2011.4745%2014.0697%2011.4895%2014.0597L5.94951%2017.433C5.94951%2017.433%205.94618%2017.433%205.94618%2017.4363L5.74451%2017.558H5.74118C5.19784%2017.863%204.55784%2018.0247%203.87784%2017.993C2.73618%2017.938%201.75784%2017.3463%201.19284%2016.4847C0.837844%2015.9413%200.64451%2015.2913%200.681177%2014.6013C0.71451%2013.983%200.922844%2013.4147%201.26118%2012.9397L1.26951%2012.9247L4.04451%208.99634L6.77784%205.12634C6.81118%205.07967%206.84784%205.03301%206.87784%204.98467C6.87451%204.98967%206.86951%204.99967%206.86284%205.00467C6.87118%204.98967%206.88118%204.97634%206.88951%204.96134C6.88951%204.95801%206.89284%204.95801%206.89284%204.95634C6.89618%204.95301%206.89951%204.94801%206.90118%204.94467C6.90118%204.94467%206.90118%204.94134%206.90451%204.94134C6.91951%204.92134%206.93451%204.90134%206.94618%204.87801C6.96118%204.85801%206.97618%204.83801%206.99118%204.81634C7.00618%204.79634%207.02118%204.77634%207.03618%204.75467C7.03951%204.75134%207.03951%204.74967%207.04284%204.74634C7.04618%204.74301%207.04618%204.74134%207.04951%204.74134C7.06451%204.72134%207.07951%204.70134%207.09784%204.67967C7.10951%204.66467%207.12118%204.65134%207.13451%204.63634C7.16784%204.59801%207.20118%204.56134%207.23784%204.52301C7.25284%204.50801%207.26451%204.49467%207.27951%204.47967C7.30118%204.45634%207.32118%204.43634%207.34618%204.41634C7.36451%204.39967%207.38284%204.38134%207.40118%204.36467C7.41951%204.34801%207.43451%204.33301%207.45284%204.31801C7.45618%204.31467%207.45951%204.31301%207.45951%204.31301C7.47118%204.30134%207.48118%204.29301%207.49284%204.28467C7.50451%204.27301%207.51951%204.26134%207.53284%204.25301C7.53618%204.24967%207.53951%204.24801%207.54118%204.24801C7.55951%204.23301%207.57451%204.21967%207.59284%204.20467C7.60784%204.18967%207.62618%204.17801%207.64118%204.16634C7.65618%204.15467%207.66784%204.14634%207.68284%204.13467C7.70118%204.11967%207.71951%204.10801%207.73784%204.09467C7.75284%204.08634%207.76451%204.07467%207.77951%204.06634C7.78618%204.06134%207.79451%204.05467%207.80284%204.05134C7.81784%204.03967%207.83284%204.03134%207.84784%204.02301C7.85118%204.01967%207.85618%204.01801%207.85951%204.01467C7.87784%204.00301%207.89618%203.99134%207.91118%203.98301C7.91784%203.97801%207.92618%203.97467%207.93284%203.96801C7.94784%203.95967%207.95951%203.95134%207.97451%203.94134C7.98284%203.93634%207.99284%203.92967%208.00118%203.92467C8.01618%203.91634%208.03451%203.90801%208.04951%203.89634C8.05284%203.89301%208.05784%203.89134%208.06451%203.88801C8.08618%203.87634%208.10451%203.86467%208.12451%203.85634C8.12784%203.85301%208.13118%203.85301%208.13618%203.85134C8.15784%203.83967%208.17784%203.82801%208.19951%203.81967C8.19951%203.81967%208.20284%203.81967%208.20284%203.81634C8.22618%203.80467%208.24784%203.79301%208.27284%203.78134C8.27284%203.78134%208.27618%203.78134%208.27618%203.77801C8.29451%203.76967%208.31284%203.76134%208.33284%203.75134C8.34118%203.74801%208.35118%203.74301%208.35951%203.73967C8.37118%203.73467%208.38284%203.72801%208.39618%203.72467C8.41118%203.71967%208.42284%203.71301%208.43784%203.70801C8.46118%203.69967%208.48284%203.69134%208.50784%203.68134C8.52284%203.67634%208.53451%203.66967%208.54951%203.66634C8.57118%203.65801%208.59118%203.65134%208.61284%203.64301C8.63118%203.63801%208.65284%203.63134%208.66951%203.62301C8.75451%203.59634%208.83784%203.57134%208.92284%203.54967C8.94118%203.54467%208.96284%203.54134%208.97951%203.53801C9.08451%203.51467%209.19451%203.49467%209.30284%203.48301C9.32951%203.47967%209.35784%203.47801%209.38451%203.47467C9.42118%203.47134%209.45951%203.46967%209.49618%203.46634C9.51118%203.46634%209.52284%203.46301%209.53784%203.46301H9.55951C9.58951%203.46301%209.61618%203.45967%209.64784%203.45967H9.73784C9.79451%203.45967%209.84284%203.45967%209.89451%203.46301L9.89618%203.45801ZM10.6662%2014.413C10.5612%2014.4413%2010.4512%2014.4647%2010.3395%2014.4863C10.4512%2014.4663%2010.5595%2014.443%2010.6662%2014.413ZM9.56118%2014.5313H9.56951C9.56118%2014.5313%209.54784%2014.5313%209.53951%2014.528C9.54618%2014.528%209.55451%2014.5313%209.56118%2014.5313ZM7.08784%2013.293C7.05451%2013.253%207.02451%2013.2147%206.99451%2013.1747C7.02451%2013.2147%207.05784%2013.253%207.08784%2013.293ZM6.90284%2013.043C6.90284%2013.043%206.90618%2013.0463%206.90618%2013.048C6.90284%2013.0447%206.90284%2013.043%206.89951%2013.0363C6.89618%2013.033%206.89618%2013.0297%206.89284%2013.0247C6.86951%2012.9897%206.84784%2012.953%206.82284%2012.918C6.84451%2012.953%206.86784%2012.9913%206.88951%2013.0247C6.89618%2013.0297%206.89784%2013.0363%206.90118%2013.0413L6.90284%2013.043ZM6.89451%2013.0263C6.85784%2012.968%206.81951%2012.913%206.77618%2012.858L6.89451%2013.0263Z'%20fill='%231652A8'%20style='fill:%231652A8;fill:color(display-p3%200.0863%200.3216%200.6588);fill-opacity:1;'/%3e%3cg%20opacity='0.85'%3e%3cpath%20d='M5.77088%200.453306L5.97588%200.578306L5.97921%200.581639L11.5225%203.94997C11.5075%203.94164%2011.4925%203.93331%2011.4775%203.92331C11.4959%203.93497%2011.5142%203.94331%2011.5325%203.95497C11.5359%203.95831%2011.5392%203.95831%2011.5409%203.95997L11.6042%203.99831H11.6075L15.2492%206.21164L15.4725%206.34831C16.3542%206.93164%2016.9342%207.9083%2016.9342%209.01664C16.9342%2010.125%2016.3575%2011.1%2015.4759%2011.685L15.2409%2011.8266L11.6059%2014.035H11.6025L11.5392%2014.0733C11.5392%2014.0733%2011.5325%2014.0766%2011.5309%2014.0783C11.5125%2014.09%2011.4942%2014.0983%2011.4759%2014.11C11.4642%2014.1183%2011.4492%2014.125%2011.4359%2014.1333C11.4175%2014.145%2011.3992%2014.1533%2011.3809%2014.1616C11.3575%2014.1733%2011.3359%2014.185%2011.3109%2014.1966C11.3075%2014.2%2011.3042%2014.2%2011.3025%2014.2C11.2842%2014.2116%2011.2625%2014.22%2011.2425%2014.2283C11.2359%2014.2316%2011.2275%2014.2333%2011.2192%2014.24C11.2009%2014.2483%2011.1859%2014.255%2011.1675%2014.2633C11.1609%2014.2666%2011.1592%2014.2683%2011.1525%2014.2683C11.1309%2014.2766%2011.1109%2014.285%2011.0859%2014.2966C11.0625%2014.3083%2011.0342%2014.3166%2011.0109%2014.325C10.9875%2014.3333%2010.9592%2014.345%2010.9359%2014.3533C10.9092%2014.3616%2010.8842%2014.37%2010.8575%2014.38C10.8309%2014.3883%2010.8059%2014.3966%2010.7792%2014.4033H10.7759C10.7492%2014.4116%2010.7242%2014.4183%2010.6975%2014.4266C10.5925%2014.455%2010.4825%2014.4783%2010.3709%2014.4983C10.3259%2014.5066%2010.2775%2014.5133%2010.2325%2014.5183C10.2259%2014.5183%2010.2242%2014.5183%2010.2209%2014.5216C10.1975%2014.525%2010.1725%2014.5283%2010.1492%2014.53C10.1009%2014.5366%2010.0525%2014.5383%2010.0042%2014.5416C9.92921%2014.5483%209.85254%2014.5483%209.77754%2014.5483H9.68088C9.65421%2014.5483%209.62921%2014.545%209.60254%2014.545C9.59421%2014.545%209.58088%2014.545%209.57254%2014.5416C9.53254%2014.5383%209.49088%2014.5366%209.45254%2014.5333C9.27421%2014.5166%209.09588%2014.4866%208.92754%2014.4466C8.90421%2014.44%208.87921%2014.435%208.85254%2014.4266C8.81921%2014.4183%208.78588%2014.41%208.74921%2014.3983C8.73088%2014.3933%208.70921%2014.3866%208.69254%2014.3816C8.66588%2014.3733%208.64088%2014.365%208.61421%2014.355C8.58754%2014.3466%208.56254%2014.3383%208.53921%2014.3266C8.51588%2014.3183%208.48754%2014.3066%208.46421%2014.2983C8.44088%2014.29%208.41921%2014.2816%208.39754%2014.27C8.38921%2014.2666%208.38254%2014.265%208.37421%2014.2583C8.35588%2014.25%208.33754%2014.2416%208.31754%2014.2316C8.31754%2014.2316%208.31421%2014.2316%208.31421%2014.2283C8.29088%2014.2166%208.26588%2014.205%208.24254%2014.1933C8.21921%2014.1816%208.19421%2014.17%208.17088%2014.155C8.14754%2014.1433%208.12254%2014.1283%208.10088%2014.1166C8.07754%2014.105%208.05254%2014.09%208.03088%2014.0766C8.00754%2014.0616%207.98588%2014.0483%207.96088%2014.0366C7.93754%2014.0216%207.91588%2014.0083%207.89421%2013.9933C7.87254%2013.9783%207.85254%2013.965%207.83088%2013.95C7.82754%2013.95%207.82754%2013.9466%207.82421%2013.945C7.80588%2013.9333%207.78754%2013.9183%207.76754%2013.905C7.76421%2013.9016%207.76088%2013.9016%207.75921%2013.9C7.74088%2013.885%207.72254%2013.8733%207.70421%2013.86C7.70088%2013.8566%207.69588%2013.855%207.69254%2013.8483C7.67421%2013.8333%207.65588%2013.82%207.63754%2013.805C7.63754%2013.805%207.63421%2013.805%207.63421%2013.8016C7.61588%2013.7866%207.59754%2013.7733%207.57754%2013.755C7.57421%2013.7516%207.57088%2013.7516%207.56921%2013.7483C7.55421%2013.7366%207.53921%2013.7216%207.52421%2013.71C7.51754%2013.705%207.51254%2013.6983%207.50588%2013.695C7.49421%2013.6833%207.47921%2013.6716%207.46588%2013.66C7.43921%2013.6366%207.41421%2013.6133%207.39088%2013.5866C7.37254%2013.57%207.35754%2013.5516%207.33921%2013.535C7.32754%2013.5233%207.31754%2013.5116%207.30588%2013.5C7.29421%2013.4883%207.28421%2013.48%207.27588%2013.4683C7.25754%2013.4516%207.24254%2013.43%207.22421%2013.4133C7.19088%2013.375%207.15754%2013.3383%207.12421%2013.2966C7.09088%2013.2566%207.06088%2013.2183%207.03088%2013.1783C7.01588%2013.1583%207.00088%2013.1383%206.98588%2013.1166C6.97088%2013.0966%206.95588%2013.0766%206.94421%2013.0533C6.94088%2013.05%206.94088%2013.0483%206.93754%2013.0416C6.93421%2013.0383%206.93421%2013.0366%206.93088%2013.03C6.90754%2012.995%206.88588%2012.9583%206.86088%2012.9233C6.88254%2012.9583%206.90588%2012.995%206.92754%2013.03C6.89088%2012.9716%206.85254%2012.9166%206.80921%2012.8616L4.07921%208.99664L1.34088%205.12997L1.23254%204.97664L1.22921%204.97164C0.92421%204.51164%200.737543%203.97497%200.707543%203.39497C0.670877%202.70497%200.86421%202.05164%201.22088%201.50997C1.78588%200.648306%202.76588%200.0566391%203.90421%20-2.75556e-05C4.58421%20-0.0150276%205.22421%200.148306%205.77088%200.453306Z'%20fill='url(%23paint0_linear_6919_104497)'%20style=''/%3e%3c/g%3e%3cpath%20d='M32.4132%2012.862C31.2015%2012.862%2030.4482%2012.0503%2030.4482%2010.7203V8.4453H32.6632V7.02697H30.4482V4.72363L28.8548%205.9053V7.0253H27.9648V8.44363H28.8548V10.7053C28.8548%2012.9953%2030.1982%2014.412%2032.4282%2014.412H32.7682V12.862H32.4132Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M19.9812%2012.5767L21.4028%2011.4651C22.0395%2012.4867%2022.8995%2013.0351%2023.9962%2013.0351C25.1962%2013.0351%2025.9512%2012.2651%2025.9512%2011.3017C25.9512%2010.1901%2024.7662%209.83506%2023.5212%209.43506C22.0545%208.96172%2020.4695%208.36839%2020.4695%206.38339C20.4695%204.73839%2021.9362%203.43506%2023.9362%203.43506C25.5812%203.43506%2026.6028%204.07172%2027.4328%205.03506L26.1145%206.01339C25.6262%205.25839%2024.8995%204.85839%2023.9362%204.85839C22.8395%204.85839%2022.1278%205.51006%2022.1278%206.35506C22.1278%207.39172%2023.2695%207.73339%2024.5128%208.14839C25.9945%208.65172%2027.6095%209.29006%2027.6095%2011.3051C27.6095%2012.9651%2026.2462%2014.5501%2024.0095%2014.5501C22.1578%2014.5501%2020.8978%2013.7651%2019.9795%2012.5801L19.9812%2012.5767Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M38.2695%2010.7367C38.2695%208.56503%2039.9379%206.8667%2042.1095%206.8667C44.2812%206.8667%2045.9062%208.4467%2045.9062%2010.6334V11.2534H39.7912C39.9979%2012.39%2040.8845%2013.1434%2042.1695%2013.1434C43.1745%2013.1434%2043.9429%2012.6117%2044.3262%2011.8134L45.6262%2012.5367C44.9762%2013.7484%2043.8095%2014.545%2042.1695%2014.545C39.8362%2014.545%2038.2695%2012.8767%2038.2695%2010.735V10.7367ZM39.8645%209.91003H44.2962C44.0595%208.8467%2043.2479%208.25503%2042.1095%208.25503C40.9712%208.25503%2040.1595%208.93503%2039.8645%209.91003Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M33.7549%2010.72C33.7549%208.42999%2035.0982%207.02832%2037.3282%207.02832H38.0366V8.56499H37.3132C36.1016%208.56499%2035.3199%209.40665%2035.3349%2010.7367V14.415H33.7549V10.7233V10.72Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M46.6882%2010.7218C46.6882%208.56517%2048.3865%206.88184%2050.5132%206.88184C52.6399%206.88184%2054.3082%208.56517%2054.3082%2010.7218V14.4135H52.7582V13.4535C52.2415%2014.1468%2051.4432%2014.5468%2050.4682%2014.5468C48.3565%2014.5468%2046.6865%2012.8935%2046.6865%2010.7218H46.6882ZM52.7882%2010.7218C52.7882%209.40684%2051.7832%208.3585%2050.5132%208.3585C49.2432%208.3585%2048.2382%209.40684%2048.2382%2010.7218C48.2382%2012.0368%2049.2282%2013.0852%2050.5132%2013.0852C51.7982%2013.0852%2052.7882%2012.0218%2052.7882%2010.7218Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M55.3027%2010.2717C55.3027%208.30667%2056.6461%206.875%2058.6411%206.875C59.7777%206.875%2060.6944%207.33333%2061.2694%208.10167C61.8161%207.33333%2062.7027%206.875%2063.8394%206.875C65.8477%206.875%2067.2511%208.27833%2067.2511%2010.2717V14.4067H65.6711V10.2867C65.6711%209.165%2064.9177%208.38167%2063.8394%208.38167C62.7611%208.38167%2062.0527%209.18%2062.0677%2010.2433V14.4083H60.4877V10.2883C60.4877%209.16667%2059.7194%208.38333%2058.6411%208.38333C57.5627%208.38333%2056.8694%209.18167%2056.8827%2010.245V14.41H55.3027V10.275V10.2717Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M68.2646%203.62695H69.8746V12.872H74.2313V14.4086H68.2646V3.62695Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M89.418%2010.7367C89.418%208.56503%2091.0863%206.8667%2093.258%206.8667C95.4296%206.8667%2097.0546%208.4467%2097.0546%2010.6334V11.2534H90.9396C91.1463%2012.39%2092.033%2013.1434%2093.318%2013.1434C94.323%2013.1434%2095.0913%2012.6117%2095.4746%2011.8134L96.7746%2012.5367C96.1246%2013.7484%2094.958%2014.545%2093.318%2014.545C90.9846%2014.545%2089.418%2012.8767%2089.418%2010.735V10.7367ZM91.013%209.91003H95.4446C95.208%208.8467%2094.3963%208.25503%2093.258%208.25503C92.1196%208.25503%2091.308%208.93503%2091.013%209.91003Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M74.4948%2010.7218C74.4948%208.56517%2076.1932%206.88184%2078.3198%206.88184C80.4465%206.88184%2082.1148%208.56517%2082.1148%2010.7218V14.4135H80.5648V13.4535C80.0482%2014.1468%2079.2498%2014.5468%2078.2748%2014.5468C76.1632%2014.5468%2074.4932%2012.8935%2074.4932%2010.7218H74.4948ZM80.5948%2010.7218C80.5948%209.40684%2079.5898%208.3585%2078.3198%208.3585C77.0498%208.3585%2076.0448%209.40684%2076.0448%2010.7218C76.0448%2012.0368%2077.0348%2013.0852%2078.3198%2013.0852C79.6048%2013.0852%2080.5948%2012.0218%2080.5948%2010.7218Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M85.0381%2014.0498L81.9814%207.0498H83.6798L85.8364%2012.1748L87.8748%207.0498H89.5431L85.0831%2017.8465H83.4581L85.0381%2014.0515V14.0498Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3cpath%20d='M98.041%2010.7151C98.041%208.4251%2099.3843%207.02344%20101.614%207.02344H102.323V8.5601H101.599C100.388%208.5601%2099.606%209.40177%2099.621%2010.7318V14.4101H98.041V10.7184V10.7151Z'%20fill='%23687C8B'%20style='fill:%23687C8B;fill:color(display-p3%200.4078%200.4863%200.5451);fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_6919_104497'%20x1='4.31754'%20y1='8.70664'%20x2='13.6359'%20y2='3.59497'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.2'%20stop-color='%231589EE'%20style='stop-color:%231589EE;stop-color:color(display-p3%200.0824%200.5373%200.9333);stop-opacity:1;'/%3e%3cstop%20offset='1'%20stop-color='%235EB4FF'%20style='stop-color:%235EB4FF;stop-color:color(display-p3%200.3686%200.7059%201.0000);stop-opacity:1;'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_6919_104497'%3e%3crect%20width='101.648'%20height='18'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.675781)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", l = /* @__PURE__ */ o("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), t = () => e, r = /* @__PURE__ */ n(t())({
+}), e = () => p, c = /* @__PURE__ */ o(e())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
-}), i = ({
-  mastersApp: p
-}) => p ? /* @__PURE__ */ o(s, {
-  children: /* @__PURE__ */ o(r, {
+}), a = /* @__PURE__ */ o("img")({
+  name: "AdSponsorLogo",
+  class: "a1dflj8e",
+  propsAsIs: !1
+}), d = ({
+  mastersApp: t,
+  sponsorLogo: i
+}) => t ? /* @__PURE__ */ C(l, {
+  children: /* @__PURE__ */ C(c, {
     name: "mastersLogo"
   })
-}) : /* @__PURE__ */ o(s, {
-  children: /* @__PURE__ */ o(r, {
-    name: "streamLayerLogo"
+}) : i ? /* @__PURE__ */ C(l, {
+  children: /* @__PURE__ */ C(a, {
+    src: i,
+    alt: "ad-sponsor-logo"
+  })
+}) : /* @__PURE__ */ C(l, {
+  children: /* @__PURE__ */ C("img", {
+    src: s,
+    alt: "stream-layer-logo"
   })
 });
 export {
-  i as Sponsor
+  d as Sponsor,
+  l as SponsorLogoWrap
 };

package/lib/ui/gamification/invite-link/styles.d.ts

@@ -1,6 +1,18 @@
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const FriendsIcon: any;
+export declare const FriendsIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Description: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ArrowInviteIcon: any;
+export declare const ArrowInviteIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/lib/ui/gamification/leaderboard/list-item/styles.d.ts

@@ -5,4 +5,10 @@ export declare const AvatarPlaceholder: import('@linaria/react').StyledComponent
 export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const NameContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Name: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
-export declare const CurrentUserBadge: any;
+export declare const CurrentUserBadge: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/styles.d.ts

@@ -1,6 +1,12 @@
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const IconContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteGameIcon: any;
+export declare const InviteGameIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Heading: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Subtext: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -8,4 +14,10 @@ export declare const LinkContainer: import('@linaria/react').StyledComponent<imp
 export declare const LinkInfo: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const LinkTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const LinkAddress: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
-export declare const LinkIcon: any;
+export declare const LinkIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/lib/ui/gamification/onboarding/styles.d.ts

@@ -2,6 +2,14 @@ export declare const Container: import('@linaria/react').StyledComponent<import(
 export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const OnboardingHeader: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const CloseBtn: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const IconClose: any;
+export declare const IconClose: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const OnboardingFooter: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const OnboardingActionBtn: any;
+export declare const OnboardingActionBtn: {
+    __wyw_meta: unknown;
+} & import('react').FC<import('../../button').ButtonProps>;

package/lib/ui/gamification/points/styles.d.ts

@@ -1,6 +1,12 @@
 export declare const PointsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PointsIcon: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const PointsSvg: any;
+export declare const PointsSvg: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const PointsBody: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PointsTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PointsValue: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/inapp/notification/AdNotification/NotificationMedia/index.d.ts

@@ -0,0 +1,48 @@
+import { NotificationUseContentMedia, QuestionImages } from '@streamlayer/sdk-web-types';
+export declare const MediaComponentWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    color: string;
+}>;
+export declare const MediaImgBottom: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaVideo: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgContentMedia: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgSolid: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgRounded: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgCentered: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaNone: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const videoContainerClassName: import('@linaria/core').LinariaClassName;
+export declare const NotificationMedia: React.FC<{
+    src?: string;
+    imageMode?: QuestionImages;
+    withVideo: boolean;
+    color?: string;
+    useContentMedia?: NotificationUseContentMedia;
+    thumbnailUrl?: string;
+}>;

package/lib/ui/gamification/question/inapp/notification/AdNotification/NotificationMedia/index.js

@@ -0,0 +1,94 @@
+import { jsx as s } from "react/jsx-runtime";
+import { styled as e } from "@linaria/react";
+import { QuestionImages as o, NotificationUseContentMedia as l } from "@streamlayer/sdk-web-types";
+import { VideoPlayer as I } from "../../../../../../video-player/index.js";
+const N = () => ({
+  color: n
+}) => n, m = /* @__PURE__ */ e("div")({
+  name: "MediaComponentWrap",
+  class: "mek728j",
+  propsAsIs: !1,
+  vars: {
+    "mek728j-0": [N()]
+  }
+}), t = /* @__PURE__ */ e("div")({
+  name: "Media",
+  class: "m461t56",
+  propsAsIs: !1
+}), u = () => t, g = /* @__PURE__ */ e(u())({
+  name: "MediaImgBottom",
+  class: "m22bh04",
+  propsAsIs: !0
+}), A = () => t, f = /* @__PURE__ */ e(A())({
+  name: "MediaVideo",
+  class: "m17u1e34",
+  propsAsIs: !0
+}), C = () => t, x = /* @__PURE__ */ e(C())({
+  name: "MediaImgContentMedia",
+  class: "m4j3eds",
+  propsAsIs: !0
+}), E = () => t, _ = /* @__PURE__ */ e(E())({
+  name: "MediaImgSolid",
+  class: "m1lp3swr",
+  propsAsIs: !0
+}), R = () => t, S = /* @__PURE__ */ e(R())({
+  name: "MediaImgRounded",
+  class: "mc7lij",
+  propsAsIs: !0
+}), h = () => t, j = /* @__PURE__ */ e(h())({
+  name: "MediaImgCentered",
+  class: "mwwaw7o",
+  propsAsIs: !0
+}), v = () => t, a = /* @__PURE__ */ e(v())({
+  name: "MediaNone",
+  class: "mqfzyyr",
+  propsAsIs: !0
+}), D = "v170mtgf", T = {
+  [o.UNSET]: a,
+  [o.NONE]: a,
+  [o.ROUNDED]: S,
+  [o.CENTERED]: j,
+  [o.TRANSPARENT]: g,
+  [o.SOLID]: _
+}, O = ({
+  src: n,
+  imageMode: d = o.UNSET,
+  withVideo: r,
+  color: i,
+  useContentMedia: p,
+  thumbnailUrl: c
+}) => {
+  if (!n)
+    return /* @__PURE__ */ s(m, {
+      color: i,
+      children: /* @__PURE__ */ s(a, {})
+    });
+  const M = p === l.ENABLED ? x : T[d];
+  return /* @__PURE__ */ s(m, {
+    color: i,
+    children: r ? /* @__PURE__ */ s(f, {
+      children: /* @__PURE__ */ s(I, {
+        className: D,
+        source: n,
+        poster: c || ""
+      })
+    }) : /* @__PURE__ */ s(M, {
+      children: /* @__PURE__ */ s("img", {
+        src: n,
+        alt: ""
+      })
+    })
+  });
+};
+export {
+  m as MediaComponentWrap,
+  g as MediaImgBottom,
+  j as MediaImgCentered,
+  x as MediaImgContentMedia,
+  S as MediaImgRounded,
+  _ as MediaImgSolid,
+  a as MediaNone,
+  f as MediaVideo,
+  O as NotificationMedia,
+  D as videoContainerClassName
+};

package/lib/ui/gamification/question/inapp/notification/AdNotification/index.d.ts

@@ -0,0 +1,9 @@
+import { Notification as NotificationProps } from '@streamlayer/sdk-web-notifications';
+type InAppProps = NotificationProps['data'] & {
+    action: NotificationProps['action'];
+    close?: NotificationProps['close'];
+    color: string;
+    webos?: boolean;
+};
+export declare const InAppNotification: React.FC<InAppProps>;
+export {};

package/lib/ui/gamification/question/inapp/notification/AdNotification/index.js

@@ -0,0 +1,99 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { withFocusable as I } from "../../../../../../app/webos/useTvButton.js";
+import { useState as Q, useRef as x, useEffect as R } from "react";
+import { QuestionType as u, NotificationUseContentMedia as F, QuestionStatus as W } from "@streamlayer/sdk-web-types";
+import { QuestionTypeData as j } from "../../../../constants.js";
+import { QuestionTypeHeader as y } from "../../../index.js";
+import { NotificationMedia as w } from "./NotificationMedia/index.js";
+import { NotificationContainer as H, LogoImgContainer as P, LogoImg as O, NotificationContent as S, MainContent as _, StyledChevronRight as h, TVButtons as z, Body as G, Title as J, Description as K, DismissButton as X, AnswerButton as Y, NotificationInterstitialContainer as Z } from "./styles.js";
+const $ = ({ title: a, questionType: c, questionTypeData: r, description: o, imageMode: t, webos: n }) => /* @__PURE__ */ l(G, { imageMode: t, questionType: c, webos: n, children: [
+  /* @__PURE__ */ e(
+    y,
+    {
+      questionTypeData: r,
+      questionType: c,
+      questionStatus: W.UNSET
+    }
+  ),
+  a && /* @__PURE__ */ e(J, { webos: n, children: a }),
+  o && /* @__PURE__ */ e(K, { children: o })
+] }), q = I(Z), g = I(X), A = I(Y), p = ({
+  sponsorLogo: a,
+  onClick: c,
+  webos: r
+}) => /* @__PURE__ */ e(q, { autoFocus: !0, webos: r, onClick: c, "data-webos": r, children: /* @__PURE__ */ e(S, { withoutPadding: !0, children: /* @__PURE__ */ e(O, { src: a }) }) }), lo = ({
+  action: a,
+  close: c,
+  questionType: r,
+  inApp: o,
+  insight: t,
+  color: n,
+  webos: s
+}) => {
+  var N, T, B;
+  const [E, d] = Q(!1), D = x();
+  R(() => (o != null && o.sponsorLogo && (d(!0), D.current = setTimeout(() => {
+    d(!1);
+  }, 5e3)), () => clearTimeout(D.current)), [o == null ? void 0 : o.sponsorLogo]);
+  const L = j[r];
+  if (!L || !o || !o.notification)
+    return null;
+  const { title: b, image: v, imageMode: m, useContentMedia: f } = o.notification, M = r === u.FACTOID ? t == null ? void 0 : t.heading : b, U = r === u.FACTOID ? t == null ? void 0 : t.body : "", V = v, i = r === u.FACTOID && ((N = t == null ? void 0 : t.video) == null ? void 0 : N.url) && (o == null ? void 0 : o.isVideo) && f === F.ENABLED, C = f === F.ENABLED ? i ? (T = t == null ? void 0 : t.video) == null ? void 0 : T.url : t == null ? void 0 : t.image : "";
+  return o != null && o.sponsorLogo && E ? /* @__PURE__ */ e(
+    p,
+    {
+      sponsorLogo: o == null ? void 0 : o.sponsorLogo,
+      webos: s,
+      onClick: () => d(!1)
+    }
+  ) : /* @__PURE__ */ l(
+    H,
+    {
+      "data-a": "intr",
+      className: "SL_InApp",
+      onClick: (k) => {
+        s && (a == null || a(k));
+      },
+      "data-is-insight": r === u.FACTOID,
+      "data-webos": s,
+      children: [
+        (o == null ? void 0 : o.sponsorLogo) && /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(O, { src: o == null ? void 0 : o.sponsorLogo }) }),
+        /* @__PURE__ */ l(S, { children: [
+          /* @__PURE__ */ l(_, { children: [
+            !C && /* @__PURE__ */ e(w, { src: V, imageMode: m, withVideo: !!i, color: n }),
+            C && /* @__PURE__ */ e(
+              w,
+              {
+                src: C,
+                imageMode: m,
+                withVideo: !!i,
+                color: n,
+                useContentMedia: f,
+                thumbnailUrl: (B = t == null ? void 0 : t.video) == null ? void 0 : B.thumbnailUrl
+              }
+            ),
+            /* @__PURE__ */ e(
+              $,
+              {
+                questionTypeData: L,
+                questionType: r,
+                title: M,
+                description: U,
+                imageMode: m,
+                webos: s
+              }
+            )
+          ] }),
+          !s && /* @__PURE__ */ e(h, { name: "chevronRight" }),
+          s && /* @__PURE__ */ l(z, { children: [
+            /* @__PURE__ */ e(g, { webos: !0, "data-close-btn": "true", onClick: c, children: "Dismiss" }),
+            /* @__PURE__ */ e(A, { webos: !0, autoFocus: !0, onClick: a, children: "Answer" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  lo as InAppNotification
+};

package/lib/ui/gamification/question/inapp/notification/AdNotification/styles.d.ts

@@ -0,0 +1,42 @@
+export declare const CardContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NotificationContent: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    withoutPadding?: boolean;
+}>;
+export declare const MainContent: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledChevronRight: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
+export declare const NotificationContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Body: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    imageMode?: any;
+    questionType?: any;
+    webos?: boolean;
+}>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    webos?: boolean;
+}>;
+export declare const Description: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Button: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const LogoImgContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LogoImg: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const NotificationInterstitialContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const TVButtons: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TVButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const DismissButton: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const AnswerButton: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;

package/lib/ui/gamification/question/inapp/notification/AdNotification/styles.js

@@ -0,0 +1,117 @@
+import { styled as t } from "@linaria/react";
+import { QuestionType as a, QuestionImages as n } from "@streamlayer/sdk-web-types";
+import { SvgIcon as p } from "../../../../../icons/index.js";
+const B = /* @__PURE__ */ t("div")({
+  name: "CardContainer",
+  class: "c13p0bme",
+  propsAsIs: !1
+}), i = () => ({
+  withoutPadding: s
+}) => s ? "0px" : "1rem", _ = /* @__PURE__ */ t("div")({
+  name: "NotificationContent",
+  class: "n1p3bk1c",
+  propsAsIs: !1,
+  vars: {
+    "n1p3bk1c-0": [i()]
+  }
+}), T = /* @__PURE__ */ t("div")({
+  name: "MainContent",
+  class: "m1g211mu",
+  propsAsIs: !1
+}), r = () => p, h = /* @__PURE__ */ t(r())({
+  name: "StyledChevronRight",
+  class: "sx1hq4c",
+  propsAsIs: !0
+}), c = /* @__PURE__ */ t("div")({
+  name: "NotificationContainer",
+  class: "n1fcriet",
+  propsAsIs: !1
+}), l = () => ({
+  questionType: s
+}) => s === a.FACTOID ? "7.3rem" : "4.5rem", m = () => ({
+  webos: s
+}) => s ? "11px 0px 8px 0px" : "11px 0px", x = () => ({
+  imageMode: s,
+  webos: e
+}) => e ? "330px" : s === n.SOLID ? "310px" : s === n.CENTERED || s === n.ROUNDED || s === n.TRANSPARENT ? "370px" : "430px", N = /* @__PURE__ */ t("div")({
+  name: "Body",
+  class: "b1byyovs",
+  propsAsIs: !1,
+  vars: {
+    "b1byyovs-0": [l()],
+    "b1byyovs-1": [m()],
+    "b1byyovs-2": [x()]
+  }
+}), I = () => ({
+  webos: s
+}) => s ? "0.85rem" : "1.033rem", d = () => ({
+  webos: s
+}) => s ? "0.95rem" : "1.25rem", f = () => ({
+  webos: s
+}) => s ? "4.7rem" : "2.25rem", A = () => ({
+  webos: s
+}) => s ? "pre-wrap" : "nowrap", D = /* @__PURE__ */ t("div")({
+  name: "Title",
+  class: "t1y5k5id",
+  propsAsIs: !1,
+  vars: {
+    "t1y5k5id-0": [I()],
+    "t1y5k5id-1": [d()],
+    "t1y5k5id-2": [f()],
+    "t1y5k5id-3": [A()]
+  }
+}), k = /* @__PURE__ */ t("div")({
+  name: "Description",
+  class: "dw9eb7l",
+  propsAsIs: !1
+}), w = /* @__PURE__ */ t("button")({
+  name: "Button",
+  class: "bl9hwxd",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ t("div")({
+  name: "LogoImgContainer",
+  class: "ldu8wgy",
+  propsAsIs: !1
+}), E = /* @__PURE__ */ t("img")({
+  name: "LogoImg",
+  class: "ln4a3eh",
+  propsAsIs: !1
+}), u = () => c, L = /* @__PURE__ */ t(u())({
+  name: "NotificationInterstitialContainer",
+  class: "no2k63v",
+  propsAsIs: !0
+}), S = /* @__PURE__ */ t("div")({
+  name: "TVButtons",
+  class: "th9nn6a",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ t("button")({
+  name: "TVButton",
+  class: "t1eee77p",
+  propsAsIs: !1
+}), v = () => o, V = /* @__PURE__ */ t(v())({
+  name: "DismissButton",
+  class: "ds000hw",
+  propsAsIs: !0
+}), y = () => o, O = /* @__PURE__ */ t(y())({
+  name: "AnswerButton",
+  class: "a1nz9hoe",
+  propsAsIs: !0
+});
+export {
+  O as AnswerButton,
+  N as Body,
+  w as Button,
+  B as CardContainer,
+  k as Description,
+  V as DismissButton,
+  E as LogoImg,
+  R as LogoImgContainer,
+  T as MainContent,
+  c as NotificationContainer,
+  _ as NotificationContent,
+  L as NotificationInterstitialContainer,
+  h as StyledChevronRight,
+  o as TVButton,
+  S as TVButtons,
+  D as Title
+};