@streamlayer/react-ui 1.31.7 → 1.32.0

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

@@ -1,4 +1,5 @@
 type GAMStaticCore = Record<string, {
+    id: string;
     url: string;
     imageSrc?: string;
     adUrl?: string;

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

@@ -1,44 +1,69 @@
 import { _ as C } from "../../../../../vast-client.min-B0NUra1B.js";
-import { useRef as k, useCallback as I } from "react";
-import { createLogger as K } from "@streamlayer/sdk-web-logger";
-import { m as V } from "../../../../../index-DSi8Qgfs.js";
-const x = {}, D = new C(), a = V(x), u = K("ui:gam-static"), A = (n) => new Promise((m, e) => {
-  const s = new Image();
-  s.onload = () => m(n), s.onerror = () => e(), s.src = n;
-}), _ = () => {
-  const n = k(0);
-  return [I(async (e) => {
-    var g, d, f, p, v, T, R, S, w, y, h;
-    if ((g = a.get()[e]) != null && g.imageSrc)
+import { useRef as P, useCallback as k } from "react";
+import { eventBus as l } from "@streamlayer/sdk-web-interfaces";
+import { createLogger as I } from "@streamlayer/sdk-web-logger";
+import { m as K } from "../../../../../index-DSi8Qgfs.js";
+const V = {}, B = new C(), i = K(V), d = I("ui:gam-static"), b = (n) => new Promise((m, e) => {
+  const r = new Image();
+  r.onload = () => m(n), r.onerror = () => e(), r.src = n;
+}), $ = () => {
+  const n = P(0);
+  return [k(async (e) => {
+    var p, g, f, v, y, A, T, R, S, w, h;
+    if ((p = i.get()[e]) != null && p.imageSrc)
       return { success: !0 };
-    const s = Date.now();
-    n.current = s, a.setKey(e, { url: e });
+    const r = Date.now();
+    n.current = r, i.setKey(e, { id: "", url: e });
     try {
-      const c = await D.get(e);
-      if (u.debug(c, "parsedVAST"), n.current === s && a.get()[e].url) {
-        const i = c.ads.find((o) => o.creatives.length > 0);
-        if (i) {
-          u.debug(i, "validAd");
-          const o = i.creatives.find((r) => r.type === "nonlinear");
-          if (o) {
-            u.debug(o, "nonlinear");
-            const r = (f = (d = o.variations) == null ? void 0 : d[0]) == null ? void 0 : f.staticResource, L = (v = (p = o.variations) == null ? void 0 : p[0]) == null ? void 0 : v.nonlinearClickThroughURLTemplate;
-            if (r)
-              return await A(r), a.setKey(e, { url: e, imageSrc: r, adUrl: L }), { success: !0 };
+      l.emit("exposedPauseAd", {
+        action: "load",
+        payload: {}
+      });
+      const c = await B.get(e);
+      if (d.debug(c, "parsedVAST"), n.current === r && i.get()[e].url) {
+        const t = c.ads.find((s) => s.creatives.length > 0);
+        if (t) {
+          d.debug(t, "validAd");
+          const s = t.creatives.find((o) => o.type === "nonlinear");
+          if (s) {
+            d.debug(s, "nonlinear");
+            const o = (f = (g = s.variations) == null ? void 0 : g[0]) == null ? void 0 : f.staticResource, x = (y = (v = s.variations) == null ? void 0 : v[0]) == null ? void 0 : y.nonlinearClickThroughURLTemplate;
+            if (o)
+              return await b(o), i.setKey(e, {
+                id: t.id || "",
+                url: e,
+                imageSrc: o,
+                adUrl: x
+              }), l.emit("exposedPauseAd", {
+                action: "loaded",
+                payload: {
+                  id: t.id || ""
+                }
+              }), { success: !0 };
           }
-          const t = i.creatives.find((r) => r.type === "companion");
-          u.debug(t, "companion");
-          const l = (w = (S = (R = (T = t == null ? void 0 : t.variations) == null ? void 0 : T[0]) == null ? void 0 : R.staticResources) == null ? void 0 : S[0]) == null ? void 0 : w.url, b = (h = (y = t == null ? void 0 : t.variations) == null ? void 0 : y[0]) == null ? void 0 : h.companionClickThroughURLTemplate;
-          if (l)
-            return await A(l), a.setKey(e, { url: e, imageSrc: l, adUrl: b }), { success: !0 };
+          const a = t.creatives.find((o) => o.type === "companion");
+          d.debug(a, "companion");
+          const u = (S = (R = (T = (A = a == null ? void 0 : a.variations) == null ? void 0 : A[0]) == null ? void 0 : T.staticResources) == null ? void 0 : R[0]) == null ? void 0 : S.url, L = (h = (w = a == null ? void 0 : a.variations) == null ? void 0 : w[0]) == null ? void 0 : h.companionClickThroughURLTemplate;
+          if (u)
+            return await b(u), i.setKey(e, {
+              id: t.id || "",
+              url: e,
+              imageSrc: u,
+              adUrl: L
+            }), l.emit("exposedPauseAd", {
+              action: "loaded",
+              payload: {
+                id: t.id || ""
+              }
+            }), { success: !0 };
         }
       }
     } catch (c) {
       console.error("Error parsing VAST", c);
     }
     return { success: !1 };
-  }, []), a];
+  }, []), i];
 };
 export {
-  _ as useLoadGAMStatic
+  $ as useLoadGAMStatic
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.31.7",
+  "version": "1.32.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -76,7 +76,7 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.221.0",
+    "@streamlayer/sl-eslib": "^5.225.0",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
@@ -85,19 +85,19 @@
     "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.22.9",
-    "@streamlayer/react-polyfills": "^0.1.44",
-    "@streamlayer/sdk-web": "^1.15.9",
-    "@streamlayer/sdk-web-analytics": "^1.12.9",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.2.9",
-    "@streamlayer/sdk-web-api": "^1.13.9",
-    "@streamlayer/sdk-web-core": "^1.16.9",
-    "@streamlayer/sdk-web-features": "^1.0.84",
-    "@streamlayer/sdk-web-interfaces": "^1.7.17",
-    "@streamlayer/sdk-web-logger": "^1.0.84",
-    "@streamlayer/sdk-web-notifications": "^1.3.46",
-    "@streamlayer/sdk-web-storage": "^1.0.84",
-    "@streamlayer/sdk-web-types": "^1.15.9"
+    "@streamlayer/feature-gamification": "^1.23.0",
+    "@streamlayer/react-polyfills": "^0.1.45",
+    "@streamlayer/sdk-web-analytics": "^1.13.0",
+    "@streamlayer/sdk-web": "^1.16.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.3.0",
+    "@streamlayer/sdk-web-core": "^1.17.0",
+    "@streamlayer/sdk-web-api": "^1.14.0",
+    "@streamlayer/sdk-web-features": "^1.0.85",
+    "@streamlayer/sdk-web-interfaces": "^1.8.0",
+    "@streamlayer/sdk-web-logger": "^1.0.85",
+    "@streamlayer/sdk-web-notifications": "^1.3.47",
+    "@streamlayer/sdk-web-storage": "^1.0.85",
+    "@streamlayer/sdk-web-types": "^1.16.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -139,7 +139,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.20.7"
+    "@streamlayer/react": "^1.21.0"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.4.2",