@streamlayer/react-ui 1.21.0 → 1.22.0

package/lib/ui/advertisement/overlay/externalAd/vast-player/useVastAds.d.ts

@@ -0,0 +1,24 @@
+import { VastAd, VastCreativeLinear, VastResponse } from '@dailymotion/vast-client';
+import { RefObject } from 'react';
+/**
+ * Get the first valid creative from an ad
+ */
+export declare const getCreative: (ad: VastAd) => VastCreativeLinear;
+/**
+ * Get the URL of the first media file in the creative
+ */
+export declare const getMediaFileUrl: (creative?: VastCreativeLinear) => string;
+type AdData = {
+    creative: VastCreativeLinear;
+    order: number;
+    mediaFileUrl?: string;
+    ad: VastAd;
+    raw: VastResponse;
+};
+type AdStore = {
+    ads: AdData[];
+    autoplay: boolean;
+    muted: boolean;
+};
+export declare const useVastAds: (container: RefObject<HTMLDivElement> | null, externalGamUrl?: string) => import('nanostores').PreinitializedWritableAtom<AdStore> & object;
+export {};

package/lib/ui/advertisement/overlay/externalAd/vast-player/useVastAds.js

@@ -0,0 +1,8 @@
+import { g as s, a as i, u as o } from "../../../../../useVastAds-Dt_tRbpd.js";
+import "react";
+import "../../../../../index-tnt2CtQe.js";
+export {
+  s as getCreative,
+  i as getMediaFileUrl,
+  o as useVastAds
+};

package/lib/ui/gamification/vote/feedback/index.d.ts

@@ -19,6 +19,7 @@ interface FeedbackProps {
     votedAnswer?: ExtendedQuestionAnswer;
     isEarlyPrediction?: boolean;
     correctAnswer?: ExtendedQuestionAnswer;
+    onAnimationEnd?: () => void;
 }
 export declare const Feedback: React.FC<FeedbackProps>;
 export {};

package/lib/ui/gamification/vote/feedback/index.js

@@ -1,84 +1,94 @@
 import { jsx as i, jsxs as c, Fragment as Y } from "react/jsx-runtime";
+import { cx as j } from "@linaria/core";
 import { QuestionType as l } from "@streamlayer/sdk-web-types";
