next-cloudinary 7.0.0-beta.1 → 7.0.0-beta.10

package/README.md

@@ -4,19 +4,17 @@
   <img alt="Cloudinary" src="https://user-images.githubusercontent.com/62209650/196528761-a815025a-271a-4d8e-ac7e-cea833728bf9.png" align="center" height=30>
 </picture>
 &ensp;&ensp;
-<picture style="padding: 30px">
-  <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/62209650/196529551-917766a7-6d73-4a0b-9f80-db31ac62358f.png" align="center" height=30>
-  <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/62209650/196529695-8c260b0b-b5e6-44ae-bf71-db3c28534b20.png" align="center" height=30>
-  <img alt="Nextjs" src="https://user-images.githubusercontent.com/62209650/196529695-8c260b0b-b5e6-44ae-bf71-db3c28534b20.png" align="center" height=30>
-</picture>
 
 ######
 
 <a href="https://github.com/cloudinary-community/next-cloudinary/actions/workflows/test_and_release.yml"><img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/cloudinary-community/next-cloudinary/test_and_release.yml?branch=main&label=Test%20%26%20Release&style=flat-square"></a> <a href="https://www.npmjs.com/package/next-cloudinary"><img alt="npm" src="https://img.shields.io/npm/v/next-cloudinary?style=flat-square"></a> <a href="https://bundlephobia.com/package/next-cloudinary"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/next-cloudinary?style=flat-square&label=Minified%20Size"></a> <a href="https://github.com/cloudinary-community/next-cloudinary/blob/main/LICENSE"><img alt="GitHub" src="https://img.shields.io/github/license/cloudinary-community/next-cloudinary?label=License&style=flat-square"></a>
 
-
 # Next Cloudinary
 
+<!-- doc-gen PKGJSON optionOne="hey" -->
+undefined
+<!-- end-doc-gen -->
+
 High-performance image delivery and uploading at scale in Next.js powered by Cloudinary.
 
 <a href="#-features">Features</a> • <a href="#-getting-started">Getting Started</a> • <a href="#%EF%B8%8F-community--support">Community & Support</a> • <a href="#-contributing">Contributing</a>
@@ -197,6 +195,17 @@ pnpm test
       <td align="center" valign="top" width="14.28%"><a href="http://www.simonbukin.com"><img src="https://avatars.githubusercontent.com/u/8992420?v=4?s=100" width="100px;" alt="Simon"/><br /><sub><b>Simon</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=simonbukin" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://robray.dev/"><img src="https://avatars.githubusercontent.com/u/1377253?v=4?s=100" width="100px;" alt="Richard Oliver Bray"/><br /><sub><b>Richard Oliver Bray</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=RichardBray" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/zecka"><img src="https://avatars.githubusercontent.com/u/18116930?v=4?s=100" width="100px;" alt="zecka"/><br /><sub><b>zecka</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=zecka" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/HarshitVashisht11"><img src="https://avatars.githubusercontent.com/u/120767685?v=4?s=100" width="100px;" alt="Harshit Vashisht"/><br /><sub><b>Harshit Vashisht</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=HarshitVashisht11" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="http://sahil9001.github.io"><img src="https://avatars.githubusercontent.com/u/32628578?v=4?s=100" width="100px;" alt="Sahil Silare"/><br /><sub><b>Sahil Silare</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=sahil9001" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="http://yashmathur.live"><img src="https://avatars.githubusercontent.com/u/69838816?v=4?s=100" width="100px;" alt="Yash Mathur"/><br /><sub><b>Yash Mathur</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=Yash-sudo-web" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mr-loop-1"><img src="https://avatars.githubusercontent.com/u/62374784?v=4?s=100" width="100px;" alt="Abdul Samad"/><br /><sub><b>Abdul Samad</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=mr-loop-1" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/DevRish"><img src="https://avatars.githubusercontent.com/u/78094670?v=4?s=100" width="100px;" alt="Rishav Chattopadhyay"/><br /><sub><b>Rishav Chattopadhyay</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=DevRish" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Prathamesh010"><img src="https://avatars.githubusercontent.com/u/41731424?v=4?s=100" width="100px;" alt="Prathamesh Gawas"/><br /><sub><b>Prathamesh Gawas</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=Prathamesh010" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://victory-nwani.dev"><img src="https://avatars.githubusercontent.com/u/29664439?v=4?s=100" width="100px;" alt="Nwani Victory"/><br /><sub><b>Nwani Victory</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=vickywane" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="http://neilblaze.live"><img src="https://avatars.githubusercontent.com/u/48355572?v=4?s=100" width="100px;" alt="Pratyay Banerjee"/><br /><sub><b>Pratyay Banerjee</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=Neilblaze" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/saai-syvendra"><img src="https://avatars.githubusercontent.com/u/157691467?v=4?s=100" width="100px;" alt="Saai Syvendra"/><br /><sub><b>Saai Syvendra</b></sub></a><br /><a href="https://github.com/cloudinary-community/next-cloudinary/commits?author=saai-syvendra" title="Documentation">📖</a></td>
     </tr>
   </tbody>
 </table>

package/dist/{CldImage-68dff3e6.cjs.js → CldImage-841d87c1.cjs.js}

@@ -7,9 +7,9 @@ var react = require('react');
 var Image = require('next/image');
 var util = require('@cloudinary-util/util');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinaryLoader = require('./cloudinary-loader-80d421f0.cjs.js');
