@remotion/player 4.0.316 → 4.0.318

package/dist/cjs/use-remotion-license-acknowledge.js

@@ -11,7 +11,6 @@ const acknowledgeRemotionLicenseMessage = (acknowledge, logLevel) => {
         return;
     }
     warningShown = true;
-    remotion_1.Internals.Log.warn(logLevel, 'Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license');
-    remotion_1.Internals.Log.warn(logLevel, 'Pass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear.');
+    remotion_1.Internals.Log.warn(logLevel, 'Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license\nPass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear.');
 };
 exports.acknowledgeRemotionLicenseMessage = acknowledgeRemotionLicenseMessage;

package/dist/cjs/utils/use-element-size.js

@@ -42,7 +42,9 @@ const useElementSize = (ref, options) => {
                 setSize(null);
                 return;
             }
-            const probableCssParentScale = contentRect.width === 0 ? 1 : newSize[0].width / contentRect.width;
+            const probableCssParentScale = contentRect.width === 0 || contentRect.width === 0
+                ? 1
+                : newSize[0].width / contentRect.width;
             const width = options.shouldApplyCssTransforms
                 ? newSize[0].width
                 : newSize[0].width * (1 / probableCssParentScale);

package/dist/esm/index.mjs

@@ -1049,7 +1049,7 @@ var useElementSize = (ref, options) => {
         setSize(null);
         return;
       }
-      const probableCssParentScale = contentRect.width === 0 ? 1 : newSize[0].width / contentRect.width;
+      const probableCssParentScale = contentRect.width === 0 || contentRect.width === 0 ? 1 : newSize[0].width / contentRect.width;
       const width = options.shouldApplyCssTransforms ? newSize[0].width : newSize[0].width * (1 / probableCssParentScale);
       const height = options.shouldApplyCssTransforms ? newSize[0].height : newSize[0].height * (1 / probableCssParentScale);
       setSize((prevState) => {
@@ -2963,8 +2963,7 @@ var acknowledgeRemotionLicenseMessage = (acknowledge, logLevel) => {
     return;
   }
   warningShown = true;
-  Internals14.Log.warn(logLevel, "Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license");
-  Internals14.Log.warn(logLevel, "Pass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear.");
+  Internals14.Log.warn(logLevel, "Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license\nPass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear.");
 };
 
 // src/utils/validate-in-out-frame.ts

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
   },
   "name": "@remotion/player",
-  "version": "4.0.316",
+  "version": "4.0.318",
   "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.316"
+    "remotion": "4.0.318"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -43,7 +43,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.316"
+    "@remotion/eslint-config-internal": "4.0.318"
   },
   "keywords": [
     "remotion",