@streamlayer/react-ui 1.26.0 → 1.27.0

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

@@ -10,7 +10,7 @@ const e = /* @__PURE__ */ o("div")({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
-}), g = () => e, i = /* @__PURE__ */ o(g())({
+}), g = () => e, t = /* @__PURE__ */ o(g())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
@@ -30,21 +30,22 @@ const e = /* @__PURE__ */ o("div")({
   name: "VideoIcon",
   class: "v1kofb47",
   propsAsIs: !1
-}), v = {
-  [s.UNSET]: i,
-  [s.NONE]: i,
+}), S = {
+  [s.UNSET]: t,
+  [s.NONE]: t,
   [s.ROUNDED]: u,
   [s.CENTERED]: N,
-  [s.TRANSPARENT]: l
+  [s.TRANSPARENT]: l,
+  [s.SOLID]: t
 }, h = ({
   src: a,
-  imageMode: t = s.UNSET,
+  imageMode: i = s.UNSET,
   withVideo: m,
   fromInsight: c
 }) => {
-  if (t === s.NONE)
+  if (i === s.NONE)
     return null;
-  const d = c ? A : v[t];
+  const d = c ? A : S[i];
   return /* @__PURE__ */ r(d, {
     children: [/* @__PURE__ */ n("img", {
       src: a,

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

@@ -4,4 +4,10 @@ export declare const NotificationContainer: import('@linaria/react').StyledCompo
 export declare const Body: 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 Button: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const StyledChevronRight: any;
+export declare const StyledChevronRight: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/lib/ui/gamification/question/inapp/onboarding/index.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { NotificationContainer as p, IconContainer as h, Icon as l, Body as d, Title as m, TitleIcon as o, Description as f, Button as C, Close as k } from "./styles.js";
-const I = ({
-  open: e,
-  close: r,
+import { NotificationContainer as p, IconContainer as h, Icon as l, Body as m, Title as d, TitleIcon as o, Description as f, Button as k, Close as C } from "./styles.js";
+const u = ({
+  open: a,
+  close: e,
   ...t
 }) => {
   var n, c;
@@ -11,7 +11,7 @@ const I = ({
     {
       "data-a": "intr",
       onClick: () => {
-        e == null || e(), t && (t.instantOpen = !0);
+        a == null || a(), t && t.markIstantOpen();
       },
       children: [
         /* @__PURE__ */ s(h, { children: [
@@ -24,21 +24,21 @@ const I = ({
             }
           )
         ] }),
-        /* @__PURE__ */ s(d, { children: [
-          /* @__PURE__ */ s(m, { children: [
+        /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ s(d, { children: [
             /* @__PURE__ */ i(o, { name: "icon-trophy-solid" }),
             (n = t == null ? void 0 : t.titleCard) == null ? void 0 : n.title
           ] }),
           /* @__PURE__ */ s(f, { children: [
             /* @__PURE__ */ i("span", { children: (c = t == null ? void 0 : t.titleCard) == null ? void 0 : c.subtitle }),
-            /* @__PURE__ */ i(C, { name: "inapp-button", children: "Play Now" })
+            /* @__PURE__ */ i(k, { name: "inapp-button", children: "Play Now" })
           ] })
         ] }),
         /* @__PURE__ */ i(
-          k,
+          C,
           {
-            close: (a) => {
-              a == null || a.stopPropagation(), r == null || r();
+            close: (r) => {
+              r == null || r.stopPropagation(), e == null || e();
             }
           }
         )
@@ -47,5 +47,5 @@ const I = ({
   );
 };
 export {
-  I as InAppOnboarding
+  u as InAppOnboarding
 };

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

@@ -1,8 +1,24 @@
 export declare const NotificationContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Icon: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & 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 TitleIcon: any;
-export declare const Close: any;
+export declare const TitleIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
+export declare const Close: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    close?: (e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    duration?: number;
+    autoClose?: any;
+    isPlaying?: boolean;
+    skipIcon?: boolean;
+    className?: string;
+    timerClassName?: string;
+}>;
 export declare const Body: 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>>;

package/lib/ui/gamification/question/inapp/prediction-result/frames/content.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { styled as s } from "@linaria/react";
-import { useState as r, useCallback as u, useMemo as b } from "react";
+import { useState as r, useCallback as u, useEffect as b } from "react";
 import { SvgIcon as a } from "../../../../../icons/index.js";
 const v = /* @__PURE__ */ s("div")({
   name: "Container",
@@ -33,16 +33,16 @@ const v = /* @__PURE__ */ s("div")({
 }), q = ({
   step: d,
   children: p,
-  answer: m,
-  state: l = "pending"
+  answer: l,
+  state: m = "pending"
 }) => {
-  const [I, f] = r(0), [o] = r(() => new ResizeObserver((n) => {
+  const [f, I] = r(0), [o] = r(() => new ResizeObserver((n) => {
     window.requestAnimationFrame(() => {
       var t, c;
-      f((c = (t = n == null ? void 0 : n[0]) == null ? void 0 : t.contentRect) == null ? void 0 : c.width);
+      I(((c = (t = n == null ? void 0 : n[0]) == null ? void 0 : t.contentRect) == null ? void 0 : c.width) ?? 0);
     });
   })), h = u((n) => {
-    n || o.disconnect(), o.observe(n);
+    n ? o.observe(n) : o.disconnect();
   }, [o]);
   return b(() => () => {
     o.disconnect();
@@ -53,18 +53,18 @@ const v = /* @__PURE__ */ s("div")({
       })
     }), /* @__PURE__ */ e(w, {
       style: {
-        minWidth: `${I}px`
+        minWidth: `${f}px`
       },
       children: /* @__PURE__ */ e(z, {
         children: p
       }, d)
     }), /* @__PURE__ */ e(P, {
       ref: h,
-      className: l,
+      className: m,
       children: /* @__PURE__ */ i("div", {
         children: [/* @__PURE__ */ e(k, {
           name: "icon-check"
-        }), "Your Pick: ", m]
+        }), "Your Pick: ", l]
       })
     })]
   });

package/lib/ui/gamification/question/inapp/prediction-result/frames/styles.d.ts

@@ -1,3 +1,9 @@
 export declare const Container: 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> & Record<never, unknown>>;
-export declare const FeedbackIcon: any;
+export declare const FeedbackIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/content.d.ts

@@ -0,0 +1,5 @@
+export declare const Content: React.FC<{
+    children: React.ReactNode;
+    step: number;
+    state: 'correct' | 'incorrect' | 'pending';
+}>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/content.js

@@ -0,0 +1,49 @@
+import { jsx as s } from "react/jsx-runtime";
+import { styled as e } from "@linaria/react";
+import { useState as f, useEffect as m } from "react";
+const h = /* @__PURE__ */ e("div")({
+  name: "Container",
+  class: "cwa9tgs",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ e("div")({
+  name: "BodyContainer",
+  class: "b1xx7swj",
+  propsAsIs: !1
+}), w = /* @__PURE__ */ e("div")({
+  name: "Body",
+  class: "b1a21en",
+  propsAsIs: !1
+}), C = ({
+  step: n,
+  children: i,
+  state: c = "pending"
+}) => {
+  const [d, a] = f(0);
+  return m(() => {
+    const p = new ResizeObserver((t) => {
+      window.requestAnimationFrame(() => {
+        var o, r;
+        const x = ((r = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.contentRect) == null ? void 0 : r.width) ?? 0;
+        a(x);
+      });
+    });
+    return () => {
+      p.disconnect();
+    };
+  }, []), /* @__PURE__ */ s(h, {
+    style: {
+      padding: `${n === 3 && c === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
+    },
+    children: /* @__PURE__ */ s(l, {
+      style: {
+        minWidth: `${d}px`
+      },
+      children: /* @__PURE__ */ s(w, {
+        children: i
+      }, n)
+    })
+  });
+};
+export {
+  C as Content
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/index.d.ts

@@ -0,0 +1,12 @@
+import { NotificationData } from '@streamlayer/sdk-web-notifications';
+export declare const PredictionResultSteps: React.FC<NotificationData['question'] & {
+    close?: () => void;
+    action?: () => void;
+    setStep?: (step: number) => void;
+    hiding?: boolean;
+    step: number;
+}>;
+export declare const PredictionResult: React.FC<NotificationData['question'] & {
+    close?: () => void;
+    action?: () => void;
+}>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/index.js

@@ -0,0 +1,56 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { useEffect as e, useState as p } from "react";
+import { Content as x } from "./content.js";
+import { Lines as T } from "./lines.js";
+import { Step1 as g } from "./step1.js";
+import { Step2 as j } from "./step2.js";
+import { CorrectStep as P, InCorrectStep as R } from "./step3.js";
+import { Container as C, Body as S } from "./styles.js";
+const c = {
+  1: 3e3,
+  2: 4e3,
+  3: 4e3
+}, y = ({ close: m, action: u, setStep: f, votedAnswer: n, correct: t, correctAnswerTitle: o, questionTitle: l, step: i }) => {
+  if (e(() => {
+    if (f) {
+      const k = setTimeout(() => {
+        c[i + 1] && (t || i < 3) ? f(i + 1) : m == null || m();
+      }, c[i]);
+      return () => {
+        k && clearTimeout(k);
+      };
+    }
+    return () => {
+    };
+  }, [f, i, m, t]), i === 1)
+    return /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(g, {}) }) });
+  let a = "pending";
+  return i === 3 && (a = t ? "correct" : "incorrect"), /* @__PURE__ */ r(C, { "data-a": "intr", onClick: () => u == null ? void 0 : u(), children: /* @__PURE__ */ h(S, { children: [
+    i !== 1 && /* @__PURE__ */ r(T, {}, i),
+    /* @__PURE__ */ h(x, { state: a, step: i, children: [
+      i === 2 && /* @__PURE__ */ r(j, { title: l || "unknown", answer: (n == null ? void 0 : n.title) || "unknown" }),
+      i === 3 && t && /* @__PURE__ */ r(P, { answer: (n == null ? void 0 : n.title) || "unknown" }),
+      i === 3 && !t && /* @__PURE__ */ r(R, { title: o || "unknown", answer: (n == null ? void 0 : n.title) || "unknown" })
+    ] })
+  ] }) });
+}, F = ({ close: m, action: u, votedAnswer: f, correct: n, correctAnswerTitle: t, questionTitle: o }) => {
+  const [l, i] = p(1);
+  return /* @__PURE__ */ r(
+    y,
+    {
+      close: m,
+      action: u,
+      votedAnswer: f,
+      correct: n,
+      correctAnswerTitle: t,
+      questionTitle: o,
+      setStep: i,
+      step: l,
+      title: ""
+    }
+  );
+};
+export {
+  F as PredictionResult,
+  y as PredictionResultSteps
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/lines.d.ts

@@ -0,0 +1 @@
+export declare const Lines: React.FC;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/lines.js

@@ -0,0 +1,34 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { styled as n } from "@linaria/react";
+const o = /* @__PURE__ */ n("div")({
+  name: "Container",
+  class: "c1nd5cu8",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ n("div")({
+  name: "Line",
+  class: "lgbipw0",
+  propsAsIs: !1
+}), r = () => e, c = /* @__PURE__ */ n(r())({
+  name: "Line1",
+  class: "l1anth16",
+  propsAsIs: !0
+}), t = () => e, p = /* @__PURE__ */ n(t())({
+  name: "Line2",
+  class: "l193yd7v",
+  propsAsIs: !0
+}), l = () => e, a = /* @__PURE__ */ n(l())({
+  name: "Line3",
+  class: "lhbflsp",
+  propsAsIs: !0
+}), L = () => /* @__PURE__ */ i(o, {
+  children: [/* @__PURE__ */ s(c, {
+    children: /* @__PURE__ */ s("div", {})
+  }), /* @__PURE__ */ s(p, {
+    children: /* @__PURE__ */ s("div", {})
+  }), /* @__PURE__ */ s(a, {
+    children: /* @__PURE__ */ s("div", {})
+  })]
+});
+export {
+  L as Lines
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/step1.d.ts

@@ -0,0 +1 @@
+export declare const Step1: () => import("react/jsx-runtime").JSX.Element;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/step1.js

@@ -0,0 +1,19 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { styled as n } from "@linaria/react";
+import { SvgIcon as s } from "../../../../../icons/index.js";
+const t = /* @__PURE__ */ n("div")({
+  name: "Container",
+  class: "c1lvd429",
+  propsAsIs: !1
+}), e = () => s, i = /* @__PURE__ */ n(e())({
+  name: "PredictionIcon",
+  class: "p1n4m87t",
+  propsAsIs: !0
+}), a = () => /* @__PURE__ */ o(t, {
+  children: [/* @__PURE__ */ r(i, {
+    name: "icon-prediction"
+  }), " Prediction results are in!"]
+});
+export {
+  a as Step1
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/step2.d.ts

@@ -0,0 +1,4 @@
+export declare const Step2: React.FC<{
+    title: string;
+    answer: string;
+}>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/step2.js

@@ -0,0 +1,34 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { styled as s } from "@linaria/react";
+import { SvgIcon as c } from "../../../../../icons/index.js";
+const t = () => c, i = /* @__PURE__ */ s(t())({
+  name: "CheckIcon",
+  class: "c126r8f9",
+  propsAsIs: !0
+}), p = /* @__PURE__ */ s("div")({
+  name: "Answer",
+  class: "a1o2rpgl",
+  propsAsIs: !1
+}), a = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cej6ci1",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "tob24mr",
+  propsAsIs: !1
+}), I = ({
+  title: n,
+  answer: r
+}) => /* @__PURE__ */ e(a, {
+  children: [/* @__PURE__ */ o(l, {
+    children: n
+  }), /* @__PURE__ */ e(p, {
+    children: [/* @__PURE__ */ o(i, {
+      name: "icon-prediction"
+    }), "Your Pick: ", r]
+  })]
+});
+export {
+  I as Step2
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/step3.d.ts

@@ -0,0 +1,7 @@
+export declare const CorrectStep: React.FC<{
+    answer: string;
+}>;
+export declare const InCorrectStep: React.FC<{
+    title: string;
+    answer: string;
+}>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/step3.js

@@ -0,0 +1,43 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { styled as e } from "@linaria/react";
+import { SvgIcon as i } from "../../../../../icons/index.js";
+const o = /* @__PURE__ */ e("div")({
+  name: "Container",
+  class: "c1lesal4",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ e("div")({
+  name: "Title",
+  class: "tv66n4w",
+  propsAsIs: !1
+}), a = () => i, p = /* @__PURE__ */ e(a())({
+  name: "CorrectIcon",
+  class: "cx0vlv2",
+  propsAsIs: !0
+}), t = /* @__PURE__ */ e("div")({
+  name: "Answer",
+  class: "akfh4v5",
+  propsAsIs: !1
+}), v = ({
+  answer: s
+}) => /* @__PURE__ */ r(o, {
+  children: [/* @__PURE__ */ n(c, {
+    children: "Congratulations! You answered correctly."
+  }), /* @__PURE__ */ r(t, {
+    children: [/* @__PURE__ */ n(p, {
+      name: "icon-correct"
+    }), "Your Pick: ", s]
+  })]
+}), C = ({
+  title: s,
+  answer: l
+}) => /* @__PURE__ */ r(o, {
+  children: [/* @__PURE__ */ r(c, {
+    children: ["Better luck next time!", /* @__PURE__ */ n("br", {}), "Correct: ", s]
+  }), /* @__PURE__ */ r(t, {
+    children: ["Your Pick: ", l]
+  })]
+});
+export {
+  v as CorrectStep,
+  C as InCorrectStep
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const Container: 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> & Record<never, unknown>>;
+export declare const FeedbackIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/frames/styles.js

@@ -0,0 +1,20 @@
+import { styled as s } from "@linaria/react";
+import { SvgIcon as o } from "../../../../../icons/index.js";
+const a = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cmox3ot",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("div")({
+  name: "Body",
+  class: "bqq1ix4",
+  propsAsIs: !1
+}), e = () => o, r = /* @__PURE__ */ s(e())({
+  name: "FeedbackIcon",
+  class: "fcw6a1l",
+  propsAsIs: !0
+});
+export {
+  t as Body,
+  a as Container,
+  r as FeedbackIcon
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/index.d.ts

@@ -0,0 +1,10 @@
+import { Notification as NotificationProps } from '@streamlayer/sdk-web-notifications';
+type InAppProps = NotificationProps['data'] & {
+    action: NotificationProps['action'];
+};
+export declare const InAppPredictionResultAd: React.FC<Exclude<InAppProps['question'], undefined> & {
+    action?: () => void;
+    close?: () => void;
+    inApp?: InAppProps['inApp'];
+}>;
+export {};

package/lib/ui/gamification/question/inapp/prediction-result-ad/index.js

@@ -0,0 +1,20 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useState as d, useRef as g, useEffect as h } from "react";
+import { PredictionResult as L } from "./frames/index.js";
+import { NotificationContainer as A, LogoImgContainer as I, LogoImg as m, NotificationInterstitialContainer as C, NotificationContent as N } from "./styles.js";
+const w = ({ sponsorLogo: r, onClick: t }) => /* @__PURE__ */ o(C, { onClick: t, children: /* @__PURE__ */ o(N, { withoutPadding: !0, children: /* @__PURE__ */ o(m, { src: r }) }) }), j = (r) => {
+  var n, c, a, e, l;
+  const [t, i] = d(!1), p = g();
+  return h(() => {
+    var f;
+    return (f = r == null ? void 0 : r.inApp) != null && f.sponsorLogo && (i(!0), p.current = setTimeout(() => {
+      i(!1);
+    }, 5e3)), () => clearTimeout(p.current);
+  }, [(n = r == null ? void 0 : r.inApp) == null ? void 0 : n.sponsorLogo]), (c = r == null ? void 0 : r.inApp) != null && c.sponsorLogo && t ? /* @__PURE__ */ o(w, { sponsorLogo: (a = r.inApp) == null ? void 0 : a.sponsorLogo, onClick: () => i(!1) }) : /* @__PURE__ */ o(A, { children: /* @__PURE__ */ s("div", { children: [
+    ((e = r == null ? void 0 : r.inApp) == null ? void 0 : e.sponsorLogo) && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(m, { src: (l = r == null ? void 0 : r.inApp) == null ? void 0 : l.sponsorLogo }) }),
+    /* @__PURE__ */ o(L, { ...r })
+  ] }) });
+};
+export {
+  j as InAppPredictionResultAd
+};

package/lib/ui/gamification/question/inapp/prediction-result-ad/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const NotificationContainer: 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 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 LogoImgContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/inapp/prediction-result-ad/styles.js

@@ -0,0 +1,34 @@
+import { styled as o } from "@linaria/react";
+const s = /* @__PURE__ */ o("div")({
+  name: "NotificationContainer",
+  class: "nn0nqh6",
+  propsAsIs: !1
+}), t = () => ({
+  withoutPadding: n
+}) => n ? "0px" : "1rem", e = /* @__PURE__ */ o("div")({
+  name: "NotificationContent",
+  class: "n1bcdf3j",
+  propsAsIs: !1,
+  vars: {
+    "n1bcdf3j-0": [t()]
+  }
+}), c = /* @__PURE__ */ o("img")({
+  name: "LogoImg",
+  class: "l8jorbq",
+  propsAsIs: !1
+}), i = () => s, r = /* @__PURE__ */ o(i())({
+  name: "NotificationInterstitialContainer",
+  class: "nf920y3",
+  propsAsIs: !0
+}), p = /* @__PURE__ */ o("div")({
+  name: "LogoImgContainer",
+  class: "lzsmehn",
+  propsAsIs: !1
+});
+export {
+  c as LogoImg,
+  p as LogoImgContainer,
+  s as NotificationContainer,
+  e as NotificationContent,
+  r as NotificationInterstitialContainer
+};

package/lib/ui/gamification/question/notification/prediction-result/styles.d.ts

@@ -1,5 +1,14 @@
 export declare const MIN_CONTENT_HEIGHT = 118;
-export declare const Container: any;
+export declare const Container: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    children: React.ReactNode | React.ReactNode[];
+    style?: React.CSSProperties;
+    className?: string;
+    enabled?: boolean;
+    hiding?: boolean;
+    onAnimationEnd?: React.AnimationEventHandler;
+}>;
 export declare const InnerContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 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>>;
@@ -11,8 +20,32 @@ export declare const PointsTitle: {
 export declare const Subtitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SubtitleFG: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const AnswerText: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const FeedbackIcon: any;
-export declare const FeedbackIconCorrect: any;
-export declare const FeedbackIconIncorrect: any;
+export declare const FeedbackIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
+export declare const FeedbackIconCorrect: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
+export declare const FeedbackIconIncorrect: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
 export declare const CloseIconWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CloseIcon: any;
+export declare const CloseIcon: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    name: keyof typeof import('../../../../icons').icons;
+    style?: React.CSSProperties;
+    className?: string;
+}>;