+var cloudinaryLoader = require('./cloudinary-loader-c87ac9ae.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('./cloudinary-1cbbab64.cjs.js');
+require('./cloudinary-1f1b51af.cjs.js');
 require('next/package.json');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -23,48 +23,20 @@ const CldImage = /*#__PURE__*/react.forwardRef(function CldImage(props, ref) {
   // Cloudinary URL construction to avoid them being forwarded
   // to the DOM
 
-  const CLD_OPTIONS = ['assetType', 'config', 'deliveryType', 'strictTransformations'];
-
-  // Loop through all of the props available on the transformation plugins and verify
-  // that we're not accientally applying the same prop twice
-
-  // We're also using those props to push into CLD_OPTIONS which helps us filter what
-  // props are applied to the underlaying Image component vs what's being sent
-  // to Cloudinary URL construction
-
-  urlLoader.transformationPlugins.forEach(({
-    props
-  }) => {
-    const pluginProps = Object.keys(props);
-    pluginProps.forEach(prop => {
-      if (CLD_OPTIONS.includes(prop)) {
-        throw new Error(`Option ${prop} already exists!`);
-      }
-      CLD_OPTIONS.push(prop);
-    });
-  });
+  const CLD_OPTIONS = ['assetType', 'config', 'deliveryType', 'strictTransformations', ...urlLoader.cloudinaryPluginKeys];
 
   // Construct the base Image component props by filtering out Cloudinary-specific props
 
   const imageProps = {
     alt: props.alt,
-    src: props.src
+    height: props.height,
+    src: props.src,
+    width: props.width
   };
   Object.keys(props).filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key)).forEach(key => imageProps[key] = props[key]);
   const defaultImgKey = Object.keys(imageProps).map(key => `${key}:${imageProps[key]}`).join(';');
   const [imgKey, setImgKey] = react.useState(defaultImgKey);
 
-  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys
-
-  const cldOptions = {};
-  CLD_OPTIONS.forEach(key => {
-    const prop = props[key];
-    if (prop) {
-      // @ts-expect-error
-      cldOptions[key] = prop;
-    }
-  });
-
   // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing
   // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus
   // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL
@@ -74,7 +46,7 @@ const CldImage = /*#__PURE__*/react.forwardRef(function CldImage(props, ref) {
   const IMAGE_OPTIONS = process.env.__NEXT_IMAGE_OPTS || {};
   if (props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true) {
     imageProps.src = cloudinaryLoader.getCldImageUrl({
-      ...cldOptions,
+      ...props,
       width: imageProps.width,
       height: imageProps.height,
       src: imageProps.src,
@@ -116,7 +88,10 @@ const CldImage = /*#__PURE__*/react.forwardRef(function CldImage(props, ref) {
     const result = await util.pollForProcessingImage({
       src: image.src
     });
-    if (result) {
+    if (typeof result.error === 'string' && process.env.NODE_ENV === 'development') {
+      console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`);
+    }
+    if (result.success) {
       setImgKey(`${defaultImgKey};${Date.now()}`);
     }
   }
@@ -135,7 +110,7 @@ const CldImage = /*#__PURE__*/react.forwardRef(function CldImage(props, ref) {
     loader: loaderOptions => cloudinaryLoader.cloudinaryLoader({
       loaderOptions,
       imageProps,
-      cldOptions,
+      cldOptions: props,
       cldConfig: props.config
     }),
     onError: handleOnError,

package/dist/{CldImage-4b579fe8.esm.js → CldImage-c9af4fd9.esm.js}

@@ -2,10 +2,10 @@
 import { forwardRef, useState, useCallback } from 'react';
 import Image from 'next/image';
 import { pollForProcessingImage } from '@cloudinary-util/util';
-import { transformationPlugins } from '@cloudinary-util/url-loader';
-import { g as getCldImageUrl, c as cloudinaryLoader } from './cloudinary-loader-1863f0f4.esm.js';
+import { cloudinaryPluginKeys } from '@cloudinary-util/url-loader';
+import { g as getCldImageUrl, c as cloudinaryLoader } from './cloudinary-loader-ad7ad702.esm.js';
 import { jsx } from 'react/jsx-runtime';
-import './cloudinary-9437f0ad.esm.js';
+import './cloudinary-cb3c790a.esm.js';
 import 'next/package.json';
 
 const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
@@ -15,48 +15,20 @@ const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
   // Cloudinary URL construction to avoid them being forwarded
   // to the DOM
 
-  const CLD_OPTIONS = ['assetType', 'config', 'deliveryType', 'strictTransformations'];
-
-  // Loop through all of the props available on the transformation plugins and verify
-  // that we're not accientally applying the same prop twice
-
-  // We're also using those props to push into CLD_OPTIONS which helps us filter what
-  // props are applied to the underlaying Image component vs what's being sent
-  // to Cloudinary URL construction
-
-  transformationPlugins.forEach(({
-    props
-  }) => {
-    const pluginProps = Object.keys(props);
-    pluginProps.forEach(prop => {
-      if (CLD_OPTIONS.includes(prop)) {
-        throw new Error(`Option ${prop} already exists!`);
-      }
-      CLD_OPTIONS.push(prop);
-    });
-  });
+  const CLD_OPTIONS = ['assetType', 'config', 'deliveryType', 'strictTransformations', ...cloudinaryPluginKeys];
 
   // Construct the base Image component props by filtering out Cloudinary-specific props
 
   const imageProps = {
     alt: props.alt,
-    src: props.src
+    height: props.height,
+    src: props.src,
+    width: props.width
   };
   Object.keys(props).filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key)).forEach(key => imageProps[key] = props[key]);
   const defaultImgKey = Object.keys(imageProps).map(key => `${key}:${imageProps[key]}`).join(';');
   const [imgKey, setImgKey] = useState(defaultImgKey);
 
-  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys
-
-  const cldOptions = {};
-  CLD_OPTIONS.forEach(key => {
-    const prop = props[key];
-    if (prop) {
-      // @ts-expect-error
-      cldOptions[key] = prop;
-    }
-  });
-
   // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing
   // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus
   // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL
@@ -66,7 +38,7 @@ const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
   const IMAGE_OPTIONS = process.env.__NEXT_IMAGE_OPTS || {};
   if (props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true) {
     imageProps.src = getCldImageUrl({
-      ...cldOptions,
+      ...props,
       width: imageProps.width,
       height: imageProps.height,
       src: imageProps.src,
@@ -108,7 +80,10 @@ const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
     const result = await pollForProcessingImage({
       src: image.src
     });
-    if (result) {
+    if (typeof result.error === 'string' && process.env.NODE_ENV === 'development') {
+      console.error(`[CldImage] Failed to load image ${props.src}: ${result.error}`);
+    }
+    if (result.success) {
       setImgKey(`${defaultImgKey};${Date.now()}`);
     }
   }
@@ -127,7 +102,7 @@ const CldImage = /*#__PURE__*/forwardRef(function CldImage(props, ref) {
     loader: loaderOptions => cloudinaryLoader({
       loaderOptions,
       imageProps,
-      cldOptions,
+      cldOptions: props,
       cldConfig: props.config
     }),
     onError: handleOnError,

package/dist/CldUploadButton-196b419b.esm.js

@@ -1,6 +1,6 @@
 'use client';
 import 'react';
-import CldUploadWidget from './CldUploadWidget-a9c04a78.esm.js';
+import CldUploadWidget from './CldUploadWidget-77f44ab3.esm.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 const CldUploadButton = ({

package/dist/CldUploadButton-db9b095b.cjs.js

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var CldUploadWidget = require('./CldUploadWidget-e39838cc.cjs.js');
+var CldUploadWidget = require('./CldUploadWidget-cdb65b22.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{CldUploadWidget-a9c04a78.esm.js → CldUploadWidget-77f44ab3.esm.js}

@@ -2,7 +2,7 @@
 import { useRef, useState, useEffect } from 'react';
 import Script from 'next/script';
 import { generateSignatureCallback, getUploadWidgetOptions, generateUploadWidgetResultCallback, UPLOAD_WIDGET_EVENTS } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig } from './cloudinary-9437f0ad.esm.js';
+import { g as getCloudinaryConfig } from './cloudinary-cb3c790a.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'next/package.json';
 
@@ -85,7 +85,7 @@ const CldUploadWidget = ({
     if (typeof results === 'undefined') return;
     const isSuccess = results.event === 'success';
     if (isSuccess && typeof onUpload === 'function') {
-      if (process.env.NODE_ENVIRONMENT === 'development') {
+      if (process.env.NODE_ENV === 'development') {
         console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');
       }
       onUpload(results, widget.current);

package/dist/{CldUploadWidget-e39838cc.cjs.js → CldUploadWidget-cdb65b22.cjs.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var Script = require('next/script');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-1cbbab64.cjs.js');
+var cloudinary = require('./cloudinary-1f1b51af.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('next/package.json');
 
@@ -93,7 +93,7 @@ const CldUploadWidget = ({
     if (typeof results === 'undefined') return;
     const isSuccess = results.event === 'success';
     if (isSuccess && typeof onUpload === 'function') {
-      if (process.env.NODE_ENVIRONMENT === 'development') {
+      if (process.env.NODE_ENV === 'development') {
         console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');
       }
       onUpload(results, widget.current);

package/dist/{CldVideoPlayer-7b1734a7.esm.js → CldVideoPlayer-4db49132.esm.js}

@@ -1,9 +1,9 @@
 'use client';
-import { useRef, useEffect } from 'react';
+import { useId, useRef, useEffect } from 'react';
 import Script from 'next/script';
 import Head from 'next/head';
 import { getVideoPlayerOptions } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig } from './cloudinary-9437f0ad.esm.js';
+import { g as getCloudinaryConfig } from './cloudinary-cb3c790a.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'next/package.json';
 
@@ -23,6 +23,7 @@ const CldVideoPlayer = props => {
     onEnded,
     width
   } = props;
+  const uniqueId = useId();
   const cloudinaryConfig = getCloudinaryConfig(config);
   const playerOptions = getVideoPlayerOptions(props, cloudinaryConfig);
   const {
@@ -40,7 +41,7 @@ const CldVideoPlayer = props => {
   const videoRef = props.videoRef || defaultVideoRef;
   const defaultPlayerRef = useRef();
   const playerRef = props.playerRef || defaultPlayerRef;
-  const playerId = id || `player-${publicId.replace('/', '-')}`;
+  const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;
   let playerClassName = 'cld-video-player cld-fluid';
   if (className) {
     playerClassName = `${playerClassName} ${className}`;
@@ -94,7 +95,6 @@ const CldVideoPlayer = props => {
   }
   useEffect(() => {
     return () => {
-      //@ts-ignore
       playerRef.current?.videojs.cloudinary.dispose();
       playerInstances = playerInstances.filter(id => id !== playerId);
     };
@@ -128,7 +128,7 @@ const CldVideoPlayer = props => {
         width: width,
         height: height
       }), /*#__PURE__*/jsx(Script, {
-        id: `cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`,
+        id: `cloudinary-videoplayer-${playerId}`,
         src: `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`,
         onLoad: handleOnLoad,
         onError: e => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)

package/dist/{CldVideoPlayer-49ac4380.cjs.js → CldVideoPlayer-a6525186.cjs.js}

@@ -7,7 +7,7 @@ var react = require('react');
 var Script = require('next/script');
 var Head = require('next/head');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-1cbbab64.cjs.js');
+var cloudinary = require('./cloudinary-1f1b51af.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('next/package.json');
 
@@ -32,6 +32,7 @@ const CldVideoPlayer = props => {
     onEnded,
     width
   } = props;
+  const uniqueId = react.useId();
   const cloudinaryConfig = cloudinary.getCloudinaryConfig(config);
   const playerOptions = urlLoader.getVideoPlayerOptions(props, cloudinaryConfig);
   const {
@@ -49,7 +50,7 @@ const CldVideoPlayer = props => {
   const videoRef = props.videoRef || defaultVideoRef;
   const defaultPlayerRef = react.useRef();
   const playerRef = props.playerRef || defaultPlayerRef;
-  const playerId = id || `player-${publicId.replace('/', '-')}`;
+  const playerId = id || `player-${uniqueId.replace(/:/g, '')}`;
   let playerClassName = 'cld-video-player cld-fluid';
   if (className) {
     playerClassName = `${playerClassName} ${className}`;
@@ -103,7 +104,6 @@ const CldVideoPlayer = props => {
   }
   react.useEffect(() => {
     return () => {
-      //@ts-ignore
       playerRef.current?.videojs.cloudinary.dispose();
       playerInstances = playerInstances.filter(id => id !== playerId);
     };
@@ -137,7 +137,7 @@ const CldVideoPlayer = props => {
         width: width,
         height: height
       }), /*#__PURE__*/jsxRuntime.jsx(Script__default["default"], {
-        id: `cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`,
+        id: `cloudinary-videoplayer-${playerId}`,
         src: `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`,
         onLoad: handleOnLoad,
         onError: e => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)

package/dist/{cloudinary-1cbbab64.cjs.js → cloudinary-1f1b51af.cjs.js}

@@ -8,7 +8,7 @@ var nextPkg__default = /*#__PURE__*/_interopDefault(nextPkg);
 
 var pkg = {
 	name: "next-cloudinary",
-	version: "7.0.0-beta.1",
+	version: "7.0.0-beta.10",
 	license: "MIT",
 	main: "dist/next-cloudinary.cjs.js",
 	module: "dist/next-cloudinary.esm.js",
@@ -31,6 +31,9 @@ var pkg = {
 		"./dist/cloudinary_icon_for_white_bg.svg": "./dist/cloudinary_icon_for_white_bg.svg"
 	},
 	types: "./dist/next-cloudinary.cjs.d.ts",
+	files: [
+		"dist"
+	],
 	scripts: {
 		build: "preconstruct build && tsx scripts/copy-assets.ts",
 		dev: "preconstruct watch",
@@ -41,9 +44,9 @@ var pkg = {
 		"test:watch": "vitest"
 	},
 	dependencies: {
-		"@cloudinary-util/types": "1.5.8",
-		"@cloudinary-util/url-loader": "5.10.3",
-		"@cloudinary-util/util": "^3.3.2"
+		"@cloudinary-util/types": "1.6.0",
+		"@cloudinary-util/url-loader": "6.0.0",
+		"@cloudinary-util/util": "4.1.0"
 	},
 	devDependencies: {
 		"@babel/core": "^7.25.2",
@@ -61,8 +64,8 @@ var pkg = {
 		vitest: "^2.0.5"
 	},
 	peerDependencies: {
-		next: "^12 || ^13 || ^14 || >=15.0.0-rc",
-		react: "^17 || ^18 || >=19.0.0-beta"
+		next: "^12 || ^13 || ^14 || >=15.0.0-rc || ^15",
+		react: "^17 || ^18 || >=19.0.0-beta || ^19"
 	},
 	preconstruct: {
 		exports: {

package/dist/{cloudinary-9437f0ad.esm.js → cloudinary-cb3c790a.esm.js}

@@ -2,7 +2,7 @@ import nextPkg from 'next/package.json';
 
 var pkg = {
 	name: "next-cloudinary",
-	version: "7.0.0-beta.1",
+	version: "7.0.0-beta.10",
 	license: "MIT",
 	main: "dist/next-cloudinary.cjs.js",
 	module: "dist/next-cloudinary.esm.js",
@@ -25,6 +25,9 @@ var pkg = {
 		"./dist/cloudinary_icon_for_white_bg.svg": "./dist/cloudinary_icon_for_white_bg.svg"
 	},
 	types: "./dist/next-cloudinary.cjs.d.ts",
+	files: [
+		"dist"
+	],
 	scripts: {
 		build: "preconstruct build && tsx scripts/copy-assets.ts",
 		dev: "preconstruct watch",
@@ -35,9 +38,9 @@ var pkg = {
 		"test:watch": "vitest"
 	},
 	dependencies: {
-		"@cloudinary-util/types": "1.5.8",
-		"@cloudinary-util/url-loader": "5.10.3",
-		"@cloudinary-util/util": "^3.3.2"
+		"@cloudinary-util/types": "1.6.0",
+		"@cloudinary-util/url-loader": "6.0.0",
+		"@cloudinary-util/util": "4.1.0"
 	},
 	devDependencies: {
 		"@babel/core": "^7.25.2",
@@ -55,8 +58,8 @@ var pkg = {
 		vitest: "^2.0.5"
 	},
 	peerDependencies: {
-		next: "^12 || ^13 || ^14 || >=15.0.0-rc",
-		react: "^17 || ^18 || >=19.0.0-beta"
+		next: "^12 || ^13 || ^14 || >=15.0.0-rc || ^15",
+		react: "^17 || ^18 || >=19.0.0-beta || ^19"
 	},
 	preconstruct: {
 		exports: {

package/dist/{cloudinary-loader-1863f0f4.esm.js → cloudinary-loader-ad7ad702.esm.js}

@@ -1,5 +1,5 @@
 import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-9437f0ad.esm.js';
+import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-cb3c790a.esm.js';
 
 /**
  * getCldImageUrl
@@ -51,8 +51,6 @@ function cloudinaryLoader({
     // for responsive sizing to take effect, so we can utilize the loader width for the base width
     options.width = loaderOptions?.width;
   }
-
-  // @ts-ignore
   return getCldImageUrl(options, cldConfig);
 }
 

package/dist/{cloudinary-loader-80d421f0.cjs.js → cloudinary-loader-c87ac9ae.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-1cbbab64.cjs.js');
+var cloudinary = require('./cloudinary-1f1b51af.cjs.js');
 
 /**
  * getCldImageUrl
@@ -53,8 +53,6 @@ function cloudinaryLoader({
     // for responsive sizing to take effect, so we can utilize the loader width for the base width
     options.width = loaderOptions?.width;
   }
-
-  // @ts-ignore
   return getCldImageUrl(options, cldConfig);
 }
 

package/dist/declarations/src/components/CldImage/CldImage.d.ts

@@ -0,0 +1,14 @@
+import { ImageProps } from 'next/image';
+import type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';
+export type CldImageProps = Omit<ImageProps, 'src' | 'quality'> & ImageOptions & {
+    config?: ConfigOptions;
+    src: string;
+    unoptimized?: boolean;
+};
+declare const CldImage: import("react").ForwardRefExoticComponent<Omit<ImageProps, "src" | "quality"> & ImageOptions & {
+    config?: ConfigOptions;
+    src: string;
+    unoptimized?: boolean;
+} & import("react").RefAttributes<HTMLImageElement>>;
+export default CldImage;
+//# sourceMappingURL=CldImage.d.ts.map

package/dist/declarations/src/components/CldImage/CldImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldImage.d.ts","sourceRoot":"../../../../../src/components/CldImage","sources":["CldImage.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM/E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,SAAS,CAAC,GAAG,YAAY,GAAG;IAC/E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,QAAQ;aALH,aAAa;SACjB,MAAM;kBACG,OAAO;oDAuHrB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/declarations/src/components/CldImage/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./CldImage.js";
+export type { CldImageProps } from "./CldImage.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/components/CldImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../../../src/components/CldImage","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,sBAAmB;AACrC,YAAY,EAAE,aAAa,EAAE,sBAAmB"}

package/dist/declarations/src/components/CldOgImage/CldOgImage.d.ts

@@ -0,0 +1,9 @@
+import { CldImageProps } from "../CldImage/CldImage.js";
+export type CldOgImageProps = CldImageProps & {
+    excludeTags?: Array<string>;
+    keys?: object;
+    twitterTitle?: string;
+};
+declare const CldOgImage: ({ excludeTags, twitterTitle, keys, ...props }: CldOgImageProps) => import("react/jsx-runtime").JSX.Element;
+export default CldOgImage;
+//# sourceMappingURL=CldOgImage.d.ts.map

package/dist/declarations/src/components/CldOgImage/CldOgImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldOgImage.d.ts","sourceRoot":"../../../../../src/components/CldOgImage","sources":["CldOgImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,gCAA6B;AAMrD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAA;AAED,QAAA,MAAM,UAAU,kDAA6D,eAAe,4CAuE3F,CAAA;AAED,eAAe,UAAU,CAAC"}

package/dist/declarations/src/components/CldOgImage/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./CldOgImage.js";
+export type { CldOgImageProps } from "./CldOgImage.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/components/CldOgImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../../../src/components/CldOgImage","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,wBAAqB;AACvC,YAAY,EAAE,eAAe,EAAE,wBAAqB"}

package/dist/declarations/src/components/CldUploadButton/CldUploadButton.d.ts

@@ -0,0 +1,9 @@
+import { CldUploadWidgetProps } from "../CldUploadWidget/index.js";
+export interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {
+    className?: string;
+    children?: JSX.Element | string | Array<JSX.Element | string>;
+    onClick?: Function;
+}
+declare const CldUploadButton: ({ className, children, onClick, onError, onOpen, onUpload, onAbort, onBatchCancelled, onClose, onDisplayChanged, onPublicId, onQueuesEnd, onQueuesStart, onRetry, onShowCompleted, onSourceChanged, onSuccess, onTags, onUploadAdded, options, signatureEndpoint, uploadPreset, onAbortAction, onBatchCancelledAction, onCloseAction, onDisplayChangedAction, onPublicIdAction, onQueuesEndAction, onQueuesStartAction, onRetryAction, onShowCompletedAction, onSourceChangedAction, onSuccessAction, onTagsAction, onUploadAddedAction, ...props }: CldUploadButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CldUploadButton;
+//# sourceMappingURL=CldUploadButton.d.ts.map

package/dist/declarations/src/components/CldUploadButton/CldUploadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldUploadButton.d.ts","sourceRoot":"../../../../../src/components/CldUploadButton","sources":["CldUploadButton.tsx"],"names":[],"mappings":"AAEA,OAAwB,EAAE,oBAAoB,EAAE,oCAA2B;AAE3E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAC,MAAM,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,whBAqClB,oBAAoB,4CAyDtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/declarations/src/components/CldUploadButton/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./CldUploadButton.js";
+export type { CldUploadButtonProps } from "./CldUploadButton.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/components/CldUploadButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../../../src/components/CldUploadButton","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,6BAA0B;AAC5C,YAAY,EAAE,oBAAoB,EAAE,6BAA0B"}

package/dist/declarations/src/components/CldUploadWidget/CldUploadWidget.d.ts

@@ -0,0 +1,4 @@
+import { CldUploadWidgetProps } from "./CldUploadWidget.types.js";
+declare const CldUploadWidget: ({ children, config, onError, onOpen, onUpload, options, signatureEndpoint, uploadPreset, ...props }: CldUploadWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export default CldUploadWidget;
+//# sourceMappingURL=CldUploadWidget.d.ts.map

package/dist/declarations/src/components/CldUploadWidget/CldUploadWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldUploadWidget.d.ts","sourceRoot":"../../../../../src/components/CldUploadWidget","sources":["CldUploadWidget.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAIL,oBAAoB,EAErB,mCAAgC;AAIjC,QAAA,MAAM,eAAe,wGAUlB,oBAAoB,4CAqNtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/declarations/src/components/CldUploadWidget/CldUploadWidget.types.d.ts

@@ -0,0 +1,59 @@
+import { CloudinaryUploadWidgetOptions, CloudinaryUploadWidgetResults, CloudinaryUploadWidgetInstanceMethods, CloudinaryUploadWidgetError } from '@cloudinary-util/types';
+import { ConfigOptions } from "@cloudinary-util/url-loader";
+export type CldUploadWidgetCloudinaryInstance = any;
+export type CldUploadWidgetWidgetInstance = any;
+export interface CldUploadWidgetProps {
+    children?: ({ cloudinary, widget, open, results, error }: CldUploadWidgetPropsChildren) => JSX.Element;
+    config?: ConfigOptions;
+    onError?: CldUploadEventCallbackError;
+    onOpen?: CldUploadEventCallbackWidgetOnly;
+    /**
+     * @deprecated use onSuccess instead
+     */
+    onUpload?: CldUploadEventCallbackNoOptions;
+    onAbort?: CldUploadEventCallback;
+    onBatchCancelled?: CldUploadEventCallback;
+    onClose?: CldUploadEventCallback;
+    onDisplayChanged?: CldUploadEventCallback;
+    onPublicId?: CldUploadEventCallback;
+    onQueuesEnd?: CldUploadEventCallback;
+    onQueuesStart?: CldUploadEventCallback;
+    onRetry?: CldUploadEventCallback;
+    onShowCompleted?: CldUploadEventCallback;
+    onSourceChanged?: CldUploadEventCallback;
+    onSuccess?: CldUploadEventCallback;
+    onTags?: CldUploadEventCallback;
+    onUploadAdded?: CldUploadEventCallback;
+    options?: CloudinaryUploadWidgetOptions;
+    signatureEndpoint?: URL | RequestInfo;
+    uploadPreset?: string;
+    onAbortAction?: CldUploadEventAction;
+    onBatchCancelledAction?: CldUploadEventAction;
+    onCloseAction?: CldUploadEventAction;
+    onDisplayChangedAction?: CldUploadEventAction;
+    onPublicIdAction?: CldUploadEventAction;
+    onQueuesEndAction?: CldUploadEventAction;
+    onQueuesStartAction?: CldUploadEventAction;
+    onRetryAction?: CldUploadEventAction;
+    onShowCompletedAction?: CldUploadEventAction;
+    onSourceChangedAction?: CldUploadEventAction;
+    onSuccessAction?: CldUploadEventAction;
+    onTagsAction?: CldUploadEventAction;
+    onUploadAddedAction?: CldUploadEventAction;
+}
+export type CldUploadWidgetPropsChildren = {
+    cloudinary: CldUploadWidgetCloudinaryInstance;
+    widget: CldUploadWidgetWidgetInstance;
+    error?: CloudinaryUploadWidgetError;
+    isLoading?: boolean;
+    results?: CloudinaryUploadWidgetResults;
+} & CloudinaryUploadWidgetInstanceMethods;
+export type CldUploadEventCallback = (results: CloudinaryUploadWidgetResults, widget: CldUploadEventCallbackWidget) => void;
+export type CldUploadEventAction = (results: CloudinaryUploadWidgetResults) => void;
+export type CldUploadEventCallbackNoOptions = (results: CloudinaryUploadWidgetResults, widget: CldUploadWidgetWidgetInstance) => void;
+export type CldUploadEventCallbackWidgetOnly = (widget: CldUploadWidgetWidgetInstance) => void;
+export type CldUploadEventCallbackError = (error: CloudinaryUploadWidgetError, widget: CldUploadEventCallbackWidget) => void;
+export type CldUploadEventCallbackWidget = {
+    widget: CldUploadWidgetWidgetInstance;
+} & CloudinaryUploadWidgetInstanceMethods;
+//# sourceMappingURL=CldUploadWidget.types.d.ts.map

package/dist/declarations/src/components/CldUploadWidget/CldUploadWidget.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldUploadWidget.types.d.ts","sourceRoot":"../../../../../src/components/CldUploadWidget","sources":["CldUploadWidget.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,6BAA6B,EAC7B,6BAA6B,EAC7B,qCAAqC,EACrC,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,MAAM,iCAAiC,GAAG,GAAG,CAAC;AACpD,MAAM,MAAM,6BAA6B,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,4BAA4B,KAAK,GAAG,CAAC,OAAO,CAAC;IACvG,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,2BAA2B,CAAC;IACtC,MAAM,CAAC,EAAE,gCAAgC,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,+BAA+B,CAAC;IAC3C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,OAAO,CAAC,EAAE,6BAA6B,CAAC;IACxC,iBAAiB,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,CAAC,EAAE,oBAAoB,CAAC;IAC9C,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,CAAC,EAAE,oBAAoB,CAAC;IAC9C,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,qBAAqB,CAAC,EAAE,oBAAoB,CAAC;IAC7C,qBAAqB,CAAC,EAAE,oBAAoB,CAAC;IAC7C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;CAC5C;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,iCAAiC,CAAC;IAC9C,MAAM,EAAE,6BAA6B,CAAC;IACtC,KAAK,CAAC,EAAE,2BAA2B,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,6BAA6B,CAAC;CACzC,GAAG,qCAAqC,CAAC;AAE1C,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,6BAA6B,EAAE,MAAM,EAAE,4BAA4B,KAAK,IAAI,CAAC;AAC5H,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,6BAA6B,KAAK,IAAI,CAAC;AACpF,MAAM,MAAM,+BAA+B,GAAG,CAAC,OAAO,EAAE,6BAA6B,EAAE,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;AACtI,MAAM,MAAM,gCAAgC,GAAG,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;AAC/F,MAAM,MAAM,2BAA2B,GAAG,CAAC,KAAK,EAAE,2BAA2B,EAAE,MAAM,EAAE,4BAA4B,KAAK,IAAI,CAAC;AAE7H,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,6BAA6B,CAAC;CACvC,GAAG,qCAAqC,CAAC"}

package/dist/declarations/src/components/CldUploadWidget/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./CldUploadWidget.js";
+export type { CldUploadWidgetProps, CldUploadWidgetPropsChildren } from "./CldUploadWidget.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/components/CldUploadWidget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../../../src/components/CldUploadWidget","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,6BAA0B;AAC5C,YAAY,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,mCAAgC"}

package/dist/declarations/src/components/CldVideoPlayer/CldVideoPlayer.d.ts

@@ -0,0 +1,4 @@
+import { CldVideoPlayerProps } from "./CldVideoPlayer.types.js";
+declare const CldVideoPlayer: (props: CldVideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export default CldVideoPlayer;
+//# sourceMappingURL=CldVideoPlayer.d.ts.map

package/dist/declarations/src/components/CldVideoPlayer/CldVideoPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldVideoPlayer.d.ts","sourceRoot":"../../../../../src/components/CldVideoPlayer","sources":["CldVideoPlayer.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,kCAA+B;AAQ7D,QAAA,MAAM,cAAc,UAAW,mBAAmB,4CAoIjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/declarations/src/components/CldVideoPlayer/CldVideoPlayer.types.d.ts

@@ -0,0 +1,28 @@
+import { MutableRefObject } from 'react';
+import { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';
+import { ConfigOptions, GetVideoPlayerOptions } from "@cloudinary-util/url-loader";
+import { GetCldImageUrlOptions } from "../../helpers/getCldImageUrl.js";
+import { GetCldVideoUrlOptions } from "../../helpers/getCldVideoUrl.js";
+export type CldVideoPlayerProps = Omit<GetVideoPlayerOptions, "cloud_name" | "autoplayMode" | "publicId" | "secure" | "showLogo" | "logoImageUrl" | "logoOnclickUrl"> & {
+    className?: string;
+    config?: ConfigOptions;
+    id?: string;
+    logo?: boolean | CldVideoPlayerPropsLogo;
+    onDataLoad?: Function;
+    onError?: Function;
+    onMetadataLoad?: Function;
+    onPause?: Function;
+    onPlay?: Function;
+    onEnded?: Function;
+    playerRef?: MutableRefObject<CloudinaryVideoPlayer | null>;
+    poster?: string | GetCldImageUrlOptions | GetCldVideoUrlOptions;
+    src: string;
+    videoRef?: MutableRefObject<HTMLVideoElement | null>;
+    quality?: string | number;
+};
+export interface CldVideoPlayerPropsLogo {
+    imageUrl?: CloudinaryVideoPlayerOptionsLogo['logoImageUrl'];
+    logo?: boolean;
+    onClickUrl?: CloudinaryVideoPlayerOptionsLogo['logoOnclickUrl'];
+}
+//# sourceMappingURL=CldVideoPlayer.types.d.ts.map

package/dist/declarations/src/components/CldVideoPlayer/CldVideoPlayer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CldVideoPlayer.types.d.ts","sourceRoot":"../../../../../src/components/CldVideoPlayer","sources":["CldVideoPlayer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,qBAAqB,EACrB,gCAAgC,EACjC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,EAAE,qBAAqB,EAAE,wCAAqC;AACrE,OAAO,EAAE,qBAAqB,EAAE,wCAAqC;AAErE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,EAAE,YAAY,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,gBAAgB,CAAC,GAAG;IACtK,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IACzC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,gCAAgC,CAAC,cAAc,CAAC,CAAC;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,gCAAgC,CAAC,gBAAgB,CAAC,CAAC;CACjE"}

package/dist/declarations/src/components/CldVideoPlayer/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./CldVideoPlayer.js";
+export type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from "./CldVideoPlayer.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/components/CldVideoPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../../../src/components/CldVideoPlayer","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,4BAAyB;AAC3C,YAAY,EAAG,mBAAmB,EAAE,uBAAuB,EAAE,kCAA+B"}

package/dist/declarations/src/helpers/getCldImageUrl.d.ts

@@ -0,0 +1,9 @@
+import type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';
+/**
+ * getCldImageUrl
+ */
+export type GetCldImageUrlOptions = ImageOptions;
+export type GetCldImageUrlConfig = ConfigOptions;
+export type GetCldImageUrlAnalytics = AnalyticsOptions;
+export declare function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics): string;
+//# sourceMappingURL=getCldImageUrl.d.ts.map

package/dist/declarations/src/helpers/getCldImageUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCldImageUrl.d.ts","sourceRoot":"../../../../src/helpers","sources":["getCldImageUrl.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIjG;;GAEG;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC;AACjD,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AACjD,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC;AAEvD,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,MAAM,CAAC,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE,uBAAuB,UAMhI"}

package/dist/declarations/src/helpers/getCldOgImageUrl.d.ts

@@ -0,0 +1,7 @@
+import type { GetCldImageUrlOptions } from "./getCldImageUrl.js";
+/**
+ * getCldImageUrl
+ */
+export type GetCldOgImageUrlOptions = GetCldImageUrlOptions;
+export declare function getCldOgImageUrl(options: GetCldOgImageUrlOptions): string;
+//# sourceMappingURL=getCldOgImageUrl.d.ts.map

package/dist/declarations/src/helpers/getCldOgImageUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCldOgImageUrl.d.ts","sourceRoot":"../../../../src/helpers","sources":["getCldOgImageUrl.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,4BAAyB;AAE9D;;GAEG;AAEH,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,UAYhE"}

package/dist/declarations/src/helpers/getCldVideoUrl.d.ts

@@ -0,0 +1,9 @@
+import type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';
+/**
+ * getCldVideoUrl
+ */
+export type GetCldVideoUrlOptions = VideoOptions;
+export type GetCldVideoUrlConfig = ConfigOptions;
+export type GetCldVideoUrlAnalytics = AnalyticsOptions;
+export declare function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics): string;
+//# sourceMappingURL=getCldVideoUrl.d.ts.map

package/dist/declarations/src/helpers/getCldVideoUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCldVideoUrl.d.ts","sourceRoot":"../../../../src/helpers","sources":["getCldVideoUrl.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIjG;;GAEG;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC;AACjD,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AACjD,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC;AAEvD,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,MAAM,CAAC,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE,uBAAuB,UAUhI"}

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,21 @@
+export { default as CldImage } from "./components/CldImage/index.js";
+export type { CldImageProps } from "./components/CldImage/index.js";
+export { default as CldOgImage } from "./components/CldOgImage/index.js";
+export type { CldOgImageProps } from "./components/CldOgImage/index.js";
+export { default as CldUploadButton } from "./components/CldUploadButton/index.js";
+export type { CldUploadButtonProps } from "./components/CldUploadButton/index.js";
+export { default as CldUploadWidget } from "./components/CldUploadWidget/index.js";
+export type { CldUploadWidgetProps, CldUploadWidgetPropsChildren } from "./components/CldUploadWidget/index.js";
+export type { CloudinaryUploadWidgetOptions, CloudinaryUploadWidgetResults, CloudinaryUploadWidgetInfo, CloudinaryUploadWidgetInstanceMethods, CloudinaryUploadWidgetInstanceMethodCloseOptions, CloudinaryUploadWidgetInstanceMethodDestroyOptions, CloudinaryUploadWidgetInstanceMethodOpenOptions, CloudinaryUploadWidgetInstanceMethodUpdateOptions, CloudinaryUploadWidgetSources, CloudinaryUploadWidgetError } from '@cloudinary-util/types';
+export { default as CldVideoPlayer } from "./components/CldVideoPlayer/index.js";
+export type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from "./components/CldVideoPlayer/index.js";
+export type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';
+export { cloudinaryLoader } from "./loaders/cloudinary-loader.js";
+export type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from "./loaders/cloudinary-loader.js";
+export { getCldImageUrl } from "./helpers/getCldImageUrl.js";
+export type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from "./helpers/getCldImageUrl.js";
+export { getCldOgImageUrl } from "./helpers/getCldOgImageUrl.js";
+export type { GetCldOgImageUrlOptions } from "./helpers/getCldOgImageUrl.js";
+export { getCldVideoUrl } from "./helpers/getCldVideoUrl.js";
+export type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from "./helpers/getCldVideoUrl.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../src","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,uCAA8B;AAC5D,YAAY,EAAE,aAAa,EAAE,uCAA8B;AAE3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,yCAAgC;AAChE,YAAY,EAAE,eAAe,EAAE,yCAAgC;AAE/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,8CAAqC;AAC1E,YAAY,EAAE,oBAAoB,EAAE,8CAAqC;AAEzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,8CAAqC;AAC1E,YAAY,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,8CAAqC;AACvG,YAAY,EACV,6BAA6B,EAC7B,6BAA6B,EAC7B,0BAA0B,EAC1B,qCAAqC,EACrC,gDAAgD,EAChD,kDAAkD,EAClD,+CAA+C,EAC/C,iDAAiD,EACjD,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,6CAAoC;AACxE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,6CAAoC;AAChG,YAAY,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,kCAAkC,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAExK,OAAO,EAAE,gBAAgB,EAAE,uCAAoC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,uCAAoC;AAE/H,OAAO,EAAE,cAAc,EAAE,oCAAiC;AAC1D,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,oCAAiC;AAErH,OAAO,EAAE,gBAAgB,EAAE,sCAAmC;AAC9D,YAAY,EAAE,uBAAuB,EAAE,sCAAmC;AAE1E,OAAO,EAAE,cAAc,EAAE,oCAAiC;AAC1D,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,oCAAiC"}

package/dist/declarations/src/loaders/cloudinary-loader.d.ts

@@ -0,0 +1,16 @@
+import { ImageProps } from 'next/image';
+export interface CloudinaryLoaderCldOptions {
+    src: string;
+}
+export interface CloudinaryLoaderLoaderOptions {
+    height?: string | number;
+    width?: string | number;
+}
+export interface CloudinaryLoader {
+    loaderOptions: CloudinaryLoaderLoaderOptions;
+    imageProps: ImageProps;
+    cldOptions: CloudinaryLoaderCldOptions;
+    cldConfig?: object;
+}
+export declare function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig }: CloudinaryLoader): string;
+//# sourceMappingURL=cloudinary-loader.d.ts.map

package/dist/declarations/src/loaders/cloudinary-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudinary-loader.d.ts","sourceRoot":"../../../../src/loaders","sources":["cloudinary-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC,MAAM,WAAW,0BAA0B;IACzC,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,6BAA6B,CAAC;IAC7C,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,SAAc,EAAE,EAAE,gBAAgB,UAqC3G"}

package/dist/fonts/cloudinary_icon_for_white_bg.svg

@@ -1 +1 @@
-Cannot find "/dist/fonts/cloudinary_icon_for_white_bg.svg" in cloudinary-video-player@1.11.1
+error code: 502

package/dist/next-cloudinary.cjs.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CldImage = require('./CldImage-68dff3e6.cjs.js');
+var CldImage = require('./CldImage-841d87c1.cjs.js');
 var Head = require('next/head');
-var cloudinaryLoader = require('./cloudinary-loader-80d421f0.cjs.js');
+var cloudinaryLoader = require('./cloudinary-loader-c87ac9ae.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var CldUploadButton = require('./CldUploadButton-db9b095b.cjs.js');
-var CldUploadWidget = require('./CldUploadWidget-e39838cc.cjs.js');
-var CldVideoPlayer = require('./CldVideoPlayer-49ac4380.cjs.js');
+var CldUploadWidget = require('./CldUploadWidget-cdb65b22.cjs.js');
+var CldVideoPlayer = require('./CldVideoPlayer-a6525186.cjs.js');
 var urlLoader = require('@cloudinary-util/url-loader');
-var cloudinary = require('./cloudinary-1cbbab64.cjs.js');
+var cloudinary = require('./cloudinary-1f1b51af.cjs.js');
 require('next/package.json');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/next-cloudinary.esm.js

@@ -1,13 +1,13 @@
-export { default as CldImage } from './CldImage-4b579fe8.esm.js';
+export { default as CldImage } from './CldImage-c9af4fd9.esm.js';
 import Head from 'next/head';
-import { g as getCldImageUrl } from './cloudinary-loader-1863f0f4.esm.js';
-export { c as cloudinaryLoader, g as getCldImageUrl } from './cloudinary-loader-1863f0f4.esm.js';
+import { g as getCldImageUrl } from './cloudinary-loader-ad7ad702.esm.js';
+export { c as cloudinaryLoader, g as getCldImageUrl } from './cloudinary-loader-ad7ad702.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 export { default as CldUploadButton } from './CldUploadButton-196b419b.esm.js';
-export { default as CldUploadWidget } from './CldUploadWidget-a9c04a78.esm.js';
-export { default as CldVideoPlayer } from './CldVideoPlayer-7b1734a7.esm.js';
+export { default as CldUploadWidget } from './CldUploadWidget-77f44ab3.esm.js';
+export { default as CldVideoPlayer } from './CldVideoPlayer-4db49132.esm.js';
 import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
-import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-9437f0ad.esm.js';
+import { g as getCloudinaryConfig, a as getCloudinaryAnalytics } from './cloudinary-cb3c790a.esm.js';
 import 'next/package.json';
 
 const OG_IMAGE_WIDTH = 1200;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-cloudinary",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.10",
   "license": "MIT",
   "main": "dist/next-cloudinary.cjs.js",
   "module": "dist/next-cloudinary.esm.js",
@@ -23,10 +23,13 @@
     "./dist/cloudinary_icon_for_white_bg.svg": "./dist/cloudinary_icon_for_white_bg.svg"
   },
   "types": "./dist/next-cloudinary.cjs.d.ts",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@cloudinary-util/types": "1.5.8",
-    "@cloudinary-util/url-loader": "5.10.3",
-    "@cloudinary-util/util": "^3.3.2"
+    "@cloudinary-util/types": "1.6.0",
+    "@cloudinary-util/url-loader": "6.0.0",
+    "@cloudinary-util/util": "4.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
@@ -44,8 +47,8 @@
     "vitest": "^2.0.5"
   },
   "peerDependencies": {
-    "next": "^12 || ^13 || ^14 || >=15.0.0-rc",
-    "react": "^17 || ^18 || >=19.0.0-beta"
+    "next": "^12 || ^13 || ^14 || >=15.0.0-rc || ^15",
+    "react": "^17 || ^18 || >=19.0.0-beta || ^19"
   },
   "preconstruct": {
     "exports": {

package/scripts/copy-assets.ts

@@ -1,78 +0,0 @@
-import path from 'path';
-import { createWriteStream } from 'fs';
-import { mkdirp } from 'mkdirp';
-import https from 'https';
-
-const PLAYER_VERSION = '1.11.1';
-
-const assets = [
-  {
-    uri: `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`,
-    name: 'cld-video-player.css'
-  },
-  {
-    directory: 'fonts',
-    assets: [
-      `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/fonts/cloudinary_icon_for_black_bg.svg`,
-      `https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/fonts/cloudinary_icon_for_white_bg.svg`,
-    ]
-  }
-];
-
-let hasWrittenAssets = false;
-
-async function copyAssets() {
-  const rootPath = path.join(__dirname, '../');
-  const distPath = path.join(rootPath, 'dist');
-
-  if ( hasWrittenAssets ) return;
-
-  await mkdirp(distPath);
-
-  for ( const asset of assets ) {
-    if ( typeof asset === 'string' || typeof asset.uri === 'string' ) {
-
-      let name = asset.name;
-      let uri = asset.uri;
-
-      if ( typeof asset === 'string' ) {
-        name = path.basename(asset);
-        uri = asset;
-      }
-
-      const writePath = path.join(distPath, name);
-      await downloadFile(uri, writePath);
-
-      console.log(`Wrote ${uri} to ${writePath}`);
-    } else if ( typeof asset.directory === 'string' ) {
-      await mkdirp(path.join(distPath, asset.directory));
-
-      for ( const dirAsset of asset.assets ) {
-        const writePath = path.join(distPath, asset.directory, path.basename(dirAsset));
-        await downloadFile(dirAsset, writePath);
-        console.log(`Wrote ${dirAsset} to ${writePath}`);
-      }
-    }
-  }
-
-  hasWrittenAssets = true;
-}
-
-/**
- * downloadFile
- */
-
-function downloadFile(assetUrl: string, writePath: string) {
-  return new Promise<void>((resolve) => {
-    const file = createWriteStream(writePath);
-    https.get(assetUrl, function(response) {
-      response.pipe(file);
-      file.on('finish', () => {
-        file.close();
-        resolve();
-      });
-    });
-  })
-}
-
-copyAssets();

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "@tsconfig/recommended/tsconfig.json",
-  "compilerOptions": {
-    "declaration": true,
-    "declarationMap": true,
-    "emitDeclarationOnly": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "lib": ["dom", "esnext"],
-    "module": "nodenext",
-    "moduleResolution": "nodenext",
-    "noEmit": false,
-    "resolveJsonModule": true,
-    "sourceMap": true,
-    "target": "esnext",
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ]
-  },
-  "exclude": ["node_modules"]
-}