-import { SvgIcon as m } from "../../../icons/index.js";
-import { ShowInContainer as H, Container as z, FeedbackContainer as t, IconPrediction as j, FeedbackDescription as F, FeedbackIconWrap as u, FeedbackHeader as x, FeedbackText as T, EarlyFeedbackDescription as G, FeedbackDynamicDescription as J, DynamicWrap as K, FeedbackTitle as U, FeedbackTitleWrap as X, FeedbackResultDescription as Z, FeedbackResultDescriptionWrap as _ } from "./styles.js";
-const s = ({
-  feedbackMessages: h,
-  questionVotedCorrectly: R,
+import { SvgIcon as p } from "../../../icons/index.js";
+import { ShowInContainer as J, Container as K, FeedbackContainer as h, IconPrediction as L, FeedbackDescription as F, FeedbackIconWrap as u, FeedbackHeader as x, FeedbackText as O, ShowAnimation as $, EarlyFeedbackDescription as U, FeedbackDynamicDescription as X, DynamicWrap as Z, FeedbackTitle as _, FeedbackTitleWrap as q, FeedbackResultDescription as v, FeedbackResultDescriptionWrap as V } from "./styles.js";
+const ii = ({
+  feedbackMessages: t,
+  questionVotedCorrectly: S,
   questionVoted: k,
   questionType: d,
   hasCorrectAnswer: r,
-  showExpiredNotification: f,
-  showClosedNotificationTrivia: O,
+  showExpiredNotification: I,
+  showClosedNotificationTrivia: D,
   votedInCurrentRender: b,
-  votedAfterQuestionClosed: L,
-  voteErrorMessage: n,
-  enteredAnActiveQuestion: $,
-  marketClosed: y,
-  percentsAnimated: B,
-  votedAnswer: I,
-  isEarlyPrediction: e,
-  correctAnswer: o
+  votedAfterQuestionClosed: y,
+  voteErrorMessage: e,
+  enteredAnActiveQuestion: B,
+  marketClosed: H,
+  percentsAnimated: z,
+  votedAnswer: T,
+  isEarlyPrediction: n,
+  correctAnswer: a,
+  onAnimationEnd: G
 }) => {
-  const W = k && (d === l.TRIVIA || d === l.PREDICTION), C = d === l.PREDICTION && !r, D = y && d === l.PREDICTION && !k || d === l.PREDICTION && L && b && $, N = W && C, Q = W && r, S = d === l.PREDICTION && k && b && r, P = k && d === l.POLL && b, p = R ? "correct" : "incorrect", a = R ? h == null ? void 0 : h.correctFeedback : h == null ? void 0 : h.incorrectFeedback;
-  return f || O || N || Q || D || P || S || n ? /* @__PURE__ */ i(H, { enabled: b, animate: B, children: /* @__PURE__ */ c(z, { "data-prediction": C, children: [
-    n && !D && /* @__PURE__ */ c(t, { children: [
-      !e && /* @__PURE__ */ i(j, { name: "questionExpired" }),
-      /* @__PURE__ */ i(F, { children: n })
-    ] }),
-    !n && f && /* @__PURE__ */ c(t, { children: [
-      !e && /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(m, { name: "questionExpired" }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(F, { children: "Question Expired" }) }),
-        /* @__PURE__ */ i(T, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
-      ] })
-    ] }),
-    !n && O && /* @__PURE__ */ c(t, { children: [
-      /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(m, { name: "questionExpired" }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(F, { children: "Question Closed" }) }),
-        /* @__PURE__ */ i(T, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
-      ] })
-    ] }),
-    D && /* @__PURE__ */ c(t, { children: [
-      !e && /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(m, { name: "questionExpired" }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(F, { children: e ? r ? "The results are already in!" : "Question is Closed" : "Question Closed" }) }),
-        /* @__PURE__ */ i(T, { children: e ? /* @__PURE__ */ i(G, { children: r ? `Correct: ${o == null ? void 0 : o.text}` : "Event affecting the outcome has occurred." }) : "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
-      ] })
-    ] }),
-    !n && N && /* @__PURE__ */ c(t, { children: [
-      !e && /* @__PURE__ */ i(j, { name: "icon-prediction" }),
-      /* @__PURE__ */ c(J, { children: [
-        "Your pick has been recorded. ",
-        /* @__PURE__ */ i(K, { children: "We’ll notify you of the result." })
-      ] })
-    ] }),
-    !n && P && /* @__PURE__ */ c(t, { children: [
-      !e && /* @__PURE__ */ i(u, { "data-feedback-type": "correct", children: /* @__PURE__ */ i(m, { name: "correct" }) }),
-      /* @__PURE__ */ i(F, { children: "Thanks for answering. Please stay tuned for the next question." })
-    ] }),
-    !n && (Q || S) && /* @__PURE__ */ c(t, { children: [
-      !e && /* @__PURE__ */ i(u, { "data-feedback-type": p, children: /* @__PURE__ */ i(m, { name: p }) }),
-      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ c(x, { children: [
-        e ? /* @__PURE__ */ i(X, { children: p === "incorrect" ? /* @__PURE__ */ c(Y, { children: [
-          /* @__PURE__ */ i("div", { children: "So close!" }),
-          /* @__PURE__ */ i("div", { children: "Better luck next time" })
-        ] }) : /* @__PURE__ */ c(Y, { children: [
-          /* @__PURE__ */ i("div", { children: "That’s correct!" }),
-          /* @__PURE__ */ i("div", { children: "You chose wisely." })
-        ] }) }) : /* @__PURE__ */ i(U, { "data-feedback-type": p, children: a == null ? void 0 : a.title }),
-        e ? /* @__PURE__ */ c(_, { children: [
+  const W = k && (d === l.TRIVIA || d === l.PREDICTION), f = d === l.PREDICTION && !r, R = H && d === l.PREDICTION && !k || d === l.PREDICTION && y && b && B, N = W && f, Q = W && r, C = d === l.PREDICTION && k && b && r, P = k && d === l.POLL && b, m = S ? "correct" : "incorrect", o = S ? t == null ? void 0 : t.correctFeedback : t == null ? void 0 : t.incorrectFeedback;
+  return I || D || N || Q || R || P || C || e ? /* @__PURE__ */ i(
+    J,
+    {
+      enabled: b,
+      animate: !e && I ? !0 : z,
+      onAnimationEnd: G,
+      children: /* @__PURE__ */ c(K, { "data-prediction": f, children: [
+        e && !R && /* @__PURE__ */ c(h, { children: [
+          !n && /* @__PURE__ */ i(L, { name: "questionExpired" }),
+          /* @__PURE__ */ i(F, { children: e })
+        ] }),
+        !e && I && /* @__PURE__ */ c(h, { children: [
+          !n && /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(p, { name: "questionExpired" }) }),
           /* @__PURE__ */ c("div", { children: [
-            "Your pick: ",
-            I == null ? void 0 : I.text
-          ] }),
-          /* @__PURE__ */ i("div", { children: p === "incorrect" ? `Correct: ${o == null ? void 0 : o.text}` : "" })
-        ] }) : /* @__PURE__ */ i(Z, { children: a == null ? void 0 : a.description })
-      ] }) })
-    ] })
-  ] }) }) : null;
+            /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(F, { children: "Question Expired" }) }),
+            /* @__PURE__ */ i(O, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+          ] })
+        ] }),
+        !e && D && /* @__PURE__ */ c(h, { className: j($), children: [
+          /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(p, { name: "questionExpired" }) }),
+          /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(F, { children: "Question Closed" }) }),
+            /* @__PURE__ */ i(O, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
+          ] })
+        ] }),
+        R && /* @__PURE__ */ c(h, { children: [
+          !n && /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(p, { name: "questionExpired" }) }),
+          /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i(F, { children: n ? r ? "The results are already in!" : "Question is Closed" : "Question Closed" }) }),
+            /* @__PURE__ */ i(O, { children: n ? /* @__PURE__ */ i(U, { children: r ? `Correct: ${a == null ? void 0 : a.text}` : "Event affecting the outcome has occurred." }) : "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
+          ] })
+        ] }),
+        !e && N && /* @__PURE__ */ c(h, { children: [
+          !n && /* @__PURE__ */ i(L, { name: "icon-prediction" }),
+          /* @__PURE__ */ c(X, { children: [
+            "Your pick has been recorded. ",
+            /* @__PURE__ */ i(Z, { children: "We’ll notify you of the result." })
+          ] })
+        ] }),
+        !e && P && /* @__PURE__ */ c(h, { children: [
+          !n && /* @__PURE__ */ i(u, { "data-feedback-type": "correct", children: /* @__PURE__ */ i(p, { name: "correct" }) }),
+          /* @__PURE__ */ i(F, { children: "Thanks for answering. Please stay tuned for the next question." })
+        ] }),
+        !e && (Q || C) && /* @__PURE__ */ c(h, { className: j(D && $), children: [
+          !n && /* @__PURE__ */ i(u, { "data-feedback-type": m, children: /* @__PURE__ */ i(p, { name: m }) }),
+          /* @__PURE__ */ i("div", { children: /* @__PURE__ */ c(x, { children: [
+            n ? /* @__PURE__ */ i(q, { children: m === "incorrect" ? /* @__PURE__ */ c(Y, { children: [
+              /* @__PURE__ */ i("div", { children: "So close!" }),
+              /* @__PURE__ */ i("div", { children: "Better luck next time" })
+            ] }) : /* @__PURE__ */ c(Y, { children: [
+              /* @__PURE__ */ i("div", { children: "That’s correct!" }),
+              /* @__PURE__ */ i("div", { children: "You chose wisely." })
+            ] }) }) : /* @__PURE__ */ i(_, { "data-feedback-type": m, children: o == null ? void 0 : o.title }),
+            n ? /* @__PURE__ */ c(V, { children: [
+              /* @__PURE__ */ c("div", { children: [
+                "Your pick: ",
+                T == null ? void 0 : T.text
+              ] }),
+              /* @__PURE__ */ i("div", { children: m === "incorrect" ? `Correct: ${a == null ? void 0 : a.text}` : "" })
+            ] }) : /* @__PURE__ */ i(v, { children: o == null ? void 0 : o.description })
+          ] }) })
+        ] })
+      ] })
+    }
+  ) : null;
 };
 export {
-  s as Feedback
+  ii as Feedback
 };

