@remotion/player 4.0.236 → 4.0.237

package/dist/cjs/license-blacklist.js

@@ -78,9 +78,38 @@ const RenderWarningIfBlacklist = () => {
         })
             .catch(() => { });
     }, []);
+    (0, react_1.useEffect)(() => {
+        if (!unlicensed) {
+            return;
+        }
+        const ensureBanner = () => {
+            const banner = document.querySelector('.warning-banner');
+            if (!banner) {
+                const div = document.createElement('div');
+                div.className = 'warning-banner';
+                Object.assign(div.style, style, {
+                    zIndex: '9999',
+                    // @ts-expect-error
+                    cssText: `${style.cssText} !important;`,
+                });
+                div.innerHTML = `
+	        <a href="https://github.com/remotion-dev/remotion/pull/4589" style="color: white;">
+	          Remotion Unlicensed – Contact hi@remotion.dev
+	        </a>
+	      `;
+                document.body.appendChild(div);
+            }
+        };
+        // Using MutationObserver to watch for changes
+        const observer = new MutationObserver(() => ensureBanner());
+        observer.observe(document.body, { childList: true, subtree: true });
+        return () => {
+            observer.disconnect();
+        };
+    }, [unlicensed]);
     if (!unlicensed) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)("a", { style: { color: 'white' }, href: "https://github.com/remotion-dev/remotion/pull/4589", children: "Remotion Unlicensed \u2013 Contact hi@remotion.dev" }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { style: style, className: "warning-banner", children: (0, jsx_runtime_1.jsx)("a", { style: { color: 'white' }, href: "https://github.com/remotion-dev/remotion/pull/4589", children: "Remotion Unlicensed \u2013 Contact hi@remotion.dev" }) }));
 };
 exports.RenderWarningIfBlacklist = RenderWarningIfBlacklist;

package/dist/esm/index.mjs

@@ -2200,11 +2200,39 @@ var RenderWarningIfBlacklist = () => {
     }).catch(() => {
     });
   }, []);
+  useEffect12(() => {
+    if (!unlicensed) {
+      return;
+    }
+    const ensureBanner = () => {
+      const banner = document.querySelector(".warning-banner");
+      if (!banner) {
+        const div = document.createElement("div");
+        div.className = "warning-banner";
+        Object.assign(div.style, style, {
+          zIndex: "9999",
+          cssText: `${style.cssText} !important;`
+        });
+        div.innerHTML = `
+\t        <a href="https://github.com/remotion-dev/remotion/pull/4589" style="color: white;">
+\t          Remotion Unlicensed – Contact hi@remotion.dev
+\t        </a>
+\t      `;
+        document.body.appendChild(div);
+      }
+    };
+    const observer = new MutationObserver(() => ensureBanner());
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
+  }, [unlicensed]);
   if (!unlicensed) {
     return null;
   }
   return /* @__PURE__ */ jsx11("div", {
     style,
+    className: "warning-banner",
     children: /* @__PURE__ */ jsx11("a", {
       style: { color: "white" },
       href: "https://github.com/remotion-dev/remotion/pull/4589",

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
   },
   "name": "@remotion/player",
-  "version": "4.0.236",
+  "version": "4.0.237",
   "description": "React component for embedding a Remotion preview into your app",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "remotion": "4.0.236"
+    "remotion": "4.0.237"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -43,7 +43,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.236"
+    "@remotion/eslint-config-internal": "4.0.237"
   },
   "keywords": [
     "remotion",