@streamlayer/react 1.9.6 → 1.9.7

package/lib/es/advertisement.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as v, Fragment as po } from "react/jsx-runtime";
-import { useRef as F, useState as R, useCallback as ko, useEffect as M } from "react";
-import { e as k, s as n, h as Po, g as mo, i as D, Y as Lo, a as uo, L as Mo, u as Oo, j as _o, b as Bo, S as T, d as xo } from "./index2.js";
+import { useRef as F, useState as R, useCallback as Po, useEffect as M } from "react";
+import { e as P, s as n, h as ko, g as mo, i as D, Y as Lo, a as uo, L as Mo, u as Oo, j as _o, b as Bo, S as T, d as xo } from "./index2.js";
 import { N, a as vo, b as Ao, C as go, c as ho, P as L, d as S, A as Ro, e as Do, S as qo } from "./useStreamLayerApp2.js";
 const wo = /* @__PURE__ */ n("div")({
   name: "Container",
@@ -16,7 +16,7 @@ const wo = /* @__PURE__ */ n("div")({
   onAnimationEnd: c
 }) => /* @__PURE__ */ e(wo, {
   style: s,
-  className: k(i, Vo, Ho(r), t && !l && Go(r), t && l && Wo(r)),
+  className: P(i, Vo, Ho(r), t && !l && Go(r), t && l && Wo(r)),
   onAnimationEnd: c,
   children: o
 }), Ko = /* @__PURE__ */ n("a")({
@@ -177,11 +177,11 @@ const wo = /* @__PURE__ */ n("div")({
   name: "CtaIcon",
   class: "ckq1frv",
   propsAsIs: !1
-}), ke = /* @__PURE__ */ n("button")({
+}), Pe = /* @__PURE__ */ n("button")({
   name: "Button",
   class: "bis90pl",
   propsAsIs: !1
-}), Pe = () => Po, Le = /* @__PURE__ */ n(Pe())({
+}), ke = () => ko, Le = /* @__PURE__ */ n(ke())({
   name: "StyledChevronRight",
   class: "s9mjmz3",
   propsAsIs: !0
@@ -213,7 +213,7 @@ const wo = /* @__PURE__ */ n("div")({
         r && /* @__PURE__ */ e(he, { children: r }),
         c && /* @__PURE__ */ e(Ie, { children: c })
       ] }),
-      /* @__PURE__ */ v(ke, { name: "promo-button", style: { color: p == null ? void 0 : p.textColor, backgroundColor: p == null ? void 0 : p.color }, children: [
+      /* @__PURE__ */ v(Pe, { name: "promo-button", style: { color: p == null ? void 0 : p.textColor, backgroundColor: p == null ? void 0 : p.color }, children: [
         (p == null ? void 0 : p.ctaIcon) && (p == null ? void 0 : p.ctaIconMode) === go.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(Ee, { src: p == null ? void 0 : p.ctaIcon, alt: "cta-icon" }),
         (p == null ? void 0 : p.label) || "Open"
       ] }),
@@ -359,7 +359,7 @@ const wo = /* @__PURE__ */ n("div")({
   skipAutoClose: r
 }) => {
   var c;
-  const m = F(null), [A, a] = R(!1), [g, u] = R(0), [p, I] = R(0), [$, h] = R(0), y = F(), b = ko(() => {
+  const m = F(null), [A, a] = R(!1), [g, u] = R(0), [p, I] = R(0), [$, h] = R(0), y = F(), b = Po(() => {
     u(0), I(0), h(0), a(!1), s == null || s({
       muted: !1
     });
@@ -396,7 +396,7 @@ const wo = /* @__PURE__ */ n("div")({
     className: "PromoOverlay",
     children: [/* @__PURE__ */ v(bo, {
       children: [/* @__PURE__ */ e(fo, {
-        className: k(!O && No),
+        className: P(!O && No),
         children: /* @__PURE__ */ e(Co, {
           style: {
             transform: "scale(1.5)"
@@ -417,7 +417,7 @@ const wo = /* @__PURE__ */ n("div")({
         })]
       })]
     }), /* @__PURE__ */ e($o, {
-      className: k(Xe, A && on, !A && en),
+      className: P(Xe, A && on, !A && en),
       children: /* @__PURE__ */ e(Ze, {
         ref: m
       })
@@ -445,13 +445,13 @@ const wo = /* @__PURE__ */ n("div")({
     _ == null || _({ muted: !1 });
   }, [_]), so)
     return /* @__PURE__ */ e(nn, { ...o, externalAd: so });
-  let P = (l = d.banner) == null ? void 0 : l.url;
-  P && P.indexOf("http") !== 0 && (P = `https://${P}`);
+  let k = (l = d.banner) == null ? void 0 : l.url;
+  k && k.indexOf("http") !== 0 && (k = `https://${k}`);
   let U = !0;
   return to && (!To || !x ? U = !0 : U = !1), /* @__PURE__ */ v(yo, { className: "PromoOverlay", children: [
     /* @__PURE__ */ v(bo, { children: [
-      /* @__PURE__ */ v(fo, { className: k(!j && No), children: [
-        ((r = d.sponsor) == null ? void 0 : r.logo) && d.logoMode === L.LEFT && /* @__PURE__ */ e(ao, { src: (c = d.sponsor) == null ? void 0 : c.logo, alt: "promo" }),
+      /* @__PURE__ */ v(fo, { className: P(!j && No), children: [
+        ((r = d.sponsor) == null ? void 0 : r.logo) && d.logoMode === L.LEFT && /* @__PURE__ */ e(ao, { className: "PromoSponsorLogo", src: (c = d.sponsor) == null ? void 0 : c.logo, alt: "promo" }),
         /* @__PURE__ */ v(
           Ve,
           {
@@ -504,14 +504,14 @@ const wo = /* @__PURE__ */ n("div")({
         }
       ) : (f = d.banner) != null && f.imageUrl ? /* @__PURE__ */ e(De, { style: V ? { aspectRatio: "1/1" } : {}, src: (C = d.banner) == null ? void 0 : C.imageUrl, alt: "promo" }) : null }),
       !V && /* @__PURE__ */ v(ro, { children: [
-        ((W = d.banner) == null ? void 0 : W.title) && /* @__PURE__ */ e(Ge, { className: k("AdvTitle", j && We), children: (H = d.banner) == null ? void 0 : H.title }),
+        ((W = d.banner) == null ? void 0 : W.title) && /* @__PURE__ */ e(Ge, { className: P("AdvTitle", j && We), children: (H = d.banner) == null ? void 0 : H.title }),
         ((K = d.banner) == null ? void 0 : K.body) && /* @__PURE__ */ e(we, { className: "AdvDescription", children: (Y = d.banner) == null ? void 0 : Y.body })
       ] })
     ] }),
     d.buttonType !== Do.NO_BUTTON && /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(
       ze,
       {
-        href: P,
+        href: k,
         style: {
           backgroundColor: ((Z = (J = d.banner) == null ? void 0 : J.ctaButton) == null ? void 0 : Z.color) || "#009dc4",
           color: ((X = (Q = d.banner) == null ? void 0 : Q.ctaButton) == null ? void 0 : X.textColor) || "#fff"
@@ -651,7 +651,7 @@ const wo = /* @__PURE__ */ n("div")({
     style: {
       height: y ? "auto" : "100%"
     },
-    className: k("SL-AdvertisementUIWrap", m && "mobile-view", b && "SL-AdvertisementUIWrap--lower-third"),
+    className: P("SL-AdvertisementUIWrap", m && "mobile-view", b && "SL-AdvertisementUIWrap--lower-third"),
     children: /* @__PURE__ */ e(ln, {
       skipTypeCheck: t,
       sidebar: l,

package/lib/es/useStreamLayerApp2.js

@@ -17950,7 +17950,7 @@ const sE = ({
         f = !0;
       };
     const T = tE(e, n, a, {
-      version: "1.9.6",
+      version: "1.9.7",
       onDeepLinkHandled: s,
       videoPlayerController: o,
       onContentActivate: r,