package/lib/ui/gamification/vote/feedback/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const ShowInContainer: any;
 export declare const FeedbackContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ShowAnimation: import('@linaria/core').LinariaClassName;
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const IconPrediction: any;
 export declare const FeedbackIconWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/feedback/styles.js

@@ -1,7 +1,7 @@
 import { styled as s } from "@linaria/react";
 import { SvgIcon as a } from "../../../icons/index.js";
-import { GrowingShowIn as c } from "../../../show-in/index.js";
-const n = () => c, d = /* @__PURE__ */ s(n())({
+import { GrowingShowIn as n } from "../../../show-in/index.js";
+const c = () => n, l = /* @__PURE__ */ s(c())({
   name: "ShowInContainer",
   class: "s16sbdnm",
   propsAsIs: !0
@@ -9,73 +9,74 @@ const n = () => c, d = /* @__PURE__ */ s(n())({
   name: "FeedbackContainer",
   class: "fbhorgl",
   propsAsIs: !1
-}), k = /* @__PURE__ */ s("div")({
+}), m = "s1g20ja7", k = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "c1g20ja7",
+  class: "c455ozj",
   propsAsIs: !1
-}), o = () => a, m = /* @__PURE__ */ s(o())({
+}), o = () => a, b = /* @__PURE__ */ s(o())({
   name: "IconPrediction",
-  class: "i455ozj",
+  class: "i1913njx",
   propsAsIs: !0
-}), b = /* @__PURE__ */ s("div")({
+}), I = /* @__PURE__ */ s("div")({
   name: "FeedbackIconWrap",
-  class: "f1913njx",
+  class: "fzfk69z",
   propsAsIs: !1
-}), I = /* @__PURE__ */ s("div")({
+}), F = /* @__PURE__ */ s("div")({
   name: "FeedbackHeader",
-  class: "fzfk69z",
+  class: "fx87qaj",
   propsAsIs: !1
-}), F = /* @__PURE__ */ s("span")({
+}), A = /* @__PURE__ */ s("span")({
   name: "FeedbackTitle",
-  class: "fx87qaj",
+  class: "fvek9ew",
   propsAsIs: !1
 }), e = /* @__PURE__ */ s("span")({
   name: "FeedbackDescription",
-  class: "fvek9ew",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ s("div")({
-  name: "FeedbackTitleWrap",
   class: "f1kbtp09",
   propsAsIs: !1
 }), D = /* @__PURE__ */ s("div")({
-  name: "FeedbackResultDescriptionWrap",
+  name: "FeedbackTitleWrap",
   class: "f4i8rro",
   propsAsIs: !1
-}), p = () => e, v = /* @__PURE__ */ s(p())({
-  name: "FeedbackDynamicDescription",
+}), v = /* @__PURE__ */ s("div")({
+  name: "FeedbackResultDescriptionWrap",
   class: "fqyssr",
+  propsAsIs: !1
+}), p = () => e, x = /* @__PURE__ */ s(p())({
+  name: "FeedbackDynamicDescription",
+  class: "fyv794i",
   propsAsIs: !0
-}), r = () => e, x = /* @__PURE__ */ s(r())({
+}), r = () => e, u = /* @__PURE__ */ s(r())({
   name: "FeedbackResultDescription",
-  class: "fyv794i",
+  class: "f1jkj9vx",
   propsAsIs: !0
-}), u = /* @__PURE__ */ s("div")({
+}), y = /* @__PURE__ */ s("div")({
   name: "FeedbackText",
-  class: "f1jkj9vx",
+  class: "f1pxh3a6",
   propsAsIs: !1
-}), y = /* @__PURE__ */ s("span")({
+}), W = /* @__PURE__ */ s("span")({
   name: "DynamicWrap",
-  class: "d1pxh3a6",
+  class: "d1afvufn",
   propsAsIs: !1
-}), W = /* @__PURE__ */ s("div")({
+}), h = /* @__PURE__ */ s("div")({
   name: "EarlyFeedbackDescription",
-  class: "e1afvufn",
+  class: "eq8u24d",
   propsAsIs: !1
 });
 export {
   k as Container,
-  y as DynamicWrap,
-  W as EarlyFeedbackDescription,
+  W as DynamicWrap,
+  h as EarlyFeedbackDescription,
   f as FeedbackContainer,
   e as FeedbackDescription,
-  v as FeedbackDynamicDescription,
-  I as FeedbackHeader,
-  b as FeedbackIconWrap,
-  x as FeedbackResultDescription,
-  D as FeedbackResultDescriptionWrap,
-  u as FeedbackText,
-  F as FeedbackTitle,
-  A as FeedbackTitleWrap,
-  m as IconPrediction,
-  d as ShowInContainer
+  x as FeedbackDynamicDescription,
+  F as FeedbackHeader,
+  I as FeedbackIconWrap,
+  u as FeedbackResultDescription,
+  v as FeedbackResultDescriptionWrap,
+  y as FeedbackText,
+  A as FeedbackTitle,
+  D as FeedbackTitleWrap,
+  b as IconPrediction,
+  m as ShowAnimation,
+  l as ShowInContainer
 };