next-cloudinary 6.1.0 → 6.1.1

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as _cloudinary_util_url_loader_dist_schema_Ilb7vZUI from '@cloudinary-util/url-loader/dist/schema-Ilb7vZUI';
+import * as _cloudinary_util_url_loader_dist_schema_N6O2B6FU from '@cloudinary-util/url-loader/dist/schema-N6O2B6FU';
 import React, { MutableRefObject } from 'react';
 import { ImageProps } from 'next/image';
 import { ImageOptions, ConfigOptions, AnalyticsOptions, VideoOptions } from '@cloudinary-util/url-loader';
@@ -262,7 +262,7 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
     enhance?: boolean | undefined;
     defaultImage?: string | undefined;
 } & {
-    config?: _cloudinary_util_url_loader_dist_schema_Ilb7vZUI.e | undefined;
+    config?: _cloudinary_util_url_loader_dist_schema_N6O2B6FU.e | undefined;
     preserveTransformations?: boolean | undefined;
     src: string;
     unoptimized?: boolean | undefined;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as _cloudinary_util_url_loader_dist_schema_Ilb7vZUI from '@cloudinary-util/url-loader/dist/schema-Ilb7vZUI';
+import * as _cloudinary_util_url_loader_dist_schema_N6O2B6FU from '@cloudinary-util/url-loader/dist/schema-N6O2B6FU';
 import React, { MutableRefObject } from 'react';
 import { ImageProps } from 'next/image';
 import { ImageOptions, ConfigOptions, AnalyticsOptions, VideoOptions } from '@cloudinary-util/url-loader';
@@ -262,7 +262,7 @@ declare const CldImage: React.ForwardRefExoticComponent<Omit<ImageProps, "src">
     enhance?: boolean | undefined;
     defaultImage?: string | undefined;
 } & {
-    config?: _cloudinary_util_url_loader_dist_schema_Ilb7vZUI.e | undefined;
+    config?: _cloudinary_util_url_loader_dist_schema_N6O2B6FU.e | undefined;
     preserveTransformations?: boolean | undefined;
     src: string;
     unoptimized?: boolean | undefined;

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var Me=Object.create;var q=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,Ve=Object.prototype.hasOwnProperty;var Se=(t,e)=>{for(var r in e)q(t,r,{get:e[r],enumerable:!0})},ge=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of De(e))!Ve.call(t,o)&&o!==r&&q(t,o,{get:()=>e[o],enumerable:!(n=ve(e,o))||n.enumerable});return t};var U=(t,e,r)=>(r=t!=null?Me(We(t)):{},ge(e||!t||!t.__esModule?q(r,"default",{value:t,enumerable:!0}):r,t)),ke=t=>ge(q({},"__esModule",{value:!0}),t);var ze={};Se(ze,{CldImage:()=>ie,CldOgImage:()=>le,CldUploadButton:()=>se,CldUploadWidget:()=>$,CldVideoPlayer:()=>pe,cloudinaryLoader:()=>te,getCldImageUrl:()=>P,getCldOgImageUrl:()=>F,getCldVideoUrl:()=>oe});module.exports=ke(ze);var A=U(require("react")),Ie=U(require("next/image")),he=require("@cloudinary-util/util"),Oe=require("@cloudinary-util/url-loader");async function K(t){let{src:e}=t;try{await new Promise((r,n)=>{fetch(e).then(o=>{if(!o.ok){n(o);return}r(o)})})}catch(r){return r.status===423?(await new Promise(n=>setTimeout(()=>n(void 0),200)),await K(t)):!1}return!0}function L(t){if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.")}var Ce=require("@cloudinary-util/url-loader");var fe=U(require("next/package.json"));var me={name:"next-cloudinary",version:"6.1.0",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.0","@cloudinary-util/url-loader":"5.1.0","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var Q="A",J="V",Z=ye(fe.default.version),ee=ye(me.version);function ye(t){let e=t;return e.includes("-")&&(e=e.split("-")[0]),e}function P(t,e,r){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return L(n),(0,Ce.constructCloudinaryUrl)({options:t,config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:Q,sdkCode:J,sdkSemver:ee,techVersion:Z,feature:""},r)})}function te({loaderOptions:t,imageProps:e,cldOptions:r,cldConfig:n={}}){let o={...e,...r};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof t?.width=="number"&&typeof o.width=="number"&&t.width!==o.width){let d=t.width/o.width;o.width=t.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*d))}else typeof t?.width=="number"&&typeof o?.width!="number"&&(o.width=t?.width);return P(o,n)}var Re=(0,A.forwardRef)(function(e,r){let n=!1,o=["deliveryType","preserveTransformations","strictTransformations","assetType"];Oe.transformationPlugins.forEach(({props:a})=>{Object.keys(a).forEach(O=>{if(o.includes(O))throw new Error(`Option ${O} already exists!`);o.push(O)})});let d={alt:e.alt,src:e.src};Object.keys(e).filter(a=>typeof a=="string"&&!o.includes(a)).forEach(a=>d[a]=e[a]);let s=Object.keys(d).map(a=>`${a}:${d[a]}`).join(";"),[I,C]=(0,A.useState)(s),i={};if(o.forEach(a=>{let c=e[a];c&&(i[a]=c||void 0)}),e.preserveTransformations)try{let a=(0,he.getTransformations)(e.src).map(c=>c.join(","));i.rawTransformations=[...a.flat(),...e.rawTransformations||[]]}catch(a){console.warn(`Failed to preserve transformations: ${a.message}`)}let h=process.env.__NEXT_IMAGE_OPTS||{};(e.unoptimized===!0||h?.unoptimized===!0)&&(d.src=P({...i,width:d.width,height:d.height,src:d.src,format:"default",quality:"default"},e.config));async function x(a){let c=!0;if(n)return;if(n=!0,typeof e.onError=="function"){let N=e.onError(a);typeof N=="boolean"&&N===!1&&(c=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(c=!1);if(c===!1)return;let O=a.target;await K({src:O.src})&&C(`${s};${Date.now()}`)}let b=(0,A.useCallback)(x,[K,s]),m=Ie.default;return"default"in m&&(m=m.default),A.default.createElement(m,{key:I,...d,loader:a=>te({loaderOptions:a,imageProps:d,cldOptions:i,cldConfig:e.config}),onError:b,ref:r})}),ie=Re;var _=U(require("react")),Ue=U(require("next/head"));function F(t){return P({...t,format:t.format||"jpg",width:t.width||1200,height:t.height||627,crop:t.crop||{type:"fill",gravity:"center",source:!0}})}var je="summary_large_image",Ye=({excludeTags:t=[],twitterTitle:e,keys:r={},...n})=>{let{alt:o}=n,{width:d=1200,height:s=627}=n;d=typeof d=="string"?parseInt(d):d,s=typeof s=="string"?parseInt(s):s;let I=F({...n,width:d,height:s}),C=F({...n,width:d,height:s,format:n.format||"webp"}),i={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...r};return _.default.createElement(Ue.default,null,_.default.createElement("meta",{key:i["og:image"],property:"og:image",content:I}),_.default.createElement("meta",{key:i["og:image:secure_url"],property:"og:image:secure_url",content:I}),_.default.createElement("meta",{key:i["og:image:width"],property:"og:image:width",content:`${d}`}),_.default.createElement("meta",{key:i["og:image:height"],property:"og:image:height",content:`${s}`}),o&&_.default.createElement("meta",{key:i["og:image:alt"],property:"og:image:alt",content:o}),!t.includes("twitter:title")&&_.default.createElement("meta",{key:i["twitter:title"],property:"twitter:title",content:e||" "}),_.default.createElement("meta",{key:i["twitter:card"],property:"twitter:card",content:je}),_.default.createElement("meta",{key:i["twitter:image"],property:"twitter:image",content:C}))},le=Ye;var H=U(require("react"));var f=U(require("react")),Pe=U(require("next/script"));function Ee(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var Xe=["success"],Be={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},Fe=({children:t,onError:e,onOpen:r,onUpload:n,options:o,signatureEndpoint:d,uploadPreset:s,...I})=>{let C=(0,f.useRef)(),i=(0,f.useRef)(),h=!!d,[x,b]=(0,f.useState)(void 0),[m,a]=(0,f.useState)(void 0),[c,O]=(0,f.useState)(!0),w={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:s||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...o};L(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME),h&&(w.uploadSignature=E,w.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,f.useEffect)(()=>{if(typeof m>"u")return;m.event==="success"&&typeof n=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),n(m,i.current))},[m]);function N(){O(!1),C.current||(C.current=window.cloudinary),Ee(()=>{i.current||(i.current=W())})}(0,f.useEffect)(()=>()=>{i.current?.destroy(),i.current=void 0},[]);function E(l,g){if(typeof d>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:g}),headers:{"Content-Type":"application/json"}}).then(T=>T.json()).then(({signature:T})=>{l(T)})}function u(l,g=[]){if(i.current||(i.current=W()),typeof i?.current[l]=="function")return i.current[l](...g)}function V(l){u("close",[l])}function M(l){return u("destroy",[l])}function k(){u("hide")}function G(){return u("isDestroyed")}function R(){return u("isMinimized")}function v(){return u("isShowing")}function D(){u("minimize")}function z(l,g){u("open",[l,g]),typeof r=="function"&&r(i.current)}function ne(){u("show")}function j(){u("update")}let Y={close:V,destroy:M,hide:k,isDestroyed:G,isMinimized:R,isShowing:v,minimize:D,open:z,show:ne,update:j};function W(){return C.current?.createUploadWidget(w,(l,g)=>{if(l&&l!==null&&(b(l),typeof e=="function"&&e(l,{widget:i.current,...Y})),typeof g?.event=="string"){Xe.includes(g?.event)&&a(g);let T=Be[g.event];if(typeof T=="string"&&typeof I[T]=="function"){let X=I[T];X(g,{widget:i.current,...Y})}}})}return f.default.createElement(f.default.Fragment,null,typeof t=="function"&&t({cloudinary:C.current,widget:i.current,results:m,error:x,isLoading:c,...Y}),f.default.createElement(Pe.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:N,onError:l=>console.error(`Failed to load Cloudinary Upload Widget: ${l.message}`)}))},$=Fe;var $e=({className:t,children:e,onClick:r,onError:n,onOpen:o,onUpload:d,onAbort:s,onBatchCancelled:I,onClose:C,onDisplayChanged:i,onPublicId:h,onQueuesEnd:x,onQueuesStart:b,onRetry:m,onShowCompleted:a,onSourceChanged:c,onSuccess:O,onTags:w,onUploadAdded:N,options:E,signatureEndpoint:u,uploadPreset:V,...M})=>H.default.createElement(H.default.Fragment,null,H.default.createElement($,{onError:n,onOpen:o,onUpload:d,onAbort:s,onBatchCancelled:I,onClose:C,onDisplayChanged:i,onPublicId:h,onQueuesEnd:x,onQueuesStart:b,onRetry:m,onShowCompleted:a,onSourceChanged:c,onSuccess:O,onTags:w,onUploadAdded:N,options:E,signatureEndpoint:u,uploadPreset:V},({open:k,isLoading:G})=>{function R(v){v.preventDefault(),k(),typeof r=="function"&&r(v)}return H.default.createElement("button",{...M,className:t||"",onClick:R,disabled:G},e||"Upload")})),se=$e;var y=U(require("react")),Ne=U(require("next/script")),Te=U(require("next/head")),Le=require("@cloudinary-util/util");var _e=require("@cloudinary-util/url-loader");function oe(t,e,r){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return L(n),(0,_e.constructCloudinaryUrl)({options:{assetType:"video",...t},config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:Q,sdkCode:J,sdkSemver:ee,techVersion:Z,feature:""},r)})}var re=[],we="1.10.4",He=t=>{let{autoplay:e,className:r,colors:n,controls:o=!0,fontFace:d,height:s,id:I,language:C,languages:i,logo:h=!0,loop:x=!1,muted:b=!1,onDataLoad:m,onError:a,onMetadataLoad:c,onPause:O,onPlay:w,onEnded:N,poster:E,src:u,sourceTypes:V,transformation:M,quality:k="auto",width:G,...R}=t,v=Array.isArray(M)?M:[M],D=u||"";if(D.startsWith("http"))try{let p=(0,Le.parseUrl)(u);typeof p?.publicId=="string"&&(D=p?.publicId)}catch{}v.unshift({quality:k});let z=(0,y.useRef)(),ne=(0,y.useRef)(),j=t.videoRef||ne,Y=(0,y.useRef)(),W=t.playerRef||Y,l=I||`player-${D.replace("/","-")}`,g="cld-video-player cld-fluid";r&&(g=`${g} ${r}`),re.filter(p=>p===l).length>1?console.warn(`Multiple instances of the same video detected on the
+"use strict";var Me=Object.create;var q=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,Ve=Object.prototype.hasOwnProperty;var Se=(t,e)=>{for(var r in e)q(t,r,{get:e[r],enumerable:!0})},ge=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of De(e))!Ve.call(t,o)&&o!==r&&q(t,o,{get:()=>e[o],enumerable:!(n=ve(e,o))||n.enumerable});return t};var U=(t,e,r)=>(r=t!=null?Me(We(t)):{},ge(e||!t||!t.__esModule?q(r,"default",{value:t,enumerable:!0}):r,t)),ke=t=>ge(q({},"__esModule",{value:!0}),t);var ze={};Se(ze,{CldImage:()=>ie,CldOgImage:()=>le,CldUploadButton:()=>se,CldUploadWidget:()=>$,CldVideoPlayer:()=>pe,cloudinaryLoader:()=>te,getCldImageUrl:()=>P,getCldOgImageUrl:()=>F,getCldVideoUrl:()=>oe});module.exports=ke(ze);var A=U(require("react")),Ie=U(require("next/image")),he=require("@cloudinary-util/util"),Oe=require("@cloudinary-util/url-loader");async function K(t){let{src:e}=t;try{await new Promise((r,n)=>{fetch(e).then(o=>{if(!o.ok){n(o);return}r(o)})})}catch(r){return r.status===423?(await new Promise(n=>setTimeout(()=>n(void 0),200)),await K(t)):!1}return!0}function L(t){if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.")}var Ce=require("@cloudinary-util/url-loader");var fe=U(require("next/package.json"));var me={name:"next-cloudinary",version:"6.1.1",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.0","@cloudinary-util/url-loader":"5.1.1","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var Q="A",J="V",Z=ye(fe.default.version),ee=ye(me.version);function ye(t){let e=t;return e.includes("-")&&(e=e.split("-")[0]),e}function P(t,e,r){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return L(n),(0,Ce.constructCloudinaryUrl)({options:t,config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:Q,sdkCode:J,sdkSemver:ee,techVersion:Z,feature:""},r)})}function te({loaderOptions:t,imageProps:e,cldOptions:r,cldConfig:n={}}){let o={...e,...r};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof t?.width=="number"&&typeof o.width=="number"&&t.width!==o.width){let d=t.width/o.width;o.width=t.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*d))}else typeof t?.width=="number"&&typeof o?.width!="number"&&(o.width=t?.width);return P(o,n)}var Re=(0,A.forwardRef)(function(e,r){let n=!1,o=["deliveryType","preserveTransformations","strictTransformations","assetType"];Oe.transformationPlugins.forEach(({props:a})=>{Object.keys(a).forEach(O=>{if(o.includes(O))throw new Error(`Option ${O} already exists!`);o.push(O)})});let d={alt:e.alt,src:e.src};Object.keys(e).filter(a=>typeof a=="string"&&!o.includes(a)).forEach(a=>d[a]=e[a]);let s=Object.keys(d).map(a=>`${a}:${d[a]}`).join(";"),[I,C]=(0,A.useState)(s),i={};if(o.forEach(a=>{let c=e[a];c&&(i[a]=c||void 0)}),e.preserveTransformations)try{let a=(0,he.getTransformations)(e.src).map(c=>c.join(","));i.rawTransformations=[...a.flat(),...e.rawTransformations||[]]}catch(a){console.warn(`Failed to preserve transformations: ${a.message}`)}let h=process.env.__NEXT_IMAGE_OPTS||{};(e.unoptimized===!0||h?.unoptimized===!0)&&(d.src=P({...i,width:d.width,height:d.height,src:d.src,format:"default",quality:"default"},e.config));async function x(a){let c=!0;if(n)return;if(n=!0,typeof e.onError=="function"){let N=e.onError(a);typeof N=="boolean"&&N===!1&&(c=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(c=!1);if(c===!1)return;let O=a.target;await K({src:O.src})&&C(`${s};${Date.now()}`)}let b=(0,A.useCallback)(x,[K,s]),m=Ie.default;return"default"in m&&(m=m.default),A.default.createElement(m,{key:I,...d,loader:a=>te({loaderOptions:a,imageProps:d,cldOptions:i,cldConfig:e.config}),onError:b,ref:r})}),ie=Re;var _=U(require("react")),Ue=U(require("next/head"));function F(t){return P({...t,format:t.format||"jpg",width:t.width||1200,height:t.height||627,crop:t.crop||{type:"fill",gravity:"center",source:!0}})}var je="summary_large_image",Ye=({excludeTags:t=[],twitterTitle:e,keys:r={},...n})=>{let{alt:o}=n,{width:d=1200,height:s=627}=n;d=typeof d=="string"?parseInt(d):d,s=typeof s=="string"?parseInt(s):s;let I=F({...n,width:d,height:s}),C=F({...n,width:d,height:s,format:n.format||"webp"}),i={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...r};return _.default.createElement(Ue.default,null,_.default.createElement("meta",{key:i["og:image"],property:"og:image",content:I}),_.default.createElement("meta",{key:i["og:image:secure_url"],property:"og:image:secure_url",content:I}),_.default.createElement("meta",{key:i["og:image:width"],property:"og:image:width",content:`${d}`}),_.default.createElement("meta",{key:i["og:image:height"],property:"og:image:height",content:`${s}`}),o&&_.default.createElement("meta",{key:i["og:image:alt"],property:"og:image:alt",content:o}),!t.includes("twitter:title")&&_.default.createElement("meta",{key:i["twitter:title"],property:"twitter:title",content:e||" "}),_.default.createElement("meta",{key:i["twitter:card"],property:"twitter:card",content:je}),_.default.createElement("meta",{key:i["twitter:image"],property:"twitter:image",content:C}))},le=Ye;var H=U(require("react"));var f=U(require("react")),Pe=U(require("next/script"));function Ee(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var Xe=["success"],Be={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},Fe=({children:t,onError:e,onOpen:r,onUpload:n,options:o,signatureEndpoint:d,uploadPreset:s,...I})=>{let C=(0,f.useRef)(),i=(0,f.useRef)(),h=!!d,[x,b]=(0,f.useState)(void 0),[m,a]=(0,f.useState)(void 0),[c,O]=(0,f.useState)(!0),w={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:s||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...o};L(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME),h&&(w.uploadSignature=E,w.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,f.useEffect)(()=>{if(typeof m>"u")return;m.event==="success"&&typeof n=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),n(m,i.current))},[m]);function N(){O(!1),C.current||(C.current=window.cloudinary),Ee(()=>{i.current||(i.current=W())})}(0,f.useEffect)(()=>()=>{i.current?.destroy(),i.current=void 0},[]);function E(l,g){if(typeof d>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:g}),headers:{"Content-Type":"application/json"}}).then(T=>T.json()).then(({signature:T})=>{l(T)})}function u(l,g=[]){if(i.current||(i.current=W()),typeof i?.current[l]=="function")return i.current[l](...g)}function V(l){u("close",[l])}function M(l){return u("destroy",[l])}function k(){u("hide")}function G(){return u("isDestroyed")}function R(){return u("isMinimized")}function v(){return u("isShowing")}function D(){u("minimize")}function z(l,g){u("open",[l,g]),typeof r=="function"&&r(i.current)}function ne(){u("show")}function j(){u("update")}let Y={close:V,destroy:M,hide:k,isDestroyed:G,isMinimized:R,isShowing:v,minimize:D,open:z,show:ne,update:j};function W(){return C.current?.createUploadWidget(w,(l,g)=>{if(l&&l!==null&&(b(l),typeof e=="function"&&e(l,{widget:i.current,...Y})),typeof g?.event=="string"){Xe.includes(g?.event)&&a(g);let T=Be[g.event];if(typeof T=="string"&&typeof I[T]=="function"){let X=I[T];X(g,{widget:i.current,...Y})}}})}return f.default.createElement(f.default.Fragment,null,typeof t=="function"&&t({cloudinary:C.current,widget:i.current,results:m,error:x,isLoading:c,...Y}),f.default.createElement(Pe.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:N,onError:l=>console.error(`Failed to load Cloudinary Upload Widget: ${l.message}`)}))},$=Fe;var $e=({className:t,children:e,onClick:r,onError:n,onOpen:o,onUpload:d,onAbort:s,onBatchCancelled:I,onClose:C,onDisplayChanged:i,onPublicId:h,onQueuesEnd:x,onQueuesStart:b,onRetry:m,onShowCompleted:a,onSourceChanged:c,onSuccess:O,onTags:w,onUploadAdded:N,options:E,signatureEndpoint:u,uploadPreset:V,...M})=>H.default.createElement(H.default.Fragment,null,H.default.createElement($,{onError:n,onOpen:o,onUpload:d,onAbort:s,onBatchCancelled:I,onClose:C,onDisplayChanged:i,onPublicId:h,onQueuesEnd:x,onQueuesStart:b,onRetry:m,onShowCompleted:a,onSourceChanged:c,onSuccess:O,onTags:w,onUploadAdded:N,options:E,signatureEndpoint:u,uploadPreset:V},({open:k,isLoading:G})=>{function R(v){v.preventDefault(),k(),typeof r=="function"&&r(v)}return H.default.createElement("button",{...M,className:t||"",onClick:R,disabled:G},e||"Upload")})),se=$e;var y=U(require("react")),Ne=U(require("next/script")),Te=U(require("next/head")),Le=require("@cloudinary-util/util");var _e=require("@cloudinary-util/url-loader");function oe(t,e,r){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return L(n),(0,_e.constructCloudinaryUrl)({options:{assetType:"video",...t},config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:Q,sdkCode:J,sdkSemver:ee,techVersion:Z,feature:""},r)})}var re=[],we="1.10.4",He=t=>{let{autoplay:e,className:r,colors:n,controls:o=!0,fontFace:d,height:s,id:I,language:C,languages:i,logo:h=!0,loop:x=!1,muted:b=!1,onDataLoad:m,onError:a,onMetadataLoad:c,onPause:O,onPlay:w,onEnded:N,poster:E,src:u,sourceTypes:V,transformation:M,quality:k="auto",width:G,...R}=t,v=Array.isArray(M)?M:[M],D=u||"";if(D.startsWith("http"))try{let p=(0,Le.parseUrl)(u);typeof p?.publicId=="string"&&(D=p?.publicId)}catch{}v.unshift({quality:k});let z=(0,y.useRef)(),ne=(0,y.useRef)(),j=t.videoRef||ne,Y=(0,y.useRef)(),W=t.playerRef||Y,l=I||`player-${D.replace("/","-")}`,g="cld-video-player cld-fluid";r&&(g=`${g} ${r}`),re.filter(p=>p===l).length>1?console.warn(`Multiple instances of the same video detected on the
      page which may cause some features to not work.
     Try adding a unique id to each player.`):re.push(l);let X={error:a,loadeddata:m,loadedmetadata:c,pause:O,play:w,ended:N};function Ae(p){let B=X[p.type];typeof B=="function"&&B(be())}L(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);function xe(){if("cloudinary"in window){z.current=window.cloudinary;let p={};typeof h=="boolean"?p.showLogo=h:typeof h=="object"&&(p={...p,showLogo:!0,logoImageUrl:h.imageUrl,logoOnclickUrl:h.onClickUrl});let B=!1,ce;(typeof e=="boolean"||e==="true"||e==="false")&&(B=e),typeof e=="string"&&e!=="true"&&e!=="false"&&(ce=e);let S={autoplayMode:ce,autoplay:B,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:o,fontFace:d||"",language:C,languages:i,loop:x,muted:b,publicId:D,transformation:v,...p,...R};Array.isArray(V)&&(S.sourceTypes=V),typeof n=="object"&&(S.colors=n),typeof E=="string"?S.posterOptions={publicId:E}:typeof E=="object"&&(typeof E.src!="string"?S.posterOptions={publicId:oe({...E,src:D,format:"auto:image"})}:S.posterOptions={publicId:P(E)}),W.current=z.current.videoPlayer(j.current,S),Object.keys(X).forEach(ue=>{typeof X[ue]=="function"&&W.current?.on(ue,Ae)})}}(0,y.useEffect)(()=>()=>{W.current?.videojs.cloudinary.dispose(),re=re.filter(p=>p!==l)},[]);function be(){return{player:W.current,video:j.current}}return y.default.createElement(y.default.Fragment,null,y.default.createElement(Te.default,null,y.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${we}/dist/cld-video-player.min.css`,rel:"stylesheet"})),y.default.createElement("div",{style:{width:"100%",aspectRatio:`${t.width} / ${t.height}`}},y.default.createElement("video",{ref:j,id:l,className:g,width:G,height:s}),y.default.createElement(Ne.default,{id:`cloudinary-videoplayer-${l}-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${we}/dist/cld-video-player.min.js`,onLoad:xe,onError:p=>console.error(`Failed to load Cloudinary Video Player: ${p.message}`)})))},pe=He;0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl,getCldVideoUrl});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["export { default as CldImage } from './components/CldImage';\nexport type { CldImageProps } from './components/CldImage';\n\nexport { default as CldOgImage } from './components/CldOgImage';\nexport type { CldOgImageProps } from './components/CldOgImage';\n\nexport { default as CldUploadButton } from './components/CldUploadButton';\nexport type { CldUploadButtonProps } from './components/CldUploadButton';\n\nexport { default as CldUploadWidget } from './components/CldUploadWidget';\nexport type { CldUploadWidgetProps, CldUploadWidgetPropsChildren } from './components/CldUploadWidget';\nexport type {\n  CloudinaryUploadWidgetOptions,\n  CloudinaryUploadWidgetResults,\n  CloudinaryUploadWidgetInfo,\n  CloudinaryUploadWidgetInstanceMethods,\n  CloudinaryUploadWidgetInstanceMethodCloseOptions,\n  CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n  CloudinaryUploadWidgetInstanceMethodOpenOptions,\n  CloudinaryUploadWidgetInstanceMethodUpdateOptions,\n  CloudinaryUploadWidgetSources,\n  CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrlOptions } from './helpers/getCldOgImageUrl';\n\nexport { getCldVideoUrl } from './helpers/getCldVideoUrl';\nexport type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from './helpers/getCldVideoUrl';","import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  config?: ConfigOptions;\n  preserveTransformations?: boolean;\n  src: string;\n  unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n  let hasThrownError = false;\n\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations',\n    'strictTransformations',\n    'assetType',\n  ];\n\n  transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n    const pluginProps = Object.keys(props);\n    pluginProps.forEach(prop => {\n      if ( CLD_OPTIONS.includes(prop) ) {\n        throw new Error(`Option ${prop} already exists!`);\n      }\n      CLD_OPTIONS.push(prop);\n    });\n  });\n\n  // Construct the base Image component props by filtering out Cloudinary-specific props\n\n  const imageProps: ImageProps = {\n    alt: props.alt,\n    src: props.src,\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n    .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n  const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n  const [imgKey, setImgKey] = useState(defaultImgKey);\n\n  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n  type CldOptions = Omit<ImageOptions, 'src'>;\n\n  const cldOptions: CldOptions = {};\n\n  CLD_OPTIONS.forEach((key) => {\n    const prop = props[key as keyof ImageOptions];\n    if ( prop ) {\n      cldOptions[key as keyof CldOptions] = prop || undefined;\n    }\n  });\n\n  // Try to preserve the original transformations from the Cloudinary URL passed in\n  // to the component. This only works if the URL has a version number on it and otherwise\n  // will fail to load\n\n  if (props.preserveTransformations) {\n    try {\n      const transformations = getTransformations(props.src).map(t => t.join(','));\n      cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n    } catch(e) {\n      console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n    }\n  }\n\n  // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n  // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n  // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n  // that also disables format and quality transformations, to deliver it as unoptimized\n  // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n  const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n  if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n    imageProps.src = getCldImageUrl({\n      ...cldOptions,\n      width: imageProps.width,\n      height: imageProps.height,\n      src: imageProps.src as string,\n      format: 'default',\n      quality: 'default',\n    }, props.config);\n  }\n\n  /**\n   * handleOnError\n   */\n\n  async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n    let pollForImage = true;\n\n    // The onError function should never fire more than once. The use case for tracking it\n    // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n    // is processing an image where we want to try to update the UI upon completion.\n    // If this fires a second time, it is likely because of another issue, which will end\n    // up triggering an infinite loop if the resulting image keeps erroring and\n    // this function sets a key using the current time to force refresh the UI\n\n    if ( hasThrownError ) return;\n\n    hasThrownError = true;\n\n    if ( typeof props.onError === 'function' ) {\n      const onErrorResult = props.onError(options);\n\n      if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n        pollForImage = false;\n      }\n    } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n      pollForImage = false;\n    }\n\n    // Give an escape hatch in case the user wants to handle the error themselves\n    // or if they want to disable polling for the image\n\n    if ( pollForImage === false ) return;\n\n    const image = options.target as HTMLImageElement\n    const result = await pollForProcessingImage({ src: image.src })\n\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n  // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n  // Thanks Angelo!\n  // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n  let ResolvedImage = Image;\n\n  if (\"default\" in ResolvedImage) {\n    ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n  }\n\n  return (\n    <ResolvedImage\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n      onError={handleOnError}\n      ref={ref}\n    />\n  );\n});\n\nexport default CldImage;","/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n  src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n  const { src } = options;\n  try {\n    await new Promise((resolve, reject) => {\n      fetch(src).then(res => {\n        if ( !res.ok ) {\n          reject(res);\n          return;\n        }\n        resolve(res);\n      });\n    });\n  } catch(e: any) {\n    // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n    if ( e.status === 423 ) {\n      await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}\n\nexport function checkForCloudName(cloudName: string | undefined) {\n  if (!cloudName) {\n    throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n  }\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n  let normalized = version;\n  if ( normalized.includes('-') ) {\n    normalized = normalized.split('-')[0];\n  }\n  return normalized;\n}","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"6.1.0\",\n  \"license\": \"MIT\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n    \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n    \"test\": \"vitest run\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n    \"test:watch\": \"vitest\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/types\": \"1.0.0\",\n    \"@cloudinary-util/url-loader\": \"5.1.0\",\n    \"@cloudinary-util/util\": \"^3.0.0\",\n    \"@tsconfig/recommended\": \"^1.0.3\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.23.2\",\n    \"@babel/preset-env\": \"^7.23.2\",\n    \"@types/node\": \"^20.11.5\",\n    \"@types/react\": \"^18.2.33\",\n    \"@types/react-dom\": \"^18.2.14\",\n    \"dotenv\": \"^16.3.1\",\n    \"mkdirp\": \"^3.0.1\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.2.2\",\n    \"vitest\": \"^1.3.1\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13 || ^14\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n  height?: string | number;\n  width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n  loaderOptions: CloudinaryLoaderLoaderOptions;\n  imageProps: ImageProps;\n  cldOptions: CloudinaryLoaderCldOptions;\n  cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n  const options = {\n    ...imageProps,\n    ...cldOptions\n  }\n\n  options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n  \n  // // The loader options are used to create dynamic sizing when working with responsive images\n  // // so these should override the default options collected from the props alone if\n  // // the results are different. While we don't always use the height in the loader logic,\n  // // we always pass it here, as the usage is determined later based on cropping.js\n\n  if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n    const multiplier = loaderOptions.width / options.width;\n    \n    options.width = loaderOptions.width;\n\n    // The height may change based off of the value passed through via the loader options\n    // In an example where the user sizes is 800x600, but the loader is passing in 400\n    // due to responsive sizing, we want to ensure we're using a height that will\n    // resolve to the same aspect ratio\n    \n    if ( typeof options.height === 'number' ) {\n      options.height = Math.floor(options.height * multiplier);\n    }\n  } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n    // If we don't have a width on the options object, this may mean that the component is using\n    // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n    // The Fill option does not allow someone to pass in a width or a height\n    // If this is the case, we still need to define a width for sizing optimization but also\n    // for responsive sizing to take effect, so we can utilize the loader width for the base width\n    options.width = loaderOptions?.width;\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n  excludeTags?: Array<string>;\n  keys?: object;\n  twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n  const { alt } = props;\n\n  // We need to separately handle the width and the height to allow our user to pass in\n  // a custom value, but also we need to know this at the component level so that we can\n  // use it when rendering the meta tags\n\n  let {\n    width = OG_IMAGE_WIDTH,\n    height = OG_IMAGE_HEIGHT\n  } = props;\n\n  // Normalize the width and height\n\n  width = typeof width === 'string' ? parseInt(width) : width;\n  height = typeof height === 'string' ? parseInt(height) : height;\n\n  // Render the final URLs. We use two different format versions to deliver\n  // webp for Twitter as it supports it (and we can control with tags) where\n  // other platforms may not support webp, so we deliver jpg\n\n  const ogImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height\n  });\n\n  const twitterImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height,\n    format: props.format || 'webp',\n  });\n\n  const metaKeys = {\n    'og:image': 'og-image',\n    'og:image:secure_url': 'og-image-secureurl',\n    'og:image:width': 'og-image-width',\n    'og:image:height': 'og-image-height',\n    'og:image:alt': 'og-image-alt',\n    'twitter:title': 'twitter-title',\n    'twitter:card': 'twitter-card',\n    'twitter:image': 'twitter-image',\n    ...keys\n  }\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n      <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n      {alt && (\n        <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n      )}\n\n      {/* Required for summary_large_image, exclude vai excludeTags */}\n      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n      {!excludeTags.includes('twitter:title') && (\n        <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    format: options.format || 'jpg',\n    width: options.width || OG_IMAGE_WIDTH,\n    height: options.height || OG_IMAGE_HEIGHT,\n    crop: options.crop || {\n      type: 'fill',\n      gravity: 'center',\n      source: true\n    }\n  });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  className?: string;\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  className,\n  children,\n  onClick,\n  onError,\n  onOpen,\n  onUpload,\n  onAbort,\n  onBatchCancelled,\n  onClose,\n  onDisplayChanged,\n  onPublicId,\n  onQueuesEnd,\n  onQueuesStart,\n  onRetry,\n  onShowCompleted,\n  onSourceChanged,\n  onSuccess,\n  onTags,\n  onUploadAdded,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onOpen={onOpen}\n        onUpload={onUpload}\n        onAbort={onAbort}\n        onBatchCancelled={onBatchCancelled}\n        onClose={onClose}\n        onDisplayChanged={onDisplayChanged}\n        onPublicId={onPublicId}\n        onQueuesEnd={onQueuesEnd}\n        onQueuesStart={onQueuesStart}\n        onRetry={onRetry}\n        onShowCompleted={onShowCompleted}\n        onSourceChanged={onSourceChanged}\n        onSuccess={onSuccess}\n        onTags={onTags}\n        onUploadAdded={onUploadAdded}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open, isLoading }) => {\n          function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n            e.preventDefault();\n\n            open();\n\n            if ( typeof onClick === 'function' ) {\n              onClick(e);\n            }\n          }\n          return (\n            <button {...props} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n              {children || 'Upload'}\n            </button>\n          );\n        }}\n      </CldUploadWidget>\n    </>\n  );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport {\n  CloudinaryUploadWidgetResults,\n  CloudinaryUploadWidgetInstanceMethods,\n  CloudinaryUploadWidgetInstanceMethodCloseOptions,\n  CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n  CloudinaryUploadWidgetInstanceMethodOpenOptions,\n  CloudinaryUploadWidgetSources,\n  CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n  CldUploadEventCallback,\n  CldUploadWidgetCloudinaryInstance,\n  CldUploadWidgetProps,\n  CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n  'abort': 'onAbort',\n  'batch-cancelled': 'onBatchCancelled',\n  'close': 'onClose',\n  'display-changed': 'onDisplayChanged',\n  'publicid': 'onPublicId',\n  'queues-end': 'onQueuesEnd',\n  'queues-start': 'onQueuesStart',\n  'retry': 'onRetry',\n  'show-completed': 'onShowCompleted',\n  'source-changed': 'onSourceChanged',\n  'success': 'onSuccess',\n  'tags': 'onTags',\n  'upload-added': 'onUploadAdded',\n}\n\nconst CldUploadWidget = ({\n  children,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadWidgetProps) => {\n  const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n  const widget: CldUploadWidgetWidgetInstance = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n  const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n  const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n  // When creating a signed upload, you need to provide both your Cloudinary API Key\n  // as well as a signature generator function that will sign any paramters\n  // either on page load or during the upload process. Read more about signed uploads at:\n  // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n  const uploadOptions = {\n    cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n    uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n    apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n    ...options,\n  };\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  if ( signed ) {\n    uploadOptions.uploadSignature = generateSignature;\n\n    if (!uploadOptions.apiKey) {\n      console.warn(`Missing dependency: Signed Upload requires an API key`);\n    }\n  }\n\n  // Handle result states and callbacks\n\n  useEffect(() => {\n    if ( typeof results === 'undefined' ) return;\n\n    const isSuccess = results.event === 'success';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n        console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n      }\n      onUpload(results, widget.current);\n    }\n  }, [results])\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    setIsScriptLoading(false);\n\n    if ( !cloudinary.current ) {\n      cloudinary.current = (window as any).cloudinary;\n    }\n\n    // To help improve load time of the widget on first instance, use requestIdleCallback\n    // to trigger widget creation. Optional.\n\n    triggerOnIdle(() => {\n      if ( !widget.current ) {\n        widget.current = createWidget();\n      }\n    });\n  }\n\n  useEffect(() => {\n    return () => {\n      widget.current?.destroy();\n      widget.current = undefined;\n    }\n  }, [])\n\n  /**\n   * generateSignature\n   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n   */\n\n  function generateSignature(callback: Function, paramsToSign: object) {\n    if ( typeof signatureEndpoint === 'undefined' ) {\n      throw Error('Failed to generate signature: signatureEndpoint undefined.')\n    }\n    fetch(signatureEndpoint, {\n      method: 'POST',\n      body: JSON.stringify({\n        paramsToSign,\n      }),\n      headers: {\n        'Content-Type': 'application/json'\n      }\n    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\n  }\n\n  /**\n   * Instance Methods\n   * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n   * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n   */\n\n  function invokeInstanceMethod<\n    TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n  >(\n    method: TMethod,\n    options: Parameters<\n      CloudinaryUploadWidgetInstanceMethods[TMethod]\n    > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n  ) {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    if (typeof widget?.current[method] === \"function\") {\n      return widget.current[method](...options);\n    }\n  }\n\n  function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n    invokeInstanceMethod('close', [options]);\n  }\n\n  function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n    return invokeInstanceMethod('destroy', [options]);\n  }\n\n  function hide() {\n    invokeInstanceMethod('hide');\n  }\n\n  function isDestroyed() {\n    return invokeInstanceMethod('isDestroyed');\n  }\n\n  function isMinimized() {\n    return invokeInstanceMethod('isMinimized');\n  }\n\n  function isShowing() {\n    return invokeInstanceMethod('isShowing');\n  }\n\n  function minimize() {\n    invokeInstanceMethod('minimize');\n  }\n\n  function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n    invokeInstanceMethod('open', [widgetSource, options]);\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  function show() {\n    invokeInstanceMethod('show');\n  }\n\n  function update() {\n    invokeInstanceMethod('update');\n  }\n\n  const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n    close,\n    destroy,\n    hide,\n    isDestroyed,\n    isMinimized,\n    isShowing,\n    minimize,\n    open,\n    show,\n    update,\n  }\n\n  /**\n   * createWidget\n   * @description Creates a new instance of the Cloudinary widget and stores in a ref\n   */\n\n  function createWidget() {\n    return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n      if ( uploadError && uploadError !== null ) {\n        setError(uploadError);\n\n        if ( typeof onError === 'function' ) {\n          onError(uploadError, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n\n      if ( typeof uploadResult?.event === 'string' ) {\n        if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n          setResults(uploadResult);\n        }\n\n        const widgetEvent = WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n        if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n          const callback = props[widgetEvent] as CldUploadEventCallback;\n          callback(uploadResult, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n    });\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        ...instanceMethods,\n      })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://upload-widget.cloudinary.com/global/all.js\"\n        onLoad={handleOnLoad}\n        onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n      />\n    </>\n  );\n};\n\nexport default CldUploadWidget;","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n  if ( window && 'requestIdleCallback' in window ) {\n    return requestIdleCallback(callback);\n  }\n  return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { parseUrl } from '@cloudinary-util/util';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo, CloudinaryVideoPlayerOptions, } from '@cloudinary-util/types';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { getCldVideoUrl } from '../../helpers/getCldVideoUrl';\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.10.4';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n  const {\n    autoplay,\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    language,\n    languages,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    poster,\n    src,\n    sourceTypes,\n    transformation,\n    quality = 'auto',\n    width,\n    ...otherCldVidPlayerOptions\n  } = props as CldVideoPlayerProps;\n\n  const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n  let publicId: string = src || \"\";\n\n\n  // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n  // to get the public ID alone\n\n  if ( publicId.startsWith('http') ) {\n    try {\n      const parts = parseUrl(src);\n      if ( typeof parts?.publicId === 'string' ) {\n        publicId = parts?.publicId;\n      }\n    } catch(e) {}\n  }\n\n  // Set default transformations for the player\n\n  playerTransformations.unshift({\n    quality\n  });\n\n  // Setup the refs and allow for the caller to pass through their\n  // own ref instance\n\n  const cloudinaryRef = useRef<any>();\n  const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n  const videoRef = props.videoRef || defaultVideoRef;\n  const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n  const playerRef = props.playerRef || defaultPlayerRef;\n\n  const playerId = id || `player-${publicId.replace('/', '-')}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\n  }\n\n  // Check if the same id is being used for multiple video instances.\n  const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n  if (checkForMultipleInstance) {\n    console.warn(`Multiple instances of the same video detected on the\n     page which may cause some features to not work.\n    Try adding a unique id to each player.`)\n  } else {\n    playerInstances.push(playerId)\n  }\n\n  const events: Record<string, Function|undefined> = {\n    error: onError,\n    loadeddata: onDataLoad,\n    loadedmetadata: onMetadataLoad,\n    pause: onPause,\n    play: onPlay,\n    ended: onEnded\n  };\n\n  /**\n   * handleEvent\n   * @description Event handler for all player events\n   */\n\n  function handleEvent(event: { type: 'string' }) {\n    const activeEvent = events[event.type];\n\n    if ( typeof activeEvent === 'function' ) {\n      activeEvent(getPlayerRefs());\n    }\n  }\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    if ( 'cloudinary' in window ) {\n      cloudinaryRef.current = window.cloudinary;\n      let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n      if ( typeof logo === 'boolean' ) {\n        logoOptions.showLogo = logo;\n      } else if ( typeof logo === 'object' ) {\n        logoOptions = {\n          ...logoOptions,\n          showLogo: true,\n          logoImageUrl: logo.imageUrl,\n          logoOnclickUrl: logo.onClickUrl\n        }\n      }\n\n      // Parse the value passed to 'autoplay';\n      // if its a boolean or a boolean passed as string (\"true\") set it directly to browser standard prop autoplay else fallback to default;\n      // if its a string and not a boolean passed as string (\"true\") set it to cloudinary video player autoplayMode prop else fallback to undefined;\n\n      let autoPlayValue: boolean | 'true' | 'false' = false;\n      let autoplayModeValue: string | undefined = undefined;\n\n      if (typeof autoplay === 'boolean' || autoplay === 'true' || autoplay === 'false') {\n        autoPlayValue = autoplay\n      }\n\n      if (typeof autoplay === 'string' && autoplay !== 'true' && autoplay !== 'false') {\n        autoplayModeValue = autoplay;\n      }\n\n\n      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoplayModeValue,\n        autoplay: autoPlayValue,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        language,\n        languages,\n        loop,\n        muted,\n        publicId,\n        transformation: playerTransformations,\n        ...logoOptions,\n        ...otherCldVidPlayerOptions\n      };\n\n      if ( Array.isArray(sourceTypes) ) {\n        playerOptions.sourceTypes = sourceTypes;\n      }\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\n      }\n\n      if ( typeof poster === 'string' ) {\n        // If poster is a string, assume it's either a public ID\n        // or a remote URL, in either case pass to `publicId`\n        playerOptions.posterOptions = {\n          publicId: poster\n        };\n      } else if ( typeof poster === 'object' ) {\n        // If poster is an object, we can either customize the\n        // automatically generated image from the video or generate\n        // a completely new image from a separate public ID, so look\n        // to see if the src is explicitly set to determine whether\n        // or not to use the video's ID or just pass things along\n        if ( typeof poster.src !== 'string' ) {\n          playerOptions.posterOptions = {\n            publicId: getCldVideoUrl({\n              ...poster,\n              src: publicId,\n              format: 'auto:image',\n            })\n          };\n        } else {\n          playerOptions.posterOptions = {\n            publicId: getCldImageUrl(poster)\n          };\n        }\n      }\n\n      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n      Object.keys(events).forEach((key) => {\n        if ( typeof events[key] === 'function' ) {\n          playerRef.current?.on(key, handleEvent);\n        }\n      });\n    }\n  }\n\n  useEffect(() => {\n\n    return () => {\n      //@ts-ignore\n      playerRef.current?.videojs.cloudinary.dispose();\n      playerInstances = playerInstances.filter((id) => id !== playerId)\n    }\n  }, []);\n\n  /**\n   *getPlayerRefs\n   */\n\n  function getPlayerRefs() {\n    return {\n      player: playerRef.current,\n      video: videoRef.current\n    }\n  }\n\n  return (\n    <>\n      <Head>\n        <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n      </Head>\n      <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.height}`}}>\n        <video\n          ref={videoRef}\n          id={playerId}\n          className={playerClassName}\n          width={width}\n          height={height}\n        />\n        <Script\n            id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n            src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n            onLoad={handleOnLoad}\n            onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CldVideoPlayer;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options: {\n      assetType: 'video',\n      ...options\n    },\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","getCldVideoUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","checkForCloudName","cloudName","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCldImageUrl","options","config","analytics","cloudName","checkForCloudName","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","checkForCloudName","generateSignature","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","uploadError","uploadResult","widgetEvent","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_util","import_url_loader","getCldVideoUrl","options","config","analytics","cloudName","checkForCloudName","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","autoplay","className","colors","controls","fontFace","height","id","language","languages","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","poster","src","sourceTypes","transformation","quality","width","otherCldVidPlayerOptions","playerTransformations","publicId","parts","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","checkForCloudName","handleOnLoad","logoOptions","autoPlayValue","autoplayModeValue","playerOptions","getCldVideoUrl","getCldImageUrl","key","React","Head","Script","e","CldVideoPlayer_default"]}
+{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["export { default as CldImage } from './components/CldImage';\nexport type { CldImageProps } from './components/CldImage';\n\nexport { default as CldOgImage } from './components/CldOgImage';\nexport type { CldOgImageProps } from './components/CldOgImage';\n\nexport { default as CldUploadButton } from './components/CldUploadButton';\nexport type { CldUploadButtonProps } from './components/CldUploadButton';\n\nexport { default as CldUploadWidget } from './components/CldUploadWidget';\nexport type { CldUploadWidgetProps, CldUploadWidgetPropsChildren } from './components/CldUploadWidget';\nexport type {\n  CloudinaryUploadWidgetOptions,\n  CloudinaryUploadWidgetResults,\n  CloudinaryUploadWidgetInfo,\n  CloudinaryUploadWidgetInstanceMethods,\n  CloudinaryUploadWidgetInstanceMethodCloseOptions,\n  CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n  CloudinaryUploadWidgetInstanceMethodOpenOptions,\n  CloudinaryUploadWidgetInstanceMethodUpdateOptions,\n  CloudinaryUploadWidgetSources,\n  CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from '@cloudinary-util/types';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrlOptions } from './helpers/getCldOgImageUrl';\n\nexport { getCldVideoUrl } from './helpers/getCldVideoUrl';\nexport type { GetCldVideoUrlOptions, GetCldVideoUrlConfig, GetCldVideoUrlAnalytics } from './helpers/getCldVideoUrl';","import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  config?: ConfigOptions;\n  preserveTransformations?: boolean;\n  src: string;\n  unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n  let hasThrownError = false;\n\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations',\n    'strictTransformations',\n    'assetType',\n  ];\n\n  transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n    const pluginProps = Object.keys(props);\n    pluginProps.forEach(prop => {\n      if ( CLD_OPTIONS.includes(prop) ) {\n        throw new Error(`Option ${prop} already exists!`);\n      }\n      CLD_OPTIONS.push(prop);\n    });\n  });\n\n  // Construct the base Image component props by filtering out Cloudinary-specific props\n\n  const imageProps: ImageProps = {\n    alt: props.alt,\n    src: props.src,\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n    .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n  const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n  const [imgKey, setImgKey] = useState(defaultImgKey);\n\n  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n  type CldOptions = Omit<ImageOptions, 'src'>;\n\n  const cldOptions: CldOptions = {};\n\n  CLD_OPTIONS.forEach((key) => {\n    const prop = props[key as keyof ImageOptions];\n    if ( prop ) {\n      cldOptions[key as keyof CldOptions] = prop || undefined;\n    }\n  });\n\n  // Try to preserve the original transformations from the Cloudinary URL passed in\n  // to the component. This only works if the URL has a version number on it and otherwise\n  // will fail to load\n\n  if (props.preserveTransformations) {\n    try {\n      const transformations = getTransformations(props.src).map(t => t.join(','));\n      cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n    } catch(e) {\n      console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n    }\n  }\n\n  // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n  // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n  // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n  // that also disables format and quality transformations, to deliver it as unoptimized\n  // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n  const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n  if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n    imageProps.src = getCldImageUrl({\n      ...cldOptions,\n      width: imageProps.width,\n      height: imageProps.height,\n      src: imageProps.src as string,\n      format: 'default',\n      quality: 'default',\n    }, props.config);\n  }\n\n  /**\n   * handleOnError\n   */\n\n  async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n    let pollForImage = true;\n\n    // The onError function should never fire more than once. The use case for tracking it\n    // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n    // is processing an image where we want to try to update the UI upon completion.\n    // If this fires a second time, it is likely because of another issue, which will end\n    // up triggering an infinite loop if the resulting image keeps erroring and\n    // this function sets a key using the current time to force refresh the UI\n\n    if ( hasThrownError ) return;\n\n    hasThrownError = true;\n\n    if ( typeof props.onError === 'function' ) {\n      const onErrorResult = props.onError(options);\n\n      if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n        pollForImage = false;\n      }\n    } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n      pollForImage = false;\n    }\n\n    // Give an escape hatch in case the user wants to handle the error themselves\n    // or if they want to disable polling for the image\n\n    if ( pollForImage === false ) return;\n\n    const image = options.target as HTMLImageElement\n    const result = await pollForProcessingImage({ src: image.src })\n\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n  // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n  // Thanks Angelo!\n  // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n  let ResolvedImage = Image;\n\n  if (\"default\" in ResolvedImage) {\n    ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n  }\n\n  return (\n    <ResolvedImage\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n      onError={handleOnError}\n      ref={ref}\n    />\n  );\n});\n\nexport default CldImage;","/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n  src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n  const { src } = options;\n  try {\n    await new Promise((resolve, reject) => {\n      fetch(src).then(res => {\n        if ( !res.ok ) {\n          reject(res);\n          return;\n        }\n        resolve(res);\n      });\n    });\n  } catch(e: any) {\n    // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n    if ( e.status === 423 ) {\n      await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}\n\nexport function checkForCloudName(cloudName: string | undefined) {\n  if (!cloudName) {\n    throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n  }\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n  let normalized = version;\n  if ( normalized.includes('-') ) {\n    normalized = normalized.split('-')[0];\n  }\n  return normalized;\n}","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"6.1.1\",\n  \"license\": \"MIT\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n    \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n    \"test\": \"vitest run\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n    \"test:watch\": \"vitest\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/types\": \"1.0.0\",\n    \"@cloudinary-util/url-loader\": \"5.1.1\",\n    \"@cloudinary-util/util\": \"^3.0.0\",\n    \"@tsconfig/recommended\": \"^1.0.3\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.23.2\",\n    \"@babel/preset-env\": \"^7.23.2\",\n    \"@types/node\": \"^20.11.5\",\n    \"@types/react\": \"^18.2.33\",\n    \"@types/react-dom\": \"^18.2.14\",\n    \"dotenv\": \"^16.3.1\",\n    \"mkdirp\": \"^3.0.1\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.2.2\",\n    \"vitest\": \"^1.3.1\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13 || ^14\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n  height?: string | number;\n  width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n  loaderOptions: CloudinaryLoaderLoaderOptions;\n  imageProps: ImageProps;\n  cldOptions: CloudinaryLoaderCldOptions;\n  cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n  const options = {\n    ...imageProps,\n    ...cldOptions\n  }\n\n  options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n  \n  // // The loader options are used to create dynamic sizing when working with responsive images\n  // // so these should override the default options collected from the props alone if\n  // // the results are different. While we don't always use the height in the loader logic,\n  // // we always pass it here, as the usage is determined later based on cropping.js\n\n  if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n    const multiplier = loaderOptions.width / options.width;\n    \n    options.width = loaderOptions.width;\n\n    // The height may change based off of the value passed through via the loader options\n    // In an example where the user sizes is 800x600, but the loader is passing in 400\n    // due to responsive sizing, we want to ensure we're using a height that will\n    // resolve to the same aspect ratio\n    \n    if ( typeof options.height === 'number' ) {\n      options.height = Math.floor(options.height * multiplier);\n    }\n  } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n    // If we don't have a width on the options object, this may mean that the component is using\n    // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n    // The Fill option does not allow someone to pass in a width or a height\n    // If this is the case, we still need to define a width for sizing optimization but also\n    // for responsive sizing to take effect, so we can utilize the loader width for the base width\n    options.width = loaderOptions?.width;\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n  excludeTags?: Array<string>;\n  keys?: object;\n  twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n  const { alt } = props;\n\n  // We need to separately handle the width and the height to allow our user to pass in\n  // a custom value, but also we need to know this at the component level so that we can\n  // use it when rendering the meta tags\n\n  let {\n    width = OG_IMAGE_WIDTH,\n    height = OG_IMAGE_HEIGHT\n  } = props;\n\n  // Normalize the width and height\n\n  width = typeof width === 'string' ? parseInt(width) : width;\n  height = typeof height === 'string' ? parseInt(height) : height;\n\n  // Render the final URLs. We use two different format versions to deliver\n  // webp for Twitter as it supports it (and we can control with tags) where\n  // other platforms may not support webp, so we deliver jpg\n\n  const ogImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height\n  });\n\n  const twitterImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height,\n    format: props.format || 'webp',\n  });\n\n  const metaKeys = {\n    'og:image': 'og-image',\n    'og:image:secure_url': 'og-image-secureurl',\n    'og:image:width': 'og-image-width',\n    'og:image:height': 'og-image-height',\n    'og:image:alt': 'og-image-alt',\n    'twitter:title': 'twitter-title',\n    'twitter:card': 'twitter-card',\n    'twitter:image': 'twitter-image',\n    ...keys\n  }\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n      <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n      {alt && (\n        <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n      )}\n\n      {/* Required for summary_large_image, exclude vai excludeTags */}\n      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n      {!excludeTags.includes('twitter:title') && (\n        <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    format: options.format || 'jpg',\n    width: options.width || OG_IMAGE_WIDTH,\n    height: options.height || OG_IMAGE_HEIGHT,\n    crop: options.crop || {\n      type: 'fill',\n      gravity: 'center',\n      source: true\n    }\n  });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  className?: string;\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  className,\n  children,\n  onClick,\n  onError,\n  onOpen,\n  onUpload,\n  onAbort,\n  onBatchCancelled,\n  onClose,\n  onDisplayChanged,\n  onPublicId,\n  onQueuesEnd,\n  onQueuesStart,\n  onRetry,\n  onShowCompleted,\n  onSourceChanged,\n  onSuccess,\n  onTags,\n  onUploadAdded,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onOpen={onOpen}\n        onUpload={onUpload}\n        onAbort={onAbort}\n        onBatchCancelled={onBatchCancelled}\n        onClose={onClose}\n        onDisplayChanged={onDisplayChanged}\n        onPublicId={onPublicId}\n        onQueuesEnd={onQueuesEnd}\n        onQueuesStart={onQueuesStart}\n        onRetry={onRetry}\n        onShowCompleted={onShowCompleted}\n        onSourceChanged={onSourceChanged}\n        onSuccess={onSuccess}\n        onTags={onTags}\n        onUploadAdded={onUploadAdded}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open, isLoading }) => {\n          function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n            e.preventDefault();\n\n            open();\n\n            if ( typeof onClick === 'function' ) {\n              onClick(e);\n            }\n          }\n          return (\n            <button {...props} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n              {children || 'Upload'}\n            </button>\n          );\n        }}\n      </CldUploadWidget>\n    </>\n  );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport {\n  CloudinaryUploadWidgetResults,\n  CloudinaryUploadWidgetInstanceMethods,\n  CloudinaryUploadWidgetInstanceMethodCloseOptions,\n  CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n  CloudinaryUploadWidgetInstanceMethodOpenOptions,\n  CloudinaryUploadWidgetSources,\n  CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n  CldUploadEventCallback,\n  CldUploadWidgetCloudinaryInstance,\n  CldUploadWidgetProps,\n  CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n  'abort': 'onAbort',\n  'batch-cancelled': 'onBatchCancelled',\n  'close': 'onClose',\n  'display-changed': 'onDisplayChanged',\n  'publicid': 'onPublicId',\n  'queues-end': 'onQueuesEnd',\n  'queues-start': 'onQueuesStart',\n  'retry': 'onRetry',\n  'show-completed': 'onShowCompleted',\n  'source-changed': 'onSourceChanged',\n  'success': 'onSuccess',\n  'tags': 'onTags',\n  'upload-added': 'onUploadAdded',\n}\n\nconst CldUploadWidget = ({\n  children,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadWidgetProps) => {\n  const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n  const widget: CldUploadWidgetWidgetInstance = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n  const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n  const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n  // When creating a signed upload, you need to provide both your Cloudinary API Key\n  // as well as a signature generator function that will sign any paramters\n  // either on page load or during the upload process. Read more about signed uploads at:\n  // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n  const uploadOptions = {\n    cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n    uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n    apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n    ...options,\n  };\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  if ( signed ) {\n    uploadOptions.uploadSignature = generateSignature;\n\n    if (!uploadOptions.apiKey) {\n      console.warn(`Missing dependency: Signed Upload requires an API key`);\n    }\n  }\n\n  // Handle result states and callbacks\n\n  useEffect(() => {\n    if ( typeof results === 'undefined' ) return;\n\n    const isSuccess = results.event === 'success';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n        console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n      }\n      onUpload(results, widget.current);\n    }\n  }, [results])\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    setIsScriptLoading(false);\n\n    if ( !cloudinary.current ) {\n      cloudinary.current = (window as any).cloudinary;\n    }\n\n    // To help improve load time of the widget on first instance, use requestIdleCallback\n    // to trigger widget creation. Optional.\n\n    triggerOnIdle(() => {\n      if ( !widget.current ) {\n        widget.current = createWidget();\n      }\n    });\n  }\n\n  useEffect(() => {\n    return () => {\n      widget.current?.destroy();\n      widget.current = undefined;\n    }\n  }, [])\n\n  /**\n   * generateSignature\n   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n   */\n\n  function generateSignature(callback: Function, paramsToSign: object) {\n    if ( typeof signatureEndpoint === 'undefined' ) {\n      throw Error('Failed to generate signature: signatureEndpoint undefined.')\n    }\n    fetch(signatureEndpoint, {\n      method: 'POST',\n      body: JSON.stringify({\n        paramsToSign,\n      }),\n      headers: {\n        'Content-Type': 'application/json'\n      }\n    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\n  }\n\n  /**\n   * Instance Methods\n   * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n   * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n   */\n\n  function invokeInstanceMethod<\n    TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n  >(\n    method: TMethod,\n    options: Parameters<\n      CloudinaryUploadWidgetInstanceMethods[TMethod]\n    > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n  ) {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    if (typeof widget?.current[method] === \"function\") {\n      return widget.current[method](...options);\n    }\n  }\n\n  function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n    invokeInstanceMethod('close', [options]);\n  }\n\n  function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n    return invokeInstanceMethod('destroy', [options]);\n  }\n\n  function hide() {\n    invokeInstanceMethod('hide');\n  }\n\n  function isDestroyed() {\n    return invokeInstanceMethod('isDestroyed');\n  }\n\n  function isMinimized() {\n    return invokeInstanceMethod('isMinimized');\n  }\n\n  function isShowing() {\n    return invokeInstanceMethod('isShowing');\n  }\n\n  function minimize() {\n    invokeInstanceMethod('minimize');\n  }\n\n  function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n    invokeInstanceMethod('open', [widgetSource, options]);\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  function show() {\n    invokeInstanceMethod('show');\n  }\n\n  function update() {\n    invokeInstanceMethod('update');\n  }\n\n  const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n    close,\n    destroy,\n    hide,\n    isDestroyed,\n    isMinimized,\n    isShowing,\n    minimize,\n    open,\n    show,\n    update,\n  }\n\n  /**\n   * createWidget\n   * @description Creates a new instance of the Cloudinary widget and stores in a ref\n   */\n\n  function createWidget() {\n    return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n      if ( uploadError && uploadError !== null ) {\n        setError(uploadError);\n\n        if ( typeof onError === 'function' ) {\n          onError(uploadError, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n\n      if ( typeof uploadResult?.event === 'string' ) {\n        if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n          setResults(uploadResult);\n        }\n\n        const widgetEvent = WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n        if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n          const callback = props[widgetEvent] as CldUploadEventCallback;\n          callback(uploadResult, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n    });\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        ...instanceMethods,\n      })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://upload-widget.cloudinary.com/global/all.js\"\n        onLoad={handleOnLoad}\n        onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n      />\n    </>\n  );\n};\n\nexport default CldUploadWidget;","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n  if ( window && 'requestIdleCallback' in window ) {\n    return requestIdleCallback(callback);\n  }\n  return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { parseUrl } from '@cloudinary-util/util';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo, CloudinaryVideoPlayerOptions, } from '@cloudinary-util/types';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { getCldVideoUrl } from '../../helpers/getCldVideoUrl';\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.10.4';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n  const {\n    autoplay,\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    language,\n    languages,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    poster,\n    src,\n    sourceTypes,\n    transformation,\n    quality = 'auto',\n    width,\n    ...otherCldVidPlayerOptions\n  } = props as CldVideoPlayerProps;\n\n  const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n  let publicId: string = src || \"\";\n\n\n  // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n  // to get the public ID alone\n\n  if ( publicId.startsWith('http') ) {\n    try {\n      const parts = parseUrl(src);\n      if ( typeof parts?.publicId === 'string' ) {\n        publicId = parts?.publicId;\n      }\n    } catch(e) {}\n  }\n\n  // Set default transformations for the player\n\n  playerTransformations.unshift({\n    quality\n  });\n\n  // Setup the refs and allow for the caller to pass through their\n  // own ref instance\n\n  const cloudinaryRef = useRef<any>();\n  const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n  const videoRef = props.videoRef || defaultVideoRef;\n  const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n  const playerRef = props.playerRef || defaultPlayerRef;\n\n  const playerId = id || `player-${publicId.replace('/', '-')}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\n  }\n\n  // Check if the same id is being used for multiple video instances.\n  const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n  if (checkForMultipleInstance) {\n    console.warn(`Multiple instances of the same video detected on the\n     page which may cause some features to not work.\n    Try adding a unique id to each player.`)\n  } else {\n    playerInstances.push(playerId)\n  }\n\n  const events: Record<string, Function|undefined> = {\n    error: onError,\n    loadeddata: onDataLoad,\n    loadedmetadata: onMetadataLoad,\n    pause: onPause,\n    play: onPlay,\n    ended: onEnded\n  };\n\n  /**\n   * handleEvent\n   * @description Event handler for all player events\n   */\n\n  function handleEvent(event: { type: 'string' }) {\n    const activeEvent = events[event.type];\n\n    if ( typeof activeEvent === 'function' ) {\n      activeEvent(getPlayerRefs());\n    }\n  }\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    if ( 'cloudinary' in window ) {\n      cloudinaryRef.current = window.cloudinary;\n      let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n      if ( typeof logo === 'boolean' ) {\n        logoOptions.showLogo = logo;\n      } else if ( typeof logo === 'object' ) {\n        logoOptions = {\n          ...logoOptions,\n          showLogo: true,\n          logoImageUrl: logo.imageUrl,\n          logoOnclickUrl: logo.onClickUrl\n        }\n      }\n\n      // Parse the value passed to 'autoplay';\n      // if its a boolean or a boolean passed as string (\"true\") set it directly to browser standard prop autoplay else fallback to default;\n      // if its a string and not a boolean passed as string (\"true\") set it to cloudinary video player autoplayMode prop else fallback to undefined;\n\n      let autoPlayValue: boolean | 'true' | 'false' = false;\n      let autoplayModeValue: string | undefined = undefined;\n\n      if (typeof autoplay === 'boolean' || autoplay === 'true' || autoplay === 'false') {\n        autoPlayValue = autoplay\n      }\n\n      if (typeof autoplay === 'string' && autoplay !== 'true' && autoplay !== 'false') {\n        autoplayModeValue = autoplay;\n      }\n\n\n      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoplayModeValue,\n        autoplay: autoPlayValue,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        language,\n        languages,\n        loop,\n        muted,\n        publicId,\n        transformation: playerTransformations,\n        ...logoOptions,\n        ...otherCldVidPlayerOptions\n      };\n\n      if ( Array.isArray(sourceTypes) ) {\n        playerOptions.sourceTypes = sourceTypes;\n      }\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\n      }\n\n      if ( typeof poster === 'string' ) {\n        // If poster is a string, assume it's either a public ID\n        // or a remote URL, in either case pass to `publicId`\n        playerOptions.posterOptions = {\n          publicId: poster\n        };\n      } else if ( typeof poster === 'object' ) {\n        // If poster is an object, we can either customize the\n        // automatically generated image from the video or generate\n        // a completely new image from a separate public ID, so look\n        // to see if the src is explicitly set to determine whether\n        // or not to use the video's ID or just pass things along\n        if ( typeof poster.src !== 'string' ) {\n          playerOptions.posterOptions = {\n            publicId: getCldVideoUrl({\n              ...poster,\n              src: publicId,\n              format: 'auto:image',\n            })\n          };\n        } else {\n          playerOptions.posterOptions = {\n            publicId: getCldImageUrl(poster)\n          };\n        }\n      }\n\n      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n      Object.keys(events).forEach((key) => {\n        if ( typeof events[key] === 'function' ) {\n          playerRef.current?.on(key, handleEvent);\n        }\n      });\n    }\n  }\n\n  useEffect(() => {\n\n    return () => {\n      //@ts-ignore\n      playerRef.current?.videojs.cloudinary.dispose();\n      playerInstances = playerInstances.filter((id) => id !== playerId)\n    }\n  }, []);\n\n  /**\n   *getPlayerRefs\n   */\n\n  function getPlayerRefs() {\n    return {\n      player: playerRef.current,\n      video: videoRef.current\n    }\n  }\n\n  return (\n    <>\n      <Head>\n        <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n      </Head>\n      <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.height}`}}>\n        <video\n          ref={videoRef}\n          id={playerId}\n          className={playerClassName}\n          width={width}\n          height={height}\n        />\n        <Script\n            id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n            src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n            onLoad={handleOnLoad}\n            onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CldVideoPlayer;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options: {\n      assetType: 'video',\n      ...options\n    },\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n"],"mappings":"ykBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,cAAAE,GAAA,eAAAC,GAAA,oBAAAC,GAAA,oBAAAC,EAAA,mBAAAC,GAAA,qBAAAC,GAAA,mBAAAC,EAAA,qBAAAC,EAAA,mBAAAC,KAAA,eAAAC,GAAAX,ICAA,IAAAY,EAAyE,oBACzEC,GAAkC,yBAClCC,GAAmC,iCACnCC,GAAsC,uCCKtC,eAAsBC,EAAuBC,EAA0D,CACrG,GAAM,CAAE,IAAAC,CAAI,EAAID,EAChB,GAAI,CACF,MAAM,IAAI,QAAQ,CAACE,EAASC,IAAW,CACrC,MAAMF,CAAG,EAAE,KAAKG,GAAO,CACrB,GAAK,CAACA,EAAI,GAAK,CACbD,EAAOC,CAAG,EACV,MACF,CACAF,EAAQE,CAAG,CACb,CAAC,CACH,CAAC,CACH,OAAQC,EAAQ,CAGd,OAAKA,EAAE,SAAW,KAChB,MAAM,IAAI,QAASH,GAAY,WAAW,IAAMA,EAAQ,MAAS,EAAG,GAAG,CAAC,EACjE,MAAMH,EAAuBC,CAAO,GAEtC,EACT,CACA,MAAO,EACT,CAEO,SAASM,EAAkBC,EAA+B,CAC/D,GAAI,CAACA,EACH,MAAM,IAAI,MAAM,oIAAoI,CAExJ,CCpCA,IAAAC,GAAuC,uCCAvC,IAAAC,GAAoB,gCCApB,IAAAC,GAAA,CACE,KAAQ,kBACR,QAAW,QACX,QAAW,MACX,KAAQ,kBACR,OAAU,mBACV,MAAS,oBACT,OAAU,eACV,QAAW,CACT,MAAS,OACT,IAAO,eACP,eAAkB,qDAClB,YAAe,iCACf,KAAQ,aACR,WAAY,6GACZ,aAAc,QAChB,EACA,aAAgB,CACd,yBAA0B,QAC1B,8BAA+B,QAC/B,wBAAyB,SACzB,wBAAyB,QAC3B,EACA,gBAAmB,CACjB,cAAe,UACf,oBAAqB,UACrB,cAAe,WACf,eAAgB,WAChB,mBAAoB,WACpB,OAAU,UACV,OAAU,SACV,KAAQ,SACR,WAAc,SACd,OAAU,QACZ,EACA,iBAAoB,CAClB,KAAQ,oBACR,MAAS,YACX,CACF,EDpCO,IAAMC,EAAuC,IACvCC,EAA+B,IAC/BC,EAAeC,GAAiB,GAAAC,QAAQ,OAAO,EAC/CC,GAA0BF,GAAiBG,GAAI,OAAO,EAEnE,SAASH,GAAiBI,EAAiB,CACzC,IAAIC,EAAaD,EACjB,OAAKC,EAAW,SAAS,GAAG,IAC1BA,EAAaA,EAAW,MAAM,GAAG,EAAE,CAAC,GAE/BA,CACT,CDAO,SAASC,EAAeC,EAAgCC,EAA+BC,EAAqC,CAEjI,IAAMC,EAAYF,GAAQ,OAAO,WAAa,QAAQ,IAAI,kCAC1D,OAAAG,EAAkBD,CAAS,KACpB,2BAAuB,CAC5B,QAAAH,EACA,OAAQ,OAAO,OAAO,CACpB,MAAO,CACL,UAAWG,CACb,CACF,EAAGF,CAAM,EACT,UAAW,OAAO,OAAO,CACvB,QAASI,EACT,QAASC,EACT,UAAWC,GACX,YAAaC,EACb,QAAS,EACX,EAAGN,CAAS,CACd,CAAC,CACH,CGdO,SAASO,GAAiB,CAAE,cAAAC,EAAe,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAY,CAAC,CAAE,EAAqB,CAC5G,IAAMC,EAAU,CACd,GAAGH,EACH,GAAGC,CACL,EAUA,GARAE,EAAQ,MAAQ,OAAOA,EAAQ,OAAU,SAAW,SAASA,EAAQ,KAAK,EAAIA,EAAQ,MACtFA,EAAQ,OAAS,OAAOA,EAAQ,QAAW,SAAW,SAASA,EAAQ,MAAM,EAAIA,EAAQ,OAOpF,OAAOJ,GAAe,OAAU,UAAY,OAAOI,EAAQ,OAAU,UAAYJ,EAAc,QAAUI,EAAQ,MAAQ,CAC5H,IAAMC,EAAaL,EAAc,MAAQI,EAAQ,MAEjDA,EAAQ,MAAQJ,EAAc,MAOzB,OAAOI,EAAQ,QAAW,WAC7BA,EAAQ,OAAS,KAAK,MAAMA,EAAQ,OAASC,CAAU,EAE3D,MAAY,OAAOL,GAAe,OAAU,UAAY,OAAOI,GAAS,OAAU,WAMhFA,EAAQ,MAAQJ,GAAe,OAIjC,OAAOM,EAAeF,EAASD,CAAS,CAC1C,CLvCA,IAAMI,MAAW,cAA4C,SAAkBC,EAAOC,EAAK,CACzF,IAAIC,EAAiB,GAEfC,EAAc,CAClB,eACA,0BACA,wBACA,WACF,EAEA,yBAAsB,QAAQ,CAAC,CAAE,MAAAH,CAAM,IAA0C,CAC3D,OAAO,KAAKA,CAAK,EACzB,QAAQI,GAAQ,CAC1B,GAAKD,EAAY,SAASC,CAAI,EAC5B,MAAM,IAAI,MAAM,UAAUA,CAAI,kBAAkB,EAElDD,EAAY,KAAKC,CAAI,CACvB,CAAC,CACH,CAAC,EAID,IAAMC,EAAyB,CAC7B,IAAKL,EAAM,IACX,IAAKA,EAAM,GACb,EAEC,OAAO,KAAKA,CAAK,EACf,OAAOM,GAAO,OAAOA,GAAQ,UAAY,CAACH,EAAY,SAASG,CAAG,CAAC,EACnE,QAAQA,GAAOD,EAAWC,CAAuB,EAAIN,EAAMM,CAAG,CAAC,EAElE,IAAMC,EAAiB,OAAO,KAAKF,CAAU,EAAqC,IAAIC,GAAO,GAAGA,CAAG,IAAID,EAAWC,CAAG,CAAC,EAAE,EAAE,KAAK,GAAG,EAC5H,CAACE,EAAQC,CAAS,KAAI,YAASF,CAAa,EAM5CG,EAAyB,CAAC,EAahC,GAXAP,EAAY,QAASG,GAAQ,CAC3B,IAAMF,EAAOJ,EAAMM,CAAyB,EACvCF,IACHM,EAAWJ,CAAuB,EAAIF,GAAQ,OAElD,CAAC,EAMGJ,EAAM,wBACR,GAAI,CACF,IAAMW,KAAkB,uBAAmBX,EAAM,GAAG,EAAE,IAAIY,GAAKA,EAAE,KAAK,GAAG,CAAC,EAC1EF,EAAW,mBAAqB,CAAC,GAAGC,EAAgB,KAAK,EAAG,GAAIX,EAAM,oBAAsB,CAAC,CAAE,CACjG,OAAQa,EAAG,CACT,QAAQ,KAAK,uCAAwCA,EAAY,OAAO,EAAE,CAC5E,CASF,IAAMC,EAA4C,QAAQ,IAAI,mBAAqB,CAAC,GAE/Ed,EAAM,cAAgB,IAAQc,GAAe,cAAgB,MAChET,EAAW,IAAMU,EAAe,CAC9B,GAAGL,EACH,MAAOL,EAAW,MAClB,OAAQA,EAAW,OACnB,IAAKA,EAAW,IAChB,OAAQ,UACR,QAAS,SACX,EAAGL,EAAM,MAAM,GAOjB,eAAegB,EAAQC,EAAkD,CACvE,IAAIC,EAAe,GASnB,GAAKhB,EAAiB,OAItB,GAFAA,EAAiB,GAEZ,OAAOF,EAAM,SAAY,WAAa,CACzC,IAAMmB,EAAgBnB,EAAM,QAAQiB,CAAO,EAEtC,OAAOE,GAAkB,WAAaA,IAAkB,KAC3DD,EAAe,GAEnB,MAAY,OAAOlB,EAAM,SAAY,WAAaA,EAAM,UAAY,KAClEkB,EAAe,IAMjB,GAAKA,IAAiB,GAAQ,OAE9B,IAAME,EAAQH,EAAQ,OACP,MAAMI,EAAuB,CAAE,IAAKD,EAAM,GAAI,CAAC,GAG5DX,EAAU,GAAGF,CAAa,IAAI,KAAK,IAAI,CAAC,EAAE,CAE9C,CAEA,IAAMe,KAAgB,eAAYN,EAAS,CAACK,EAAwBd,CAAa,CAAC,EAM9EgB,EAAgB,GAAAC,QAEpB,MAAI,YAAaD,IACfA,EAAiBA,EAAuD,SAIxE,EAAAE,QAAA,cAACF,EAAA,CACC,IAAKf,EACJ,GAAGH,EACJ,OAASqB,GAAkBC,GAAiB,CAAE,cAAAD,EAAe,WAAArB,EAAY,WAAAK,EAAY,UAAWV,EAAM,MAAO,CAAC,EAC9G,QAASsB,EACT,IAAKrB,EACP,CAEJ,CAAC,EAEM2B,GAAQ7B,GMjKf,IAAA8B,EAAkB,oBAClBC,GAAiB,wBCUV,SAASC,EAAiBC,EAAkC,CACjE,OAAOC,EAAe,CACpB,GAAGD,EACH,OAAQA,EAAQ,QAAU,MAC1B,MAAOA,EAAQ,OAAS,KACxB,OAAQA,EAAQ,QAAU,IAC1B,KAAMA,EAAQ,MAAQ,CACpB,KAAM,OACN,QAAS,SACT,OAAQ,EACV,CACF,CAAC,CACH,CDhBA,IAAME,GAAe,sBAQfC,GAAa,CAAC,CAAE,YAAAC,EAAc,CAAC,EAAG,aAAAC,EAAc,KAAAC,EAAO,CAAC,EAAG,GAAGC,CAAM,IAAuB,CAC/F,GAAM,CAAE,IAAAC,CAAI,EAAID,EAMZ,CACF,MAAAE,EAAQ,KACR,OAAAC,EAAS,GACX,EAAIH,EAIJE,EAAQ,OAAOA,GAAU,SAAW,SAASA,CAAK,EAAIA,EACtDC,EAAS,OAAOA,GAAW,SAAW,SAASA,CAAM,EAAIA,EAMzD,IAAMC,EAAaC,EAAiB,CAClC,GAAGL,EACH,MAAAE,EACA,OAAAC,CACF,CAAC,EAEKG,EAAkBD,EAAiB,CACvC,GAAGL,EACH,MAAAE,EACA,OAAAC,EACA,OAAQH,EAAM,QAAU,MAC1B,CAAC,EAEKO,EAAW,CACf,WAAY,WACZ,sBAAuB,qBACvB,iBAAkB,iBAClB,kBAAmB,kBACnB,eAAgB,eAChB,gBAAiB,gBACjB,eAAgB,eAChB,gBAAiB,gBACjB,GAAGR,CACL,EAKE,OACA,EAAAS,QAAA,cAAC,GAAAC,QAAA,KACC,EAAAD,QAAA,cAAC,QAAK,IAAKD,EAAS,UAAU,EAAG,SAAS,WAAW,QAASH,EAAY,EAC1E,EAAAI,QAAA,cAAC,QAAK,IAAKD,EAAS,qBAAqB,EAAG,SAAS,sBAAsB,QAASH,EAAY,EAChG,EAAAI,QAAA,cAAC,QAAK,IAAKD,EAAS,gBAAgB,EAAG,SAAS,iBAAiB,QAAS,GAAGL,CAAK,GAAI,EACtF,EAAAM,QAAA,cAAC,QAAK,IAAKD,EAAS,iBAAiB,EAAG,SAAS,kBAAkB,QAAS,GAAGJ,CAAM,GAAI,EAExFF,GACC,EAAAO,QAAA,cAAC,QAAK,IAAKD,EAAS,cAAc,EAAG,SAAS,eAAe,QAASN,EAAK,EAM5E,CAACJ,EAAY,SAAS,eAAe,GACpC,EAAAW,QAAA,cAAC,QAAK,IAAKD,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAAST,GAAgB,IAAK,EAG/F,EAAAU,QAAA,cAAC,QAAK,IAAKD,EAAS,cAAc,EAAG,SAAS,eAAe,QAASZ,GAAc,EACpF,EAAAa,QAAA,cAAC,QAAK,IAAKD,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASD,EAAiB,CAC3F,CAEJ,EAEOI,GAAQd,GExFf,IAAAe,EAAkB,oBCAlB,IAAAC,EAAmD,oBACnDC,GAAmB,0BCIZ,SAASC,GAAcC,EAAe,CAC3C,OAAK,QAAU,wBAAyB,OAC/B,oBAAoBA,CAAQ,EAE9B,WAAW,IAAMA,EAAS,EAAG,CAAC,CACvC,CDaA,IAAMC,GAAwB,CAC5B,SACF,EAEMC,GAA2C,CAC/C,MAAS,UACT,kBAAmB,mBACnB,MAAS,UACT,kBAAmB,mBACnB,SAAY,aACZ,aAAc,cACd,eAAgB,gBAChB,MAAS,UACT,iBAAkB,kBAClB,iBAAkB,kBAClB,QAAW,YACX,KAAQ,SACR,eAAgB,eAClB,EAEMC,GAAkB,CAAC,CACvB,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,IAAMC,KAAgD,UAAO,EACvDC,KAAwC,UAAO,EAE/CC,EAAS,CAAC,CAACL,EAEX,CAACM,EAAOC,CAAQ,KAAI,YAAkD,MAAS,EAC/E,CAACC,EAASC,CAAU,KAAI,YAAoD,MAAS,EACrF,CAACC,EAAiBC,CAAkB,KAAI,YAAS,EAAI,EAOrDC,EAAgB,CACpB,UAAW,QAAQ,IAAI,kCACvB,aAAcX,GAAgB,QAAQ,IAAI,qCAC1C,OAAQ,QAAQ,IAAI,+BACpB,GAAGF,CACL,EAGAc,EAAkB,QAAQ,IAAI,iCAAiC,EAE1DR,IACHO,EAAc,gBAAkBE,EAE3BF,EAAc,QACjB,QAAQ,KAAK,uDAAuD,MAMxE,aAAU,IAAM,CACd,GAAK,OAAOJ,EAAY,IAAc,OAEpBA,EAAQ,QAAU,WAElB,OAAOV,GAAa,aAC/B,QAAQ,IAAI,mBAAqB,eACpC,QAAQ,KAAK,oEAAoE,EAEnFA,EAASU,EAASJ,EAAO,OAAO,EAEpC,EAAG,CAACI,CAAO,CAAC,EAOZ,SAASO,GAAe,CACtBJ,EAAmB,EAAK,EAElBR,EAAW,UACfA,EAAW,QAAW,OAAe,YAMvCa,GAAc,IAAM,CACZZ,EAAO,UACXA,EAAO,QAAUa,EAAa,EAElC,CAAC,CACH,IAEA,aAAU,IACD,IAAM,CACXb,EAAO,SAAS,QAAQ,EACxBA,EAAO,QAAU,MACnB,EACC,CAAC,CAAC,EAOL,SAASU,EAAkBI,EAAoBC,EAAsB,CACnE,GAAK,OAAOnB,EAAsB,IAChC,MAAM,MAAM,4DAA4D,EAE1E,MAAMA,EAAmB,CACvB,OAAQ,OACR,KAAM,KAAK,UAAU,CACnB,aAAAmB,CACF,CAAC,EACD,QAAS,CACP,eAAgB,kBAClB,CACF,CAAC,EACE,KAAMC,GAAMA,EAAE,KAAK,CAAC,EACpB,KAAK,CAAC,CAAE,UAAAC,CAAU,IAAM,CACvBH,EAASG,CAAS,CACpB,CAAC,CACL,CAQA,SAASC,EAGPC,EACAxB,EAEI,CAAC,EACL,CAKA,GAJKK,EAAO,UACVA,EAAO,QAAUa,EAAa,GAG5B,OAAOb,GAAQ,QAAQmB,CAAM,GAAM,WACrC,OAAOnB,EAAO,QAAQmB,CAAM,EAAE,GAAGxB,CAAO,CAE5C,CAEA,SAASyB,EAAMzB,EAA4D,CACzEuB,EAAqB,QAAS,CAACvB,CAAO,CAAC,CACzC,CAEA,SAAS0B,EAAQ1B,EAA8D,CAC7E,OAAOuB,EAAqB,UAAW,CAACvB,CAAO,CAAC,CAClD,CAEA,SAAS2B,GAAO,CACdJ,EAAqB,MAAM,CAC7B,CAEA,SAASK,GAAc,CACrB,OAAOL,EAAqB,aAAa,CAC3C,CAEA,SAASM,GAAc,CACrB,OAAON,EAAqB,aAAa,CAC3C,CAEA,SAASO,GAAY,CACnB,OAAOP,EAAqB,WAAW,CACzC,CAEA,SAASQ,GAAW,CAClBR,EAAqB,UAAU,CACjC,CAEA,SAASS,EAAKC,EAA8CjC,EAA2D,CACrHuB,EAAqB,OAAQ,CAACU,EAAcjC,CAAO,CAAC,EAE/C,OAAOF,GAAW,YACrBA,EAAOO,EAAO,OAAO,CAEzB,CAEA,SAAS6B,IAAO,CACdX,EAAqB,MAAM,CAC7B,CAEA,SAASY,GAAS,CAChBZ,EAAqB,QAAQ,CAC/B,CAEA,IAAMa,EAAyD,CAC7D,MAAAX,EACA,QAAAC,EACA,KAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,KAAAE,GACA,OAAAC,CACF,EAOA,SAASjB,GAAe,CACtB,OAAOd,EAAW,SAAS,mBAAmBS,EAAe,CAACwB,EAA0CC,IAAgD,CAYtJ,GAXKD,GAAeA,IAAgB,OAClC7B,EAAS6B,CAAW,EAEf,OAAOxC,GAAY,YACtBA,EAAQwC,EAAa,CACnB,OAAQhC,EAAO,QACf,GAAG+B,CACL,CAAC,GAIA,OAAOE,GAAc,OAAU,SAAW,CACxC7C,GAAsB,SAAS6C,GAAc,KAAK,GACrD5B,EAAW4B,CAAY,EAGzB,IAAMC,EAAc7C,GAAc4C,EAAa,KAAK,EAEpD,GAAK,OAAOC,GAAgB,UAAY,OAAOpC,EAAMoC,CAAW,GAAM,WAAa,CACjF,IAAMpB,EAAWhB,EAAMoC,CAAW,EAClCpB,EAASmB,EAAc,CACrB,OAAQjC,EAAO,QACf,GAAG+B,CACL,CAAC,CACH,CACF,CACF,CAAC,CACH,CAEA,OACE,EAAAI,QAAA,gBAAAA,QAAA,cACG,OAAO5C,GAAa,YAAcA,EAAS,CAC1C,WAAYQ,EAAW,QACvB,OAAQC,EAAO,QACf,QAAAI,EACA,MAAAF,EACA,UAAWI,EACX,GAAGyB,CACL,CAAC,EACD,EAAAI,QAAA,cAAC,GAAAC,QAAA,CACC,GAAI,2BAA2B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,CAAC,GAC9D,IAAI,qDACJ,OAAQzB,EACR,QAAU0B,GAAM,QAAQ,MAAM,4CAA4CA,EAAE,OAAO,EAAE,EACvF,CACF,CAEJ,EAEOC,EAAQhD,GDxRf,IAAMiD,GAAkB,CAAC,CACvB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,OAAAC,EACA,cAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAGI,EAAAC,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,cAACC,EAAA,CACC,QAASrB,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,EACT,iBAAkBC,EAClB,QAASC,EACT,iBAAkBC,EAClB,WAAYC,EACZ,YAAaC,EACb,cAAeC,EACf,QAASC,EACT,gBAAiBC,EACjB,gBAAiBC,EACjB,UAAWC,EACX,OAAQC,EACR,cAAeC,EACf,QAASC,EACT,kBAAmBC,EACnB,aAAcC,GAEb,CAAC,CAAE,KAAAI,EAAM,UAAAC,CAAU,IAAM,CACxB,SAASC,EAAcC,EAAoD,CACzEA,EAAE,eAAe,EAEjBH,EAAK,EAEA,OAAOvB,GAAY,YACtBA,EAAQ0B,CAAC,CAEb,CACA,OACE,EAAAL,QAAA,cAAC,UAAQ,GAAGD,EAAO,UAAWtB,GAAa,GAAI,QAAS2B,EAAe,SAAUD,GAC9EzB,GAAY,QACf,CAEJ,CACF,CACF,EAIG4B,GAAQ9B,GG/Ef,IAAA+B,EAAyD,oBACzDC,GAAmB,0BACnBC,GAAiB,wBACjBC,GAAyB,iCCHzB,IAAAC,GAAuC,uCAchC,SAASC,GAAeC,EAAgCC,EAA+BC,EAAqC,CAEjI,IAAMC,EAAYF,GAAQ,OAAO,WAAa,QAAQ,IAAI,kCAC1D,OAAAG,EAAkBD,CAAS,KACpB,2BAAuB,CAC5B,QAAS,CACP,UAAW,QACX,GAAGH,CACL,EACA,OAAQ,OAAO,OAAO,CACpB,MAAO,CACL,UAAWG,CACb,CACF,EAAGF,CAAM,EACT,UAAW,OAAO,OAAO,CACvB,QAASI,EACT,QAASC,EACT,UAAWC,GACX,YAAaC,EACb,QAAS,EACX,EAAGN,CAAS,CACd,CAAC,CACH,CDxBA,IAAIO,GAA4B,CAAC,EAE3BC,GAAiB,SAEjBC,GAAkBC,GAA+B,CAErD,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,GACP,KAAAC,EAAO,GACP,MAAAC,EAAQ,GACR,WAAAC,EACA,QAAAC,EACA,eAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,IAAAC,EACA,YAAAC,EACA,eAAAC,EACA,QAAAC,EAAU,OACV,MAAAC,EACA,GAAGC,CACL,EAAIzB,EAEE0B,EAAwB,MAAM,QAAQJ,CAAc,EAAIA,EAAiB,CAACA,CAAc,EAC1FK,EAAmBP,GAAO,GAM9B,GAAKO,EAAS,WAAW,MAAM,EAC7B,GAAI,CACF,IAAMC,KAAQ,aAASR,CAAG,EACrB,OAAOQ,GAAO,UAAa,WAC9BD,EAAWC,GAAO,SAEtB,MAAW,CAAC,CAKdF,EAAsB,QAAQ,CAC5B,QAAAH,CACF,CAAC,EAKD,IAAMM,KAAgB,UAAY,EAC5BC,MAAkB,UAAO,EACzBC,EAAW/B,EAAM,UAAY8B,GAC7BE,KAAmB,UAAO,EAC1BC,EAAYjC,EAAM,WAAagC,EAE/BE,EAAW3B,GAAM,UAAUoB,EAAS,QAAQ,IAAK,GAAG,CAAC,GACvDQ,EAAkB,6BAEjBjC,IACHiC,EAAkB,GAAGA,CAAe,IAAIjC,CAAS,IAIlBL,GAAgB,OAAQU,GAAOA,IAAO2B,CAAQ,EAAE,OAAS,EAExF,QAAQ,KAAK;AAAA;AAAA,2CAE0B,EAEvCrC,GAAgB,KAAKqC,CAAQ,EAG/B,IAAME,EAA6C,CACjD,MAAOtB,EACP,WAAYD,EACZ,eAAgBE,EAChB,MAAOC,EACP,KAAMC,EACN,MAAOC,CACT,EAOA,SAASmB,GAAYC,EAA2B,CAC9C,IAAMC,EAAcH,EAAOE,EAAM,IAAI,EAEhC,OAAOC,GAAgB,YAC1BA,EAAYC,GAAc,CAAC,CAE/B,CAGAC,EAAkB,QAAQ,IAAI,iCAAiC,EAO/D,SAASC,IAAe,CACtB,GAAK,eAAgB,OAAS,CAC5Bb,EAAc,QAAU,OAAO,WAC/B,IAAIc,EAAgD,CAAC,EAEhD,OAAOjC,GAAS,UACnBiC,EAAY,SAAWjC,EACb,OAAOA,GAAS,WAC1BiC,EAAc,CACZ,GAAGA,EACH,SAAU,GACV,aAAcjC,EAAK,SACnB,eAAgBA,EAAK,UACvB,GAOF,IAAIkC,EAA4C,GAC5CC,IAEA,OAAO5C,GAAa,WAAaA,IAAa,QAAUA,IAAa,WACvE2C,EAAgB3C,GAGd,OAAOA,GAAa,UAAYA,IAAa,QAAUA,IAAa,UACtE4C,GAAoB5C,GAItB,IAAI6C,EAA8C,CAChD,aAAcD,GACd,SAAUD,EACV,WAAY,QAAQ,IAAI,kCACxB,SAAAxC,EACA,SAAUC,GAAY,GACtB,SAAAG,EACA,UAAAC,EACA,KAAAE,EACA,MAAAC,EACA,SAAAe,EACA,eAAgBD,EAChB,GAAGiB,EACH,GAAGlB,CACL,EAEK,MAAM,QAAQJ,CAAW,IAC5ByB,EAAc,YAAczB,GAGzB,OAAOlB,GAAW,WACrB2C,EAAc,OAAS3C,GAGpB,OAAOgB,GAAW,SAGrB2B,EAAc,cAAgB,CAC5B,SAAU3B,CACZ,EACU,OAAOA,GAAW,WAMvB,OAAOA,EAAO,KAAQ,SACzB2B,EAAc,cAAgB,CAC5B,SAAUC,GAAe,CACvB,GAAG5B,EACH,IAAKQ,EACL,OAAQ,YACV,CAAC,CACH,EAEAmB,EAAc,cAAgB,CAC5B,SAAUE,EAAe7B,CAAM,CACjC,GAIJc,EAAU,QAAUJ,EAAc,QAAQ,YAAYE,EAAS,QAASe,CAAa,EAErF,OAAO,KAAKV,CAAM,EAAE,QAASa,IAAQ,CAC9B,OAAOb,EAAOa,EAAG,GAAM,YAC1BhB,EAAU,SAAS,GAAGgB,GAAKZ,EAAW,CAE1C,CAAC,CACH,CACF,IAEA,aAAU,IAED,IAAM,CAEXJ,EAAU,SAAS,QAAQ,WAAW,QAAQ,EAC9CpC,GAAkBA,GAAgB,OAAQU,GAAOA,IAAO2B,CAAQ,CAClE,EACC,CAAC,CAAC,EAML,SAASM,IAAgB,CACvB,MAAO,CACL,OAAQP,EAAU,QAClB,MAAOF,EAAS,OAClB,CACF,CAEA,OACE,EAAAmB,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,cAAC,GAAAC,QAAA,KACC,EAAAD,QAAA,cAAC,QAAK,KAAM,6CAA6CpD,EAAc,iCAAkC,IAAI,aAAa,CAC5H,EACA,EAAAoD,QAAA,cAAC,OAAI,MAAO,CAAE,MAAO,OAAQ,YAAa,GAAGlD,EAAM,KAAK,MAAMA,EAAM,MAAM,EAAE,GAC1E,EAAAkD,QAAA,cAAC,SACC,IAAKnB,EACL,GAAIG,EACJ,UAAWC,EACX,MAAOX,EACP,OAAQlB,EACV,EACA,EAAA4C,QAAA,cAAC,GAAAE,QAAA,CACG,GAAI,0BAA0BlB,CAAQ,IAAI,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,CAAC,GACzE,IAAK,6CAA6CpC,EAAc,gCAChE,OAAQ4C,GACR,QAAUW,GAAM,QAAQ,MAAM,2CAA2CA,EAAE,OAAO,EAAE,EACxF,CACF,CACF,CAEJ,EAEOC,GAAQvD","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","getCldVideoUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","checkForCloudName","cloudName","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCldImageUrl","options","config","analytics","cloudName","checkForCloudName","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","ref","hasThrownError","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","checkForCloudName","generateSignature","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","uploadError","uploadResult","widgetEvent","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","import_util","import_url_loader","getCldVideoUrl","options","config","analytics","cloudName","checkForCloudName","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","autoplay","className","colors","controls","fontFace","height","id","language","languages","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","poster","src","sourceTypes","transformation","quality","width","otherCldVidPlayerOptions","playerTransformations","publicId","parts","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","checkForCloudName","handleOnLoad","logoOptions","autoPlayValue","autoplayModeValue","playerOptions","getCldVideoUrl","getCldImageUrl","key","React","Head","Script","e","CldVideoPlayer_default"]}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import _e,{useState as we,useCallback as Ne,forwardRef as Te}from"react";import Le from"next/image";import{getTransformations as Ae}from"@cloudinary-util/util";import{transformationPlugins as xe}from"@cloudinary-util/url-loader";async function X(t){let{src:e}=t;try{await new Promise((l,n)=>{fetch(e).then(o=>{if(!o.ok){n(o);return}l(o)})})}catch(l){return l.status===423?(await new Promise(n=>setTimeout(()=>n(void 0),200)),await X(t)):!1}return!0}function w(t){if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.")}import{constructCloudinaryUrl as Pe}from"@cloudinary-util/url-loader";import Ee from"next/package.json";var le={name:"next-cloudinary",version:"6.1.0",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.0","@cloudinary-util/url-loader":"5.1.0","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var B="A",F="V",$=se(Ee.version),H=se(le.version);function se(t){let e=t;return e.includes("-")&&(e=e.split("-")[0]),e}function O(t,e,l){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return w(n),Pe({options:t,config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:B,sdkCode:F,sdkSemver:H,techVersion:$,feature:""},l)})}function Z({loaderOptions:t,imageProps:e,cldOptions:l,cldConfig:n={}}){let o={...e,...l};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof t?.width=="number"&&typeof o.width=="number"&&t.width!==o.width){let a=t.width/o.width;o.width=t.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*a))}else typeof t?.width=="number"&&typeof o?.width!="number"&&(o.width=t?.width);return O(o,n)}var be=Te(function(e,l){let n=!1,o=["deliveryType","preserveTransformations","strictTransformations","assetType"];xe.forEach(({props:i})=>{Object.keys(i).forEach(I=>{if(o.includes(I))throw new Error(`Option ${I} already exists!`);o.push(I)})});let a={alt:e.alt,src:e.src};Object.keys(e).filter(i=>typeof i=="string"&&!o.includes(i)).forEach(i=>a[i]=e[i]);let s=Object.keys(a).map(i=>`${i}:${a[i]}`).join(";"),[y,f]=we(s),r={};if(o.forEach(i=>{let c=e[i];c&&(r[i]=c||void 0)}),e.preserveTransformations)try{let i=Ae(e.src).map(c=>c.join(","));r.rawTransformations=[...i.flat(),...e.rawTransformations||[]]}catch(i){console.warn(`Failed to preserve transformations: ${i.message}`)}let C=process.env.__NEXT_IMAGE_OPTS||{};(e.unoptimized===!0||C?.unoptimized===!0)&&(a.src=O({...r,width:a.width,height:a.height,src:a.src,format:"default",quality:"default"},e.config));async function N(i){let c=!0;if(n)return;if(n=!0,typeof e.onError=="function"){let P=e.onError(i);typeof P=="boolean"&&P===!1&&(c=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(c=!1);if(c===!1)return;let I=i.target;await X({src:I.src})&&f(`${s};${Date.now()}`)}let T=Ne(N,[X,s]),m=Le;return"default"in m&&(m=m.default),_e.createElement(m,{key:y,...a,loader:i=>Z({loaderOptions:i,imageProps:a,cldOptions:r,cldConfig:e.config}),onError:T,ref:l})}),pe=be;import U from"react";import Me from"next/head";function z(t){return O({...t,format:t.format||"jpg",width:t.width||1200,height:t.height||627,crop:t.crop||{type:"fill",gravity:"center",source:!0}})}var ve="summary_large_image",De=({excludeTags:t=[],twitterTitle:e,keys:l={},...n})=>{let{alt:o}=n,{width:a=1200,height:s=627}=n;a=typeof a=="string"?parseInt(a):a,s=typeof s=="string"?parseInt(s):s;let y=z({...n,width:a,height:s}),f=z({...n,width:a,height:s,format:n.format||"webp"}),r={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...l};return U.createElement(Me,null,U.createElement("meta",{key:r["og:image"],property:"og:image",content:y}),U.createElement("meta",{key:r["og:image:secure_url"],property:"og:image:secure_url",content:y}),U.createElement("meta",{key:r["og:image:width"],property:"og:image:width",content:`${a}`}),U.createElement("meta",{key:r["og:image:height"],property:"og:image:height",content:`${s}`}),o&&U.createElement("meta",{key:r["og:image:alt"],property:"og:image:alt",content:o}),!t.includes("twitter:title")&&U.createElement("meta",{key:r["twitter:title"],property:"twitter:title",content:e||" "}),U.createElement("meta",{key:r["twitter:card"],property:"twitter:card",content:ve}),U.createElement("meta",{key:r["twitter:image"],property:"twitter:image",content:f}))},ce=De;import K from"react";import oe,{useState as re,useEffect as ge,useRef as me}from"react";import We from"next/script";function ue(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var Ve=["success"],Se={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},ke=({children:t,onError:e,onOpen:l,onUpload:n,options:o,signatureEndpoint:a,uploadPreset:s,...y})=>{let f=me(),r=me(),C=!!a,[N,T]=re(void 0),[m,i]=re(void 0),[c,I]=re(!0),E={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:s||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...o};w(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME),C&&(E.uploadSignature=h,E.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ge(()=>{if(typeof m>"u")return;m.event==="success"&&typeof n=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),n(m,r.current))},[m]);function P(){I(!1),f.current||(f.current=window.cloudinary),ue(()=>{r.current||(r.current=b())})}ge(()=>()=>{r.current?.destroy(),r.current=void 0},[]);function h(d,g){if(typeof a>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(a,{method:"POST",body:JSON.stringify({paramsToSign:g}),headers:{"Content-Type":"application/json"}}).then(_=>_.json()).then(({signature:_})=>{d(_)})}function u(d,g=[]){if(r.current||(r.current=b()),typeof r?.current[d]=="function")return r.current[d](...g)}function v(d){u("close",[d])}function L(d){return u("destroy",[d])}function W(){u("hide")}function V(){return u("isDestroyed")}function S(){return u("isMinimized")}function A(){return u("isShowing")}function x(){u("minimize")}function Y(d,g){u("open",[d,g]),typeof l=="function"&&l(r.current)}function J(){u("show")}function k(){u("update")}let G={close:v,destroy:L,hide:W,isDestroyed:V,isMinimized:S,isShowing:A,minimize:x,open:Y,show:J,update:k};function b(){return f.current?.createUploadWidget(E,(d,g)=>{if(d&&d!==null&&(T(d),typeof e=="function"&&e(d,{widget:r.current,...G})),typeof g?.event=="string"){Ve.includes(g?.event)&&i(g);let _=Se[g.event];if(typeof _=="string"&&typeof y[_]=="function"){let R=y[_];R(g,{widget:r.current,...G})}}})}return oe.createElement(oe.Fragment,null,typeof t=="function"&&t({cloudinary:f.current,widget:r.current,results:m,error:N,isLoading:c,...G}),oe.createElement(We,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:P,onError:d=>console.error(`Failed to load Cloudinary Upload Widget: ${d.message}`)}))},q=ke;var Ge=({className:t,children:e,onClick:l,onError:n,onOpen:o,onUpload:a,onAbort:s,onBatchCancelled:y,onClose:f,onDisplayChanged:r,onPublicId:C,onQueuesEnd:N,onQueuesStart:T,onRetry:m,onShowCompleted:i,onSourceChanged:c,onSuccess:I,onTags:E,onUploadAdded:P,options:h,signatureEndpoint:u,uploadPreset:v,...L})=>K.createElement(K.Fragment,null,K.createElement(q,{onError:n,onOpen:o,onUpload:a,onAbort:s,onBatchCancelled:y,onClose:f,onDisplayChanged:r,onPublicId:C,onQueuesEnd:N,onQueuesStart:T,onRetry:m,onShowCompleted:i,onSourceChanged:c,onSuccess:I,onTags:E,onUploadAdded:P,options:h,signatureEndpoint:u,uploadPreset:v},({open:W,isLoading:V})=>{function S(A){A.preventDefault(),W(),typeof l=="function"&&l(A)}return K.createElement("button",{...L,className:t||"",onClick:S,disabled:V},e||"Upload")})),fe=Ge;import M,{useRef as ie,useEffect as je}from"react";import Ye from"next/script";import Xe from"next/head";import{parseUrl as Be}from"@cloudinary-util/util";import{constructCloudinaryUrl as Re}from"@cloudinary-util/url-loader";function ne(t,e,l){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return w(n),Re({options:{assetType:"video",...t},config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:B,sdkCode:F,sdkSemver:H,techVersion:$,feature:""},l)})}var Q=[],ye="1.10.4",Fe=t=>{let{autoplay:e,className:l,colors:n,controls:o=!0,fontFace:a,height:s,id:y,language:f,languages:r,logo:C=!0,loop:N=!1,muted:T=!1,onDataLoad:m,onError:i,onMetadataLoad:c,onPause:I,onPlay:E,onEnded:P,poster:h,src:u,sourceTypes:v,transformation:L,quality:W="auto",width:V,...S}=t,A=Array.isArray(L)?L:[L],x=u||"";if(x.startsWith("http"))try{let p=Be(u);typeof p?.publicId=="string"&&(x=p?.publicId)}catch{}A.unshift({quality:W});let Y=ie(),J=ie(),k=t.videoRef||J,G=ie(),b=t.playerRef||G,d=y||`player-${x.replace("/","-")}`,g="cld-video-player cld-fluid";l&&(g=`${g} ${l}`),Q.filter(p=>p===d).length>1?console.warn(`Multiple instances of the same video detected on the
+import _e,{useState as we,useCallback as Ne,forwardRef as Te}from"react";import Le from"next/image";import{getTransformations as Ae}from"@cloudinary-util/util";import{transformationPlugins as xe}from"@cloudinary-util/url-loader";async function X(t){let{src:e}=t;try{await new Promise((l,n)=>{fetch(e).then(o=>{if(!o.ok){n(o);return}l(o)})})}catch(l){return l.status===423?(await new Promise(n=>setTimeout(()=>n(void 0),200)),await X(t)):!1}return!0}function w(t){if(!t)throw new Error("A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.")}import{constructCloudinaryUrl as Pe}from"@cloudinary-util/url-loader";import Ee from"next/package.json";var le={name:"next-cloudinary",version:"6.1.1",license:"MIT",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup",dev:"tsup --watch",prepublishOnly:"cp ../README.md . && cp ../LICENSE . && pnpm build",postpublish:"rm ./README.md && rm ./LICENSE",test:"vitest run","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" pnpm build && cd tests/nextjs-app && npm install && npm run build',"test:watch":"vitest"},dependencies:{"@cloudinary-util/types":"1.0.0","@cloudinary-util/url-loader":"5.1.1","@cloudinary-util/util":"^3.0.0","@tsconfig/recommended":"^1.0.3"},devDependencies:{"@babel/core":"^7.23.2","@babel/preset-env":"^7.23.2","@types/node":"^20.11.5","@types/react":"^18.2.33","@types/react-dom":"^18.2.14",dotenv:"^16.3.1",mkdirp:"^3.0.1",tsup:"^7.2.0",typescript:"^5.2.2",vitest:"^1.3.1"},peerDependencies:{next:"^12 || ^13 || ^14",react:"^17 || ^18"}};var B="A",F="V",$=se(Ee.version),H=se(le.version);function se(t){let e=t;return e.includes("-")&&(e=e.split("-")[0]),e}function O(t,e,l){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return w(n),Pe({options:t,config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:B,sdkCode:F,sdkSemver:H,techVersion:$,feature:""},l)})}function Z({loaderOptions:t,imageProps:e,cldOptions:l,cldConfig:n={}}){let o={...e,...l};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof t?.width=="number"&&typeof o.width=="number"&&t.width!==o.width){let a=t.width/o.width;o.width=t.width,typeof o.height=="number"&&(o.height=Math.floor(o.height*a))}else typeof t?.width=="number"&&typeof o?.width!="number"&&(o.width=t?.width);return O(o,n)}var be=Te(function(e,l){let n=!1,o=["deliveryType","preserveTransformations","strictTransformations","assetType"];xe.forEach(({props:i})=>{Object.keys(i).forEach(I=>{if(o.includes(I))throw new Error(`Option ${I} already exists!`);o.push(I)})});let a={alt:e.alt,src:e.src};Object.keys(e).filter(i=>typeof i=="string"&&!o.includes(i)).forEach(i=>a[i]=e[i]);let s=Object.keys(a).map(i=>`${i}:${a[i]}`).join(";"),[y,f]=we(s),r={};if(o.forEach(i=>{let c=e[i];c&&(r[i]=c||void 0)}),e.preserveTransformations)try{let i=Ae(e.src).map(c=>c.join(","));r.rawTransformations=[...i.flat(),...e.rawTransformations||[]]}catch(i){console.warn(`Failed to preserve transformations: ${i.message}`)}let C=process.env.__NEXT_IMAGE_OPTS||{};(e.unoptimized===!0||C?.unoptimized===!0)&&(a.src=O({...r,width:a.width,height:a.height,src:a.src,format:"default",quality:"default"},e.config));async function N(i){let c=!0;if(n)return;if(n=!0,typeof e.onError=="function"){let P=e.onError(i);typeof P=="boolean"&&P===!1&&(c=!1)}else typeof e.onError=="boolean"&&e.onError===!1&&(c=!1);if(c===!1)return;let I=i.target;await X({src:I.src})&&f(`${s};${Date.now()}`)}let T=Ne(N,[X,s]),m=Le;return"default"in m&&(m=m.default),_e.createElement(m,{key:y,...a,loader:i=>Z({loaderOptions:i,imageProps:a,cldOptions:r,cldConfig:e.config}),onError:T,ref:l})}),pe=be;import U from"react";import Me from"next/head";function z(t){return O({...t,format:t.format||"jpg",width:t.width||1200,height:t.height||627,crop:t.crop||{type:"fill",gravity:"center",source:!0}})}var ve="summary_large_image",De=({excludeTags:t=[],twitterTitle:e,keys:l={},...n})=>{let{alt:o}=n,{width:a=1200,height:s=627}=n;a=typeof a=="string"?parseInt(a):a,s=typeof s=="string"?parseInt(s):s;let y=z({...n,width:a,height:s}),f=z({...n,width:a,height:s,format:n.format||"webp"}),r={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...l};return U.createElement(Me,null,U.createElement("meta",{key:r["og:image"],property:"og:image",content:y}),U.createElement("meta",{key:r["og:image:secure_url"],property:"og:image:secure_url",content:y}),U.createElement("meta",{key:r["og:image:width"],property:"og:image:width",content:`${a}`}),U.createElement("meta",{key:r["og:image:height"],property:"og:image:height",content:`${s}`}),o&&U.createElement("meta",{key:r["og:image:alt"],property:"og:image:alt",content:o}),!t.includes("twitter:title")&&U.createElement("meta",{key:r["twitter:title"],property:"twitter:title",content:e||" "}),U.createElement("meta",{key:r["twitter:card"],property:"twitter:card",content:ve}),U.createElement("meta",{key:r["twitter:image"],property:"twitter:image",content:f}))},ce=De;import K from"react";import oe,{useState as re,useEffect as ge,useRef as me}from"react";import We from"next/script";function ue(t){return window&&"requestIdleCallback"in window?requestIdleCallback(t):setTimeout(()=>t(),1)}var Ve=["success"],Se={abort:"onAbort","batch-cancelled":"onBatchCancelled",close:"onClose","display-changed":"onDisplayChanged",publicid:"onPublicId","queues-end":"onQueuesEnd","queues-start":"onQueuesStart",retry:"onRetry","show-completed":"onShowCompleted","source-changed":"onSourceChanged",success:"onSuccess",tags:"onTags","upload-added":"onUploadAdded"},ke=({children:t,onError:e,onOpen:l,onUpload:n,options:o,signatureEndpoint:a,uploadPreset:s,...y})=>{let f=me(),r=me(),C=!!a,[N,T]=re(void 0),[m,i]=re(void 0),[c,I]=re(!0),E={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:s||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...o};w(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME),C&&(E.uploadSignature=h,E.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),ge(()=>{if(typeof m>"u")return;m.event==="success"&&typeof n=="function"&&(process.env.NODE_ENVIRONMENT==="development"&&console.warn("The onUpload callback is deprecated. Please use onSuccess instead."),n(m,r.current))},[m]);function P(){I(!1),f.current||(f.current=window.cloudinary),ue(()=>{r.current||(r.current=b())})}ge(()=>()=>{r.current?.destroy(),r.current=void 0},[]);function h(d,g){if(typeof a>"u")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(a,{method:"POST",body:JSON.stringify({paramsToSign:g}),headers:{"Content-Type":"application/json"}}).then(_=>_.json()).then(({signature:_})=>{d(_)})}function u(d,g=[]){if(r.current||(r.current=b()),typeof r?.current[d]=="function")return r.current[d](...g)}function v(d){u("close",[d])}function L(d){return u("destroy",[d])}function W(){u("hide")}function V(){return u("isDestroyed")}function S(){return u("isMinimized")}function A(){return u("isShowing")}function x(){u("minimize")}function Y(d,g){u("open",[d,g]),typeof l=="function"&&l(r.current)}function J(){u("show")}function k(){u("update")}let G={close:v,destroy:L,hide:W,isDestroyed:V,isMinimized:S,isShowing:A,minimize:x,open:Y,show:J,update:k};function b(){return f.current?.createUploadWidget(E,(d,g)=>{if(d&&d!==null&&(T(d),typeof e=="function"&&e(d,{widget:r.current,...G})),typeof g?.event=="string"){Ve.includes(g?.event)&&i(g);let _=Se[g.event];if(typeof _=="string"&&typeof y[_]=="function"){let R=y[_];R(g,{widget:r.current,...G})}}})}return oe.createElement(oe.Fragment,null,typeof t=="function"&&t({cloudinary:f.current,widget:r.current,results:m,error:N,isLoading:c,...G}),oe.createElement(We,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://upload-widget.cloudinary.com/global/all.js",onLoad:P,onError:d=>console.error(`Failed to load Cloudinary Upload Widget: ${d.message}`)}))},q=ke;var Ge=({className:t,children:e,onClick:l,onError:n,onOpen:o,onUpload:a,onAbort:s,onBatchCancelled:y,onClose:f,onDisplayChanged:r,onPublicId:C,onQueuesEnd:N,onQueuesStart:T,onRetry:m,onShowCompleted:i,onSourceChanged:c,onSuccess:I,onTags:E,onUploadAdded:P,options:h,signatureEndpoint:u,uploadPreset:v,...L})=>K.createElement(K.Fragment,null,K.createElement(q,{onError:n,onOpen:o,onUpload:a,onAbort:s,onBatchCancelled:y,onClose:f,onDisplayChanged:r,onPublicId:C,onQueuesEnd:N,onQueuesStart:T,onRetry:m,onShowCompleted:i,onSourceChanged:c,onSuccess:I,onTags:E,onUploadAdded:P,options:h,signatureEndpoint:u,uploadPreset:v},({open:W,isLoading:V})=>{function S(A){A.preventDefault(),W(),typeof l=="function"&&l(A)}return K.createElement("button",{...L,className:t||"",onClick:S,disabled:V},e||"Upload")})),fe=Ge;import M,{useRef as ie,useEffect as je}from"react";import Ye from"next/script";import Xe from"next/head";import{parseUrl as Be}from"@cloudinary-util/util";import{constructCloudinaryUrl as Re}from"@cloudinary-util/url-loader";function ne(t,e,l){let n=e?.cloud?.cloudName??process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;return w(n),Re({options:{assetType:"video",...t},config:Object.assign({cloud:{cloudName:n}},e),analytics:Object.assign({product:B,sdkCode:F,sdkSemver:H,techVersion:$,feature:""},l)})}var Q=[],ye="1.10.4",Fe=t=>{let{autoplay:e,className:l,colors:n,controls:o=!0,fontFace:a,height:s,id:y,language:f,languages:r,logo:C=!0,loop:N=!1,muted:T=!1,onDataLoad:m,onError:i,onMetadataLoad:c,onPause:I,onPlay:E,onEnded:P,poster:h,src:u,sourceTypes:v,transformation:L,quality:W="auto",width:V,...S}=t,A=Array.isArray(L)?L:[L],x=u||"";if(x.startsWith("http"))try{let p=Be(u);typeof p?.publicId=="string"&&(x=p?.publicId)}catch{}A.unshift({quality:W});let Y=ie(),J=ie(),k=t.videoRef||J,G=ie(),b=t.playerRef||G,d=y||`player-${x.replace("/","-")}`,g="cld-video-player cld-fluid";l&&(g=`${g} ${l}`),Q.filter(p=>p===d).length>1?console.warn(`Multiple instances of the same video detected on the
      page which may cause some features to not work.
     Try adding a unique id to each player.`):Q.push(d);let R={error:i,loadeddata:m,loadedmetadata:c,pause:I,play:E,ended:P};function Ie(p){let j=R[p.type];typeof j=="function"&&j(Oe())}w(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);function he(){if("cloudinary"in window){Y.current=window.cloudinary;let p={};typeof C=="boolean"?p.showLogo=C:typeof C=="object"&&(p={...p,showLogo:!0,logoImageUrl:C.imageUrl,logoOnclickUrl:C.onClickUrl});let j=!1,ae;(typeof e=="boolean"||e==="true"||e==="false")&&(j=e),typeof e=="string"&&e!=="true"&&e!=="false"&&(ae=e);let D={autoplayMode:ae,autoplay:j,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:o,fontFace:a||"",language:f,languages:r,loop:N,muted:T,publicId:x,transformation:A,...p,...S};Array.isArray(v)&&(D.sourceTypes=v),typeof n=="object"&&(D.colors=n),typeof h=="string"?D.posterOptions={publicId:h}:typeof h=="object"&&(typeof h.src!="string"?D.posterOptions={publicId:ne({...h,src:x,format:"auto:image"})}:D.posterOptions={publicId:O(h)}),b.current=Y.current.videoPlayer(k.current,D),Object.keys(R).forEach(de=>{typeof R[de]=="function"&&b.current?.on(de,Ie)})}}je(()=>()=>{b.current?.videojs.cloudinary.dispose(),Q=Q.filter(p=>p!==d)},[]);function Oe(){return{player:b.current,video:k.current}}return M.createElement(M.Fragment,null,M.createElement(Xe,null,M.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${ye}/dist/cld-video-player.min.css`,rel:"stylesheet"})),M.createElement("div",{style:{width:"100%",aspectRatio:`${t.width} / ${t.height}`}},M.createElement("video",{ref:k,id:d,className:g,width:V,height:s}),M.createElement(Ye,{id:`cloudinary-videoplayer-${d}-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${ye}/dist/cld-video-player.min.js`,onLoad:he,onError:p=>console.error(`Failed to load Cloudinary Video Player: ${p.message}`)})))},Ce=Fe;export{pe as CldImage,ce as CldOgImage,fe as CldUploadButton,q as CldUploadWidget,Ce as CldVideoPlayer,Z as cloudinaryLoader,O as getCldImageUrl,z as getCldOgImageUrl,ne as getCldVideoUrl};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  config?: ConfigOptions;\n  preserveTransformations?: boolean;\n  src: string;\n  unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n  let hasThrownError = false;\n\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations',\n    'strictTransformations',\n    'assetType',\n  ];\n\n  transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n    const pluginProps = Object.keys(props);\n    pluginProps.forEach(prop => {\n      if ( CLD_OPTIONS.includes(prop) ) {\n        throw new Error(`Option ${prop} already exists!`);\n      }\n      CLD_OPTIONS.push(prop);\n    });\n  });\n\n  // Construct the base Image component props by filtering out Cloudinary-specific props\n\n  const imageProps: ImageProps = {\n    alt: props.alt,\n    src: props.src,\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n    .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n  const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n  const [imgKey, setImgKey] = useState(defaultImgKey);\n\n  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n  type CldOptions = Omit<ImageOptions, 'src'>;\n\n  const cldOptions: CldOptions = {};\n\n  CLD_OPTIONS.forEach((key) => {\n    const prop = props[key as keyof ImageOptions];\n    if ( prop ) {\n      cldOptions[key as keyof CldOptions] = prop || undefined;\n    }\n  });\n\n  // Try to preserve the original transformations from the Cloudinary URL passed in\n  // to the component. This only works if the URL has a version number on it and otherwise\n  // will fail to load\n\n  if (props.preserveTransformations) {\n    try {\n      const transformations = getTransformations(props.src).map(t => t.join(','));\n      cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n    } catch(e) {\n      console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n    }\n  }\n\n  // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n  // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n  // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n  // that also disables format and quality transformations, to deliver it as unoptimized\n  // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n  const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n  if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n    imageProps.src = getCldImageUrl({\n      ...cldOptions,\n      width: imageProps.width,\n      height: imageProps.height,\n      src: imageProps.src as string,\n      format: 'default',\n      quality: 'default',\n    }, props.config);\n  }\n\n  /**\n   * handleOnError\n   */\n\n  async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n    let pollForImage = true;\n\n    // The onError function should never fire more than once. The use case for tracking it\n    // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n    // is processing an image where we want to try to update the UI upon completion.\n    // If this fires a second time, it is likely because of another issue, which will end\n    // up triggering an infinite loop if the resulting image keeps erroring and\n    // this function sets a key using the current time to force refresh the UI\n\n    if ( hasThrownError ) return;\n\n    hasThrownError = true;\n\n    if ( typeof props.onError === 'function' ) {\n      const onErrorResult = props.onError(options);\n\n      if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n        pollForImage = false;\n      }\n    } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n      pollForImage = false;\n    }\n\n    // Give an escape hatch in case the user wants to handle the error themselves\n    // or if they want to disable polling for the image\n\n    if ( pollForImage === false ) return;\n\n    const image = options.target as HTMLImageElement\n    const result = await pollForProcessingImage({ src: image.src })\n\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n  // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n  // Thanks Angelo!\n  // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n  let ResolvedImage = Image;\n\n  if (\"default\" in ResolvedImage) {\n    ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n  }\n\n  return (\n    <ResolvedImage\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n      onError={handleOnError}\n      ref={ref}\n    />\n  );\n});\n\nexport default CldImage;","/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n  src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n  const { src } = options;\n  try {\n    await new Promise((resolve, reject) => {\n      fetch(src).then(res => {\n        if ( !res.ok ) {\n          reject(res);\n          return;\n        }\n        resolve(res);\n      });\n    });\n  } catch(e: any) {\n    // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n    if ( e.status === 423 ) {\n      await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}\n\nexport function checkForCloudName(cloudName: string | undefined) {\n  if (!cloudName) {\n    throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n  }\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n  let normalized = version;\n  if ( normalized.includes('-') ) {\n    normalized = normalized.split('-')[0];\n  }\n  return normalized;\n}","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"6.1.0\",\n  \"license\": \"MIT\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n    \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n    \"test\": \"vitest run\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n    \"test:watch\": \"vitest\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/types\": \"1.0.0\",\n    \"@cloudinary-util/url-loader\": \"5.1.0\",\n    \"@cloudinary-util/util\": \"^3.0.0\",\n    \"@tsconfig/recommended\": \"^1.0.3\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.23.2\",\n    \"@babel/preset-env\": \"^7.23.2\",\n    \"@types/node\": \"^20.11.5\",\n    \"@types/react\": \"^18.2.33\",\n    \"@types/react-dom\": \"^18.2.14\",\n    \"dotenv\": \"^16.3.1\",\n    \"mkdirp\": \"^3.0.1\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.2.2\",\n    \"vitest\": \"^1.3.1\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13 || ^14\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n  height?: string | number;\n  width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n  loaderOptions: CloudinaryLoaderLoaderOptions;\n  imageProps: ImageProps;\n  cldOptions: CloudinaryLoaderCldOptions;\n  cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n  const options = {\n    ...imageProps,\n    ...cldOptions\n  }\n\n  options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n  \n  // // The loader options are used to create dynamic sizing when working with responsive images\n  // // so these should override the default options collected from the props alone if\n  // // the results are different. While we don't always use the height in the loader logic,\n  // // we always pass it here, as the usage is determined later based on cropping.js\n\n  if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n    const multiplier = loaderOptions.width / options.width;\n    \n    options.width = loaderOptions.width;\n\n    // The height may change based off of the value passed through via the loader options\n    // In an example where the user sizes is 800x600, but the loader is passing in 400\n    // due to responsive sizing, we want to ensure we're using a height that will\n    // resolve to the same aspect ratio\n    \n    if ( typeof options.height === 'number' ) {\n      options.height = Math.floor(options.height * multiplier);\n    }\n  } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n    // If we don't have a width on the options object, this may mean that the component is using\n    // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n    // The Fill option does not allow someone to pass in a width or a height\n    // If this is the case, we still need to define a width for sizing optimization but also\n    // for responsive sizing to take effect, so we can utilize the loader width for the base width\n    options.width = loaderOptions?.width;\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n  excludeTags?: Array<string>;\n  keys?: object;\n  twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n  const { alt } = props;\n\n  // We need to separately handle the width and the height to allow our user to pass in\n  // a custom value, but also we need to know this at the component level so that we can\n  // use it when rendering the meta tags\n\n  let {\n    width = OG_IMAGE_WIDTH,\n    height = OG_IMAGE_HEIGHT\n  } = props;\n\n  // Normalize the width and height\n\n  width = typeof width === 'string' ? parseInt(width) : width;\n  height = typeof height === 'string' ? parseInt(height) : height;\n\n  // Render the final URLs. We use two different format versions to deliver\n  // webp for Twitter as it supports it (and we can control with tags) where\n  // other platforms may not support webp, so we deliver jpg\n\n  const ogImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height\n  });\n\n  const twitterImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height,\n    format: props.format || 'webp',\n  });\n\n  const metaKeys = {\n    'og:image': 'og-image',\n    'og:image:secure_url': 'og-image-secureurl',\n    'og:image:width': 'og-image-width',\n    'og:image:height': 'og-image-height',\n    'og:image:alt': 'og-image-alt',\n    'twitter:title': 'twitter-title',\n    'twitter:card': 'twitter-card',\n    'twitter:image': 'twitter-image',\n    ...keys\n  }\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n      <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n      {alt && (\n        <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n      )}\n\n      {/* Required for summary_large_image, exclude vai excludeTags */}\n      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n      {!excludeTags.includes('twitter:title') && (\n        <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    format: options.format || 'jpg',\n    width: options.width || OG_IMAGE_WIDTH,\n    height: options.height || OG_IMAGE_HEIGHT,\n    crop: options.crop || {\n      type: 'fill',\n      gravity: 'center',\n      source: true\n    }\n  });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  className?: string;\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  className,\n  children,\n  onClick,\n  onError,\n  onOpen,\n  onUpload,\n  onAbort,\n  onBatchCancelled,\n  onClose,\n  onDisplayChanged,\n  onPublicId,\n  onQueuesEnd,\n  onQueuesStart,\n  onRetry,\n  onShowCompleted,\n  onSourceChanged,\n  onSuccess,\n  onTags,\n  onUploadAdded,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onOpen={onOpen}\n        onUpload={onUpload}\n        onAbort={onAbort}\n        onBatchCancelled={onBatchCancelled}\n        onClose={onClose}\n        onDisplayChanged={onDisplayChanged}\n        onPublicId={onPublicId}\n        onQueuesEnd={onQueuesEnd}\n        onQueuesStart={onQueuesStart}\n        onRetry={onRetry}\n        onShowCompleted={onShowCompleted}\n        onSourceChanged={onSourceChanged}\n        onSuccess={onSuccess}\n        onTags={onTags}\n        onUploadAdded={onUploadAdded}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open, isLoading }) => {\n          function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n            e.preventDefault();\n\n            open();\n\n            if ( typeof onClick === 'function' ) {\n              onClick(e);\n            }\n          }\n          return (\n            <button {...props} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n              {children || 'Upload'}\n            </button>\n          );\n        }}\n      </CldUploadWidget>\n    </>\n  );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport {\n  CloudinaryUploadWidgetResults,\n  CloudinaryUploadWidgetInstanceMethods,\n  CloudinaryUploadWidgetInstanceMethodCloseOptions,\n  CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n  CloudinaryUploadWidgetInstanceMethodOpenOptions,\n  CloudinaryUploadWidgetSources,\n  CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n  CldUploadEventCallback,\n  CldUploadWidgetCloudinaryInstance,\n  CldUploadWidgetProps,\n  CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n  'abort': 'onAbort',\n  'batch-cancelled': 'onBatchCancelled',\n  'close': 'onClose',\n  'display-changed': 'onDisplayChanged',\n  'publicid': 'onPublicId',\n  'queues-end': 'onQueuesEnd',\n  'queues-start': 'onQueuesStart',\n  'retry': 'onRetry',\n  'show-completed': 'onShowCompleted',\n  'source-changed': 'onSourceChanged',\n  'success': 'onSuccess',\n  'tags': 'onTags',\n  'upload-added': 'onUploadAdded',\n}\n\nconst CldUploadWidget = ({\n  children,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadWidgetProps) => {\n  const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n  const widget: CldUploadWidgetWidgetInstance = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n  const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n  const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n  // When creating a signed upload, you need to provide both your Cloudinary API Key\n  // as well as a signature generator function that will sign any paramters\n  // either on page load or during the upload process. Read more about signed uploads at:\n  // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n  const uploadOptions = {\n    cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n    uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n    apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n    ...options,\n  };\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  if ( signed ) {\n    uploadOptions.uploadSignature = generateSignature;\n\n    if (!uploadOptions.apiKey) {\n      console.warn(`Missing dependency: Signed Upload requires an API key`);\n    }\n  }\n\n  // Handle result states and callbacks\n\n  useEffect(() => {\n    if ( typeof results === 'undefined' ) return;\n\n    const isSuccess = results.event === 'success';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n        console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n      }\n      onUpload(results, widget.current);\n    }\n  }, [results])\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    setIsScriptLoading(false);\n\n    if ( !cloudinary.current ) {\n      cloudinary.current = (window as any).cloudinary;\n    }\n\n    // To help improve load time of the widget on first instance, use requestIdleCallback\n    // to trigger widget creation. Optional.\n\n    triggerOnIdle(() => {\n      if ( !widget.current ) {\n        widget.current = createWidget();\n      }\n    });\n  }\n\n  useEffect(() => {\n    return () => {\n      widget.current?.destroy();\n      widget.current = undefined;\n    }\n  }, [])\n\n  /**\n   * generateSignature\n   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n   */\n\n  function generateSignature(callback: Function, paramsToSign: object) {\n    if ( typeof signatureEndpoint === 'undefined' ) {\n      throw Error('Failed to generate signature: signatureEndpoint undefined.')\n    }\n    fetch(signatureEndpoint, {\n      method: 'POST',\n      body: JSON.stringify({\n        paramsToSign,\n      }),\n      headers: {\n        'Content-Type': 'application/json'\n      }\n    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\n  }\n\n  /**\n   * Instance Methods\n   * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n   * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n   */\n\n  function invokeInstanceMethod<\n    TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n  >(\n    method: TMethod,\n    options: Parameters<\n      CloudinaryUploadWidgetInstanceMethods[TMethod]\n    > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n  ) {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    if (typeof widget?.current[method] === \"function\") {\n      return widget.current[method](...options);\n    }\n  }\n\n  function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n    invokeInstanceMethod('close', [options]);\n  }\n\n  function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n    return invokeInstanceMethod('destroy', [options]);\n  }\n\n  function hide() {\n    invokeInstanceMethod('hide');\n  }\n\n  function isDestroyed() {\n    return invokeInstanceMethod('isDestroyed');\n  }\n\n  function isMinimized() {\n    return invokeInstanceMethod('isMinimized');\n  }\n\n  function isShowing() {\n    return invokeInstanceMethod('isShowing');\n  }\n\n  function minimize() {\n    invokeInstanceMethod('minimize');\n  }\n\n  function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n    invokeInstanceMethod('open', [widgetSource, options]);\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  function show() {\n    invokeInstanceMethod('show');\n  }\n\n  function update() {\n    invokeInstanceMethod('update');\n  }\n\n  const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n    close,\n    destroy,\n    hide,\n    isDestroyed,\n    isMinimized,\n    isShowing,\n    minimize,\n    open,\n    show,\n    update,\n  }\n\n  /**\n   * createWidget\n   * @description Creates a new instance of the Cloudinary widget and stores in a ref\n   */\n\n  function createWidget() {\n    return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n      if ( uploadError && uploadError !== null ) {\n        setError(uploadError);\n\n        if ( typeof onError === 'function' ) {\n          onError(uploadError, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n\n      if ( typeof uploadResult?.event === 'string' ) {\n        if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n          setResults(uploadResult);\n        }\n\n        const widgetEvent = WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n        if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n          const callback = props[widgetEvent] as CldUploadEventCallback;\n          callback(uploadResult, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n    });\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        ...instanceMethods,\n      })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://upload-widget.cloudinary.com/global/all.js\"\n        onLoad={handleOnLoad}\n        onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n      />\n    </>\n  );\n};\n\nexport default CldUploadWidget;","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n  if ( window && 'requestIdleCallback' in window ) {\n    return requestIdleCallback(callback);\n  }\n  return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { parseUrl } from '@cloudinary-util/util';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo, CloudinaryVideoPlayerOptions, } from '@cloudinary-util/types';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { getCldVideoUrl } from '../../helpers/getCldVideoUrl';\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.10.4';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n  const {\n    autoplay,\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    language,\n    languages,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    poster,\n    src,\n    sourceTypes,\n    transformation,\n    quality = 'auto',\n    width,\n    ...otherCldVidPlayerOptions\n  } = props as CldVideoPlayerProps;\n\n  const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n  let publicId: string = src || \"\";\n\n\n  // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n  // to get the public ID alone\n\n  if ( publicId.startsWith('http') ) {\n    try {\n      const parts = parseUrl(src);\n      if ( typeof parts?.publicId === 'string' ) {\n        publicId = parts?.publicId;\n      }\n    } catch(e) {}\n  }\n\n  // Set default transformations for the player\n\n  playerTransformations.unshift({\n    quality\n  });\n\n  // Setup the refs and allow for the caller to pass through their\n  // own ref instance\n\n  const cloudinaryRef = useRef<any>();\n  const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n  const videoRef = props.videoRef || defaultVideoRef;\n  const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n  const playerRef = props.playerRef || defaultPlayerRef;\n\n  const playerId = id || `player-${publicId.replace('/', '-')}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\n  }\n\n  // Check if the same id is being used for multiple video instances.\n  const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n  if (checkForMultipleInstance) {\n    console.warn(`Multiple instances of the same video detected on the\n     page which may cause some features to not work.\n    Try adding a unique id to each player.`)\n  } else {\n    playerInstances.push(playerId)\n  }\n\n  const events: Record<string, Function|undefined> = {\n    error: onError,\n    loadeddata: onDataLoad,\n    loadedmetadata: onMetadataLoad,\n    pause: onPause,\n    play: onPlay,\n    ended: onEnded\n  };\n\n  /**\n   * handleEvent\n   * @description Event handler for all player events\n   */\n\n  function handleEvent(event: { type: 'string' }) {\n    const activeEvent = events[event.type];\n\n    if ( typeof activeEvent === 'function' ) {\n      activeEvent(getPlayerRefs());\n    }\n  }\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    if ( 'cloudinary' in window ) {\n      cloudinaryRef.current = window.cloudinary;\n      let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n      if ( typeof logo === 'boolean' ) {\n        logoOptions.showLogo = logo;\n      } else if ( typeof logo === 'object' ) {\n        logoOptions = {\n          ...logoOptions,\n          showLogo: true,\n          logoImageUrl: logo.imageUrl,\n          logoOnclickUrl: logo.onClickUrl\n        }\n      }\n\n      // Parse the value passed to 'autoplay';\n      // if its a boolean or a boolean passed as string (\"true\") set it directly to browser standard prop autoplay else fallback to default;\n      // if its a string and not a boolean passed as string (\"true\") set it to cloudinary video player autoplayMode prop else fallback to undefined;\n\n      let autoPlayValue: boolean | 'true' | 'false' = false;\n      let autoplayModeValue: string | undefined = undefined;\n\n      if (typeof autoplay === 'boolean' || autoplay === 'true' || autoplay === 'false') {\n        autoPlayValue = autoplay\n      }\n\n      if (typeof autoplay === 'string' && autoplay !== 'true' && autoplay !== 'false') {\n        autoplayModeValue = autoplay;\n      }\n\n\n      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoplayModeValue,\n        autoplay: autoPlayValue,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        language,\n        languages,\n        loop,\n        muted,\n        publicId,\n        transformation: playerTransformations,\n        ...logoOptions,\n        ...otherCldVidPlayerOptions\n      };\n\n      if ( Array.isArray(sourceTypes) ) {\n        playerOptions.sourceTypes = sourceTypes;\n      }\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\n      }\n\n      if ( typeof poster === 'string' ) {\n        // If poster is a string, assume it's either a public ID\n        // or a remote URL, in either case pass to `publicId`\n        playerOptions.posterOptions = {\n          publicId: poster\n        };\n      } else if ( typeof poster === 'object' ) {\n        // If poster is an object, we can either customize the\n        // automatically generated image from the video or generate\n        // a completely new image from a separate public ID, so look\n        // to see if the src is explicitly set to determine whether\n        // or not to use the video's ID or just pass things along\n        if ( typeof poster.src !== 'string' ) {\n          playerOptions.posterOptions = {\n            publicId: getCldVideoUrl({\n              ...poster,\n              src: publicId,\n              format: 'auto:image',\n            })\n          };\n        } else {\n          playerOptions.posterOptions = {\n            publicId: getCldImageUrl(poster)\n          };\n        }\n      }\n\n      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n      Object.keys(events).forEach((key) => {\n        if ( typeof events[key] === 'function' ) {\n          playerRef.current?.on(key, handleEvent);\n        }\n      });\n    }\n  }\n\n  useEffect(() => {\n\n    return () => {\n      //@ts-ignore\n      playerRef.current?.videojs.cloudinary.dispose();\n      playerInstances = playerInstances.filter((id) => id !== playerId)\n    }\n  }, []);\n\n  /**\n   *getPlayerRefs\n   */\n\n  function getPlayerRefs() {\n    return {\n      player: playerRef.current,\n      video: videoRef.current\n    }\n  }\n\n  return (\n    <>\n      <Head>\n        <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n      </Head>\n      <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.height}`}}>\n        <video\n          ref={videoRef}\n          id={playerId}\n          className={playerClassName}\n          width={width}\n          height={height}\n        />\n        <Script\n            id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n            src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n            onLoad={handleOnLoad}\n            onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CldVideoPlayer;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options: {\n      assetType: 'video',\n      ...options\n    },\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n"],"mappings":"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","names":["React","useState","useCallback","forwardRef","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","checkForCloudName","cloudName","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCldImageUrl","options","config","analytics","cloudName","checkForCloudName","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","forwardRef","props","ref","hasThrownError","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","checkForCloudName","generateSignature","useEffect","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","uploadError","uploadResult","widgetEvent","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","useEffect","Script","Head","parseUrl","constructCloudinaryUrl","getCldVideoUrl","options","config","analytics","cloudName","checkForCloudName","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","autoplay","className","colors","controls","fontFace","height","id","language","languages","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","poster","src","sourceTypes","transformation","quality","width","otherCldVidPlayerOptions","playerTransformations","publicId","parts","parseUrl","cloudinaryRef","useRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","checkForCloudName","handleOnLoad","logoOptions","autoPlayValue","autoplayModeValue","playerOptions","getCldVideoUrl","getCldImageUrl","key","useEffect","React","Head","Script","e","CldVideoPlayer_default"]}
+{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/helpers/getCldImageUrl.ts","../src/constants/analytics.ts","../package.json","../src/loaders/cloudinary-loader.ts","../src/components/CldOgImage/CldOgImage.tsx","../src/helpers/getCldOgImageUrl.ts","../src/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldVideoUrl.ts"],"sourcesContent":["import React, { useState, useCallback, forwardRef, SyntheticEvent } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  config?: ConfigOptions;\n  preserveTransformations?: boolean;\n  src: string;\n  unoptimized?: boolean;\n};\n\nconst CldImage = forwardRef<HTMLImageElement, CldImageProps>(function CldImage(props, ref) {\n  let hasThrownError = false;\n\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations',\n    'strictTransformations',\n    'assetType',\n  ];\n\n  transformationPlugins.forEach(({ props }: { props: Record<string, unknown> }) => {\n    const pluginProps = Object.keys(props);\n    pluginProps.forEach(prop => {\n      if ( CLD_OPTIONS.includes(prop) ) {\n        throw new Error(`Option ${prop} already exists!`);\n      }\n      CLD_OPTIONS.push(prop);\n    });\n  });\n\n  // Construct the base Image component props by filtering out Cloudinary-specific props\n\n  const imageProps: ImageProps = {\n    alt: props.alt,\n    src: props.src,\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => typeof key === 'string' && !CLD_OPTIONS.includes(key))\n    .forEach(key => imageProps[key as keyof ImageProps] = props[key]);\n\n  const defaultImgKey = (Object.keys(imageProps) as Array<keyof typeof imageProps>).map(key => `${key}:${imageProps[key]}`).join(';');\n  const [imgKey, setImgKey] = useState(defaultImgKey);\n\n  // Construct Cloudinary-specific props by looking for values for any of the supported prop keys\n\n  type CldOptions = Omit<ImageOptions, 'src'>;\n\n  const cldOptions: CldOptions = {};\n\n  CLD_OPTIONS.forEach((key) => {\n    const prop = props[key as keyof ImageOptions];\n    if ( prop ) {\n      cldOptions[key as keyof CldOptions] = prop || undefined;\n    }\n  });\n\n  // Try to preserve the original transformations from the Cloudinary URL passed in\n  // to the component. This only works if the URL has a version number on it and otherwise\n  // will fail to load\n\n  if (props.preserveTransformations) {\n    try {\n      const transformations = getTransformations(props.src).map(t => t.join(','));\n      cldOptions.rawTransformations = [...transformations.flat(), ...(props.rawTransformations || [])];\n    } catch(e) {\n      console.warn(`Failed to preserve transformations: ${(e as Error).message}`)\n    }\n  }\n\n  // The unoptimized flag is intended to remove all optimizations including quality, format, and sizing\n  // via responsive sizing. When passing this in, it also prevents the `loader` from running, thus\n  // breaking this component. This rewrites the `src` to construct a fully formed Cloudinary URL\n  // that also disables format and quality transformations, to deliver it as unoptimized\n  // See about unoptimized not working with loader: https://github.com/vercel/next.js/issues/50764\n\n  const IMAGE_OPTIONS: { unoptimized?: boolean } = (process.env.__NEXT_IMAGE_OPTS || {}) as unknown as object;\n\n  if ( props.unoptimized === true || IMAGE_OPTIONS?.unoptimized === true ) {\n    imageProps.src = getCldImageUrl({\n      ...cldOptions,\n      width: imageProps.width,\n      height: imageProps.height,\n      src: imageProps.src as string,\n      format: 'default',\n      quality: 'default',\n    }, props.config);\n  }\n\n  /**\n   * handleOnError\n   */\n\n  async function onError(options: SyntheticEvent<HTMLImageElement, Event>) {\n    let pollForImage = true;\n\n    // The onError function should never fire more than once. The use case for tracking it\n    // at all outside of the standard Next Image flow is for scenarios like when Cloudinary\n    // is processing an image where we want to try to update the UI upon completion.\n    // If this fires a second time, it is likely because of another issue, which will end\n    // up triggering an infinite loop if the resulting image keeps erroring and\n    // this function sets a key using the current time to force refresh the UI\n\n    if ( hasThrownError ) return;\n\n    hasThrownError = true;\n\n    if ( typeof props.onError === 'function' ) {\n      const onErrorResult = props.onError(options);\n\n      if ( typeof onErrorResult === 'boolean' && onErrorResult === false ) {\n        pollForImage = false;\n      }\n    } else if ( typeof props.onError === 'boolean' && props.onError === false ) {\n      pollForImage = false;\n    }\n\n    // Give an escape hatch in case the user wants to handle the error themselves\n    // or if they want to disable polling for the image\n\n    if ( pollForImage === false ) return;\n\n    const image = options.target as HTMLImageElement\n    const result = await pollForProcessingImage({ src: image.src })\n\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n  // Copypasta from https://github.com/prismicio/prismic-next/pull/79/files\n  // Thanks Angelo!\n  // TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.\n\n  let ResolvedImage = Image;\n\n  if (\"default\" in ResolvedImage) {\n    ResolvedImage = (ResolvedImage as unknown as { default: typeof Image }).default;\n  }\n\n  return (\n    <ResolvedImage\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig: props.config })}\n      onError={handleOnError}\n      ref={ref}\n    />\n  );\n});\n\nexport default CldImage;","/**\n * pollForProcessingImage\n */\n\nexport interface PollForProcessingImageOptions {\n  src: string;\n}\n\nexport async function pollForProcessingImage(options: PollForProcessingImageOptions): Promise<boolean> {\n  const { src } = options;\n  try {\n    await new Promise((resolve, reject) => {\n      fetch(src).then(res => {\n        if ( !res.ok ) {\n          reject(res);\n          return;\n        }\n        resolve(res);\n      });\n    });\n  } catch(e: any) {\n    // Timeout for 200ms before trying to fetch again to avoid overwhelming requests\n\n    if ( e.status === 423 ) {\n      await new Promise((resolve) => setTimeout(() => resolve(undefined), 200));\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}\n\nexport function checkForCloudName(cloudName: string | undefined) {\n  if (!cloudName) {\n    throw new Error('A Cloudinary Cloud name is required, please make sure NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME is set and configured in your environment.');\n  }\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldImageUrlOptions = ImageOptions;\nexport type GetCldImageUrlConfig = ConfigOptions;\nexport type GetCldImageUrlAnalytics = AnalyticsOptions;\n\nexport function getCldImageUrl(options: GetCldImageUrlOptions, config?: GetCldImageUrlConfig, analytics?: GetCldImageUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID = 'A';\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_VERSION = normalizeVersion(nextPkg.version);\nexport const NEXT_CLOUDINARY_VERSION = normalizeVersion(pkg.version);\n\nfunction normalizeVersion(version: string) {\n  let normalized = version;\n  if ( normalized.includes('-') ) {\n    normalized = normalized.split('-')[0];\n  }\n  return normalized;\n}","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"6.1.1\",\n  \"license\": \"MIT\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"prepublishOnly\": \"cp ../README.md . && cp ../LICENSE . && pnpm build\",\n    \"postpublish\": \"rm ./README.md && rm ./LICENSE\",\n    \"test\": \"vitest run\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" pnpm build && cd tests/nextjs-app && npm install && npm run build\",\n    \"test:watch\": \"vitest\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/types\": \"1.0.0\",\n    \"@cloudinary-util/url-loader\": \"5.1.1\",\n    \"@cloudinary-util/util\": \"^3.0.0\",\n    \"@tsconfig/recommended\": \"^1.0.3\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.23.2\",\n    \"@babel/preset-env\": \"^7.23.2\",\n    \"@types/node\": \"^20.11.5\",\n    \"@types/react\": \"^18.2.33\",\n    \"@types/react-dom\": \"^18.2.14\",\n    \"dotenv\": \"^16.3.1\",\n    \"mkdirp\": \"^3.0.1\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.2.2\",\n    \"vitest\": \"^1.3.1\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13 || ^14\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n}\n\nexport interface CloudinaryLoaderLoaderOptions {\n  height?: string | number;\n  width?: string | number;\n}\n\nexport interface CloudinaryLoader {\n  loaderOptions: CloudinaryLoaderLoaderOptions;\n  imageProps: ImageProps;\n  cldOptions: CloudinaryLoaderCldOptions;\n  cldConfig?: object;\n}\n\nexport function cloudinaryLoader({ loaderOptions, imageProps, cldOptions, cldConfig = {} }: CloudinaryLoader) {\n  const options = {\n    ...imageProps,\n    ...cldOptions\n  }\n\n  options.width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  options.height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n  \n  // // The loader options are used to create dynamic sizing when working with responsive images\n  // // so these should override the default options collected from the props alone if\n  // // the results are different. While we don't always use the height in the loader logic,\n  // // we always pass it here, as the usage is determined later based on cropping.js\n\n  if ( typeof loaderOptions?.width === 'number' && typeof options.width === 'number' && loaderOptions.width !== options.width ) {\n    const multiplier = loaderOptions.width / options.width;\n    \n    options.width = loaderOptions.width;\n\n    // The height may change based off of the value passed through via the loader options\n    // In an example where the user sizes is 800x600, but the loader is passing in 400\n    // due to responsive sizing, we want to ensure we're using a height that will\n    // resolve to the same aspect ratio\n    \n    if ( typeof options.height === 'number' ) {\n      options.height = Math.floor(options.height * multiplier);\n    }\n  } else if ( typeof loaderOptions?.width === 'number' && typeof options?.width !== 'number' ) {\n    // If we don't have a width on the options object, this may mean that the component is using\n    // the fill option: https://nextjs.org/docs/pages/api-reference/components/image#fill\n    // The Fill option does not allow someone to pass in a width or a height\n    // If this is the case, we still need to define a width for sizing optimization but also\n    // for responsive sizing to take effect, so we can utilize the loader width for the base width\n    options.width = loaderOptions?.width;\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldOgImageUrl } from '../../helpers/getCldOgImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../../constants/sizes';\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport type CldOgImageProps = CldImageProps & {\n  excludeTags?: Array<string>;\n  keys?: object;\n  twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, keys = {}, ...props }: CldOgImageProps) => {\n  const { alt } = props;\n\n  // We need to separately handle the width and the height to allow our user to pass in\n  // a custom value, but also we need to know this at the component level so that we can\n  // use it when rendering the meta tags\n\n  let {\n    width = OG_IMAGE_WIDTH,\n    height = OG_IMAGE_HEIGHT\n  } = props;\n\n  // Normalize the width and height\n\n  width = typeof width === 'string' ? parseInt(width) : width;\n  height = typeof height === 'string' ? parseInt(height) : height;\n\n  // Render the final URLs. We use two different format versions to deliver\n  // webp for Twitter as it supports it (and we can control with tags) where\n  // other platforms may not support webp, so we deliver jpg\n\n  const ogImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height\n  });\n\n  const twitterImageUrl = getCldOgImageUrl({\n    ...props,\n    width,\n    height,\n    format: props.format || 'webp',\n  });\n\n  const metaKeys = {\n    'og:image': 'og-image',\n    'og:image:secure_url': 'og-image-secureurl',\n    'og:image:width': 'og-image-width',\n    'og:image:height': 'og-image-height',\n    'og:image:alt': 'og-image-alt',\n    'twitter:title': 'twitter-title',\n    'twitter:card': 'twitter-card',\n    'twitter:image': 'twitter-image',\n    ...keys\n  }\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta key={metaKeys['og:image']} property=\"og:image\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:secure_url']} property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta key={metaKeys['og:image:width']} property=\"og:image:width\" content={`${width}`} />\n      <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${height}`} />\n\n      {alt && (\n        <meta key={metaKeys['og:image:alt']} property=\"og:image:alt\" content={alt} />\n      )}\n\n      {/* Required for summary_large_image, exclude vai excludeTags */}\n      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image */}\n\n      {!excludeTags.includes('twitter:title') && (\n        <meta key={metaKeys['twitter:title']} property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta key={metaKeys['twitter:card']} property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta key={metaKeys['twitter:image']} property=\"twitter:image\" content={twitterImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;\n","import { OG_IMAGE_WIDTH, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport type GetCldOgImageUrlOptions = GetCldImageUrlOptions;\n\nexport function getCldOgImageUrl(options: GetCldOgImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    format: options.format || 'jpg',\n    width: options.width || OG_IMAGE_WIDTH,\n    height: options.height || OG_IMAGE_HEIGHT,\n    crop: options.crop || {\n      type: 'fill',\n      gravity: 'center',\n      source: true\n    }\n  });\n}","import React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  className?: string;\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  className,\n  children,\n  onClick,\n  onError,\n  onOpen,\n  onUpload,\n  onAbort,\n  onBatchCancelled,\n  onClose,\n  onDisplayChanged,\n  onPublicId,\n  onQueuesEnd,\n  onQueuesStart,\n  onRetry,\n  onShowCompleted,\n  onSourceChanged,\n  onSuccess,\n  onTags,\n  onUploadAdded,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onOpen={onOpen}\n        onUpload={onUpload}\n        onAbort={onAbort}\n        onBatchCancelled={onBatchCancelled}\n        onClose={onClose}\n        onDisplayChanged={onDisplayChanged}\n        onPublicId={onPublicId}\n        onQueuesEnd={onQueuesEnd}\n        onQueuesStart={onQueuesStart}\n        onRetry={onRetry}\n        onShowCompleted={onShowCompleted}\n        onSourceChanged={onSourceChanged}\n        onSuccess={onSuccess}\n        onTags={onTags}\n        onUploadAdded={onUploadAdded}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open, isLoading }) => {\n          function handleOnClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n            e.preventDefault();\n\n            open();\n\n            if ( typeof onClick === 'function' ) {\n              onClick(e);\n            }\n          }\n          return (\n            <button {...props} className={className || ''} onClick={handleOnClick} disabled={isLoading} >\n              {children || 'Upload'}\n            </button>\n          );\n        }}\n      </CldUploadWidget>\n    </>\n  );\n};\n\nexport default CldUploadButton;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Script from 'next/script';\nimport {\n  CloudinaryUploadWidgetResults,\n  CloudinaryUploadWidgetInstanceMethods,\n  CloudinaryUploadWidgetInstanceMethodCloseOptions,\n  CloudinaryUploadWidgetInstanceMethodDestroyOptions,\n  CloudinaryUploadWidgetInstanceMethodOpenOptions,\n  CloudinaryUploadWidgetSources,\n  CloudinaryUploadWidgetError\n} from '@cloudinary-util/types';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport {\n  CldUploadEventCallback,\n  CldUploadWidgetCloudinaryInstance,\n  CldUploadWidgetProps,\n  CldUploadWidgetWidgetInstance,\n} from './CldUploadWidget.types';\n\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n];\n\nconst WIDGET_EVENTS: { [key: string]: string } = {\n  'abort': 'onAbort',\n  'batch-cancelled': 'onBatchCancelled',\n  'close': 'onClose',\n  'display-changed': 'onDisplayChanged',\n  'publicid': 'onPublicId',\n  'queues-end': 'onQueuesEnd',\n  'queues-start': 'onQueuesStart',\n  'retry': 'onRetry',\n  'show-completed': 'onShowCompleted',\n  'source-changed': 'onSourceChanged',\n  'success': 'onSuccess',\n  'tags': 'onTags',\n  'upload-added': 'onUploadAdded',\n}\n\nconst CldUploadWidget = ({\n  children,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadWidgetProps) => {\n  const cloudinary: CldUploadWidgetCloudinaryInstance = useRef();\n  const widget: CldUploadWidgetWidgetInstance = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState<CloudinaryUploadWidgetError | undefined>(undefined);\n  const [results, setResults] = useState<CloudinaryUploadWidgetResults | undefined>(undefined);\n  const [isScriptLoading, setIsScriptLoading] = useState(true);\n\n  // When creating a signed upload, you need to provide both your Cloudinary API Key\n  // as well as a signature generator function that will sign any paramters\n  // either on page load or during the upload process. Read more about signed uploads at:\n  // https://cloudinary.com/documentation/upload_widget#signed_uploads\n\n  const uploadOptions = {\n    cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n    uploadPreset: uploadPreset || process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,\n    apiKey: process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,\n    ...options,\n  };\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  if ( signed ) {\n    uploadOptions.uploadSignature = generateSignature;\n\n    if (!uploadOptions.apiKey) {\n      console.warn(`Missing dependency: Signed Upload requires an API key`);\n    }\n  }\n\n  // Handle result states and callbacks\n\n  useEffect(() => {\n    if ( typeof results === 'undefined' ) return;\n\n    const isSuccess = results.event === 'success';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      if ( process.env.NODE_ENVIRONMENT === 'development' ) {\n        console.warn('The onUpload callback is deprecated. Please use onSuccess instead.');\n      }\n      onUpload(results, widget.current);\n    }\n  }, [results])\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    setIsScriptLoading(false);\n\n    if ( !cloudinary.current ) {\n      cloudinary.current = (window as any).cloudinary;\n    }\n\n    // To help improve load time of the widget on first instance, use requestIdleCallback\n    // to trigger widget creation. Optional.\n\n    triggerOnIdle(() => {\n      if ( !widget.current ) {\n        widget.current = createWidget();\n      }\n    });\n  }\n\n  useEffect(() => {\n    return () => {\n      widget.current?.destroy();\n      widget.current = undefined;\n    }\n  }, [])\n\n  /**\n   * generateSignature\n   * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation\n   */\n\n  function generateSignature(callback: Function, paramsToSign: object) {\n    if ( typeof signatureEndpoint === 'undefined' ) {\n      throw Error('Failed to generate signature: signatureEndpoint undefined.')\n    }\n    fetch(signatureEndpoint, {\n      method: 'POST',\n      body: JSON.stringify({\n        paramsToSign,\n      }),\n      headers: {\n        'Content-Type': 'application/json'\n      }\n    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\n  }\n\n  /**\n   * Instance Methods\n   * Gives the ability to interface directly with the Upload Widget instance methods like open and close\n   * https://cloudinary.com/documentation/upload_widget_reference#instance_methods\n   */\n\n  function invokeInstanceMethod<\n    TMethod extends keyof CloudinaryUploadWidgetInstanceMethods\n  >(\n    method: TMethod,\n    options: Parameters<\n      CloudinaryUploadWidgetInstanceMethods[TMethod]\n    > = [] as Parameters<CloudinaryUploadWidgetInstanceMethods[TMethod]>\n  ) {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    if (typeof widget?.current[method] === \"function\") {\n      return widget.current[method](...options);\n    }\n  }\n\n  function close(options?: CloudinaryUploadWidgetInstanceMethodCloseOptions) {\n    invokeInstanceMethod('close', [options]);\n  }\n\n  function destroy(options?: CloudinaryUploadWidgetInstanceMethodDestroyOptions) {\n    return invokeInstanceMethod('destroy', [options]);\n  }\n\n  function hide() {\n    invokeInstanceMethod('hide');\n  }\n\n  function isDestroyed() {\n    return invokeInstanceMethod('isDestroyed');\n  }\n\n  function isMinimized() {\n    return invokeInstanceMethod('isMinimized');\n  }\n\n  function isShowing() {\n    return invokeInstanceMethod('isShowing');\n  }\n\n  function minimize() {\n    invokeInstanceMethod('minimize');\n  }\n\n  function open(widgetSource?: CloudinaryUploadWidgetSources, options?: CloudinaryUploadWidgetInstanceMethodOpenOptions) {\n    invokeInstanceMethod('open', [widgetSource, options]);\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  function show() {\n    invokeInstanceMethod('show');\n  }\n\n  function update() {\n    invokeInstanceMethod('update');\n  }\n\n  const instanceMethods: CloudinaryUploadWidgetInstanceMethods = {\n    close,\n    destroy,\n    hide,\n    isDestroyed,\n    isMinimized,\n    isShowing,\n    minimize,\n    open,\n    show,\n    update,\n  }\n\n  /**\n   * createWidget\n   * @description Creates a new instance of the Cloudinary widget and stores in a ref\n   */\n\n  function createWidget() {\n    return cloudinary.current?.createUploadWidget(uploadOptions, (uploadError: CloudinaryUploadWidgetError, uploadResult: CloudinaryUploadWidgetResults) => {\n      if ( uploadError && uploadError !== null ) {\n        setError(uploadError);\n\n        if ( typeof onError === 'function' ) {\n          onError(uploadError, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n\n      if ( typeof uploadResult?.event === 'string' ) {\n        if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n          setResults(uploadResult);\n        }\n\n        const widgetEvent = WIDGET_EVENTS[uploadResult.event] as keyof typeof props;\n\n        if ( typeof widgetEvent === 'string' && typeof props[widgetEvent] === 'function' ) {\n          const callback = props[widgetEvent] as CldUploadEventCallback;\n          callback(uploadResult, {\n            widget: widget.current,\n            ...instanceMethods\n          });\n        }\n      }\n    });\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        ...instanceMethods,\n      })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://upload-widget.cloudinary.com/global/all.js\"\n        onLoad={handleOnLoad}\n        onError={(e) => console.error(`Failed to load Cloudinary Upload Widget: ${e.message}`)}\n      />\n    </>\n  );\n};\n\nexport default CldUploadWidget;","/**\n * triggerOnIdle\n * @see MDN Polyfill https://github.com/behnammodi/polyfill/blob/master/window.polyfill.js#L7-L24\n */\n\nexport function triggerOnIdle(callback: any) {\n  if ( window && 'requestIdleCallback' in window ) {\n    return requestIdleCallback(callback);\n  }\n  return setTimeout(() => callback(), 1);\n}","import React, {useRef, MutableRefObject, useEffect} from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\nimport { parseUrl } from '@cloudinary-util/util';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptionsLogo, CloudinaryVideoPlayerOptions, } from '@cloudinary-util/types';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\n\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { getCldVideoUrl } from '../../helpers/getCldVideoUrl';\nimport {checkForCloudName} from \"../../lib/cloudinary\";\n\nlet playerInstances: string[] = [];\n\nconst PLAYER_VERSION = '1.10.4';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n\n  const {\n    autoplay,\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    language,\n    languages,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    poster,\n    src,\n    sourceTypes,\n    transformation,\n    quality = 'auto',\n    width,\n    ...otherCldVidPlayerOptions\n  } = props as CldVideoPlayerProps;\n\n  const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\n  let publicId: string = src || \"\";\n\n\n  // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL\n  // to get the public ID alone\n\n  if ( publicId.startsWith('http') ) {\n    try {\n      const parts = parseUrl(src);\n      if ( typeof parts?.publicId === 'string' ) {\n        publicId = parts?.publicId;\n      }\n    } catch(e) {}\n  }\n\n  // Set default transformations for the player\n\n  playerTransformations.unshift({\n    quality\n  });\n\n  // Setup the refs and allow for the caller to pass through their\n  // own ref instance\n\n  const cloudinaryRef = useRef<any>();\n  const defaultVideoRef = useRef() as MutableRefObject<HTMLVideoElement | null>;\n  const videoRef = props.videoRef || defaultVideoRef;\n  const defaultPlayerRef = useRef()as MutableRefObject<CloudinaryVideoPlayer | null>;\n  const playerRef = props.playerRef || defaultPlayerRef;\n\n  const playerId = id || `player-${publicId.replace('/', '-')}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\n  }\n\n  // Check if the same id is being used for multiple video instances.\n  const checkForMultipleInstance = playerInstances.filter((id) => id === playerId).length > 1\n  if (checkForMultipleInstance) {\n    console.warn(`Multiple instances of the same video detected on the\n     page which may cause some features to not work.\n    Try adding a unique id to each player.`)\n  } else {\n    playerInstances.push(playerId)\n  }\n\n  const events: Record<string, Function|undefined> = {\n    error: onError,\n    loadeddata: onDataLoad,\n    loadedmetadata: onMetadataLoad,\n    pause: onPause,\n    play: onPlay,\n    ended: onEnded\n  };\n\n  /**\n   * handleEvent\n   * @description Event handler for all player events\n   */\n\n  function handleEvent(event: { type: 'string' }) {\n    const activeEvent = events[event.type];\n\n    if ( typeof activeEvent === 'function' ) {\n      activeEvent(getPlayerRefs());\n    }\n  }\n\n  //Check if Cloud Name exists\n  checkForCloudName(process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME);\n\n  /**\n   * handleOnLoad\n   * @description Stores the Cloudinary window instance to a ref when the widget script loads\n   */\n\n  function handleOnLoad() {\n    if ( 'cloudinary' in window ) {\n      cloudinaryRef.current = window.cloudinary;\n      let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};\n\n      if ( typeof logo === 'boolean' ) {\n        logoOptions.showLogo = logo;\n      } else if ( typeof logo === 'object' ) {\n        logoOptions = {\n          ...logoOptions,\n          showLogo: true,\n          logoImageUrl: logo.imageUrl,\n          logoOnclickUrl: logo.onClickUrl\n        }\n      }\n\n      // Parse the value passed to 'autoplay';\n      // if its a boolean or a boolean passed as string (\"true\") set it directly to browser standard prop autoplay else fallback to default;\n      // if its a string and not a boolean passed as string (\"true\") set it to cloudinary video player autoplayMode prop else fallback to undefined;\n\n      let autoPlayValue: boolean | 'true' | 'false' = false;\n      let autoplayModeValue: string | undefined = undefined;\n\n      if (typeof autoplay === 'boolean' || autoplay === 'true' || autoplay === 'false') {\n        autoPlayValue = autoplay\n      }\n\n      if (typeof autoplay === 'string' && autoplay !== 'true' && autoplay !== 'false') {\n        autoplayModeValue = autoplay;\n      }\n\n\n      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoplayModeValue,\n        autoplay: autoPlayValue,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        language,\n        languages,\n        loop,\n        muted,\n        publicId,\n        transformation: playerTransformations,\n        ...logoOptions,\n        ...otherCldVidPlayerOptions\n      };\n\n      if ( Array.isArray(sourceTypes) ) {\n        playerOptions.sourceTypes = sourceTypes;\n      }\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\n      }\n\n      if ( typeof poster === 'string' ) {\n        // If poster is a string, assume it's either a public ID\n        // or a remote URL, in either case pass to `publicId`\n        playerOptions.posterOptions = {\n          publicId: poster\n        };\n      } else if ( typeof poster === 'object' ) {\n        // If poster is an object, we can either customize the\n        // automatically generated image from the video or generate\n        // a completely new image from a separate public ID, so look\n        // to see if the src is explicitly set to determine whether\n        // or not to use the video's ID or just pass things along\n        if ( typeof poster.src !== 'string' ) {\n          playerOptions.posterOptions = {\n            publicId: getCldVideoUrl({\n              ...poster,\n              src: publicId,\n              format: 'auto:image',\n            })\n          };\n        } else {\n          playerOptions.posterOptions = {\n            publicId: getCldImageUrl(poster)\n          };\n        }\n      }\n\n      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, playerOptions);\n\n      Object.keys(events).forEach((key) => {\n        if ( typeof events[key] === 'function' ) {\n          playerRef.current?.on(key, handleEvent);\n        }\n      });\n    }\n  }\n\n  useEffect(() => {\n\n    return () => {\n      //@ts-ignore\n      playerRef.current?.videojs.cloudinary.dispose();\n      playerInstances = playerInstances.filter((id) => id !== playerId)\n    }\n  }, []);\n\n  /**\n   *getPlayerRefs\n   */\n\n  function getPlayerRefs() {\n    return {\n      player: playerRef.current,\n      video: videoRef.current\n    }\n  }\n\n  return (\n    <>\n      <Head>\n        <link href={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.css`} rel=\"stylesheet\" />\n      </Head>\n      <div style={{ width: '100%', aspectRatio: `${props.width} / ${props.height}`}}>\n        <video\n          ref={videoRef}\n          id={playerId}\n          className={playerClassName}\n          width={width}\n          height={height}\n        />\n        <Script\n            id={`cloudinary-videoplayer-${playerId}-${Math.floor(Math.random() * 100)}`}\n            src={`https://unpkg.com/cloudinary-video-player@${PLAYER_VERSION}/dist/cld-video-player.min.js`}\n            onLoad={handleOnLoad}\n            onError={(e) => console.error(`Failed to load Cloudinary Video Player: ${e.message}`)}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CldVideoPlayer;","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { VideoOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID, NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\nimport {checkForCloudName} from \"../lib/cloudinary\";\n\n/**\n * getCldVideoUrl\n */\n\nexport type GetCldVideoUrlOptions = VideoOptions;\nexport type GetCldVideoUrlConfig = ConfigOptions;\nexport type GetCldVideoUrlAnalytics = AnalyticsOptions;\n\nexport function getCldVideoUrl(options: GetCldVideoUrlOptions, config?: GetCldVideoUrlConfig, analytics?: GetCldVideoUrlAnalytics) {\n  // @ts-expect-error Property 'cloud' does not exist on type 'CloudinaryConfigurationOptions'.\n  const cloudName = config?.cloud?.cloudName ?? process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME;\n  checkForCloudName(cloudName);\n  return constructCloudinaryUrl({\n    options: {\n      assetType: 'video',\n      ...options\n    },\n    config: Object.assign({\n      cloud: {\n        cloudName: cloudName\n      },\n    }, config),\n    analytics: Object.assign({\n      product: NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID,\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}\n"],"mappings":"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","names":["React","useState","useCallback","forwardRef","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","checkForCloudName","cloudName","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_VERSION","normalizeVersion","nextPkg","NEXT_CLOUDINARY_VERSION","package_default","version","normalized","getCldImageUrl","options","config","analytics","cloudName","checkForCloudName","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","forwardRef","props","ref","hasThrownError","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","IMAGE_OPTIONS","getCldImageUrl","onError","options","pollForImage","onErrorResult","image","pollForProcessingImage","handleOnError","useCallback","ResolvedImage","Image","React","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","getCldOgImageUrl","options","getCldImageUrl","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","width","height","ogImageUrl","getCldOgImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","WIDGET_EVENTS","CldUploadWidget","children","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","props","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","checkForCloudName","generateSignature","useEffect","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","invokeInstanceMethod","method","close","destroy","hide","isDestroyed","isMinimized","isShowing","minimize","open","widgetSource","show","update","instanceMethods","uploadError","uploadResult","widgetEvent","React","Script","e","CldUploadWidget_default","CldUploadButton","className","children","onClick","onError","onOpen","onUpload","onAbort","onBatchCancelled","onClose","onDisplayChanged","onPublicId","onQueuesEnd","onQueuesStart","onRetry","onShowCompleted","onSourceChanged","onSuccess","onTags","onUploadAdded","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","useEffect","Script","Head","parseUrl","constructCloudinaryUrl","getCldVideoUrl","options","config","analytics","cloudName","checkForCloudName","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_PRODUCT_ID","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","playerInstances","PLAYER_VERSION","CldVideoPlayer","props","autoplay","className","colors","controls","fontFace","height","id","language","languages","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","poster","src","sourceTypes","transformation","quality","width","otherCldVidPlayerOptions","playerTransformations","publicId","parts","parseUrl","cloudinaryRef","useRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","checkForCloudName","handleOnLoad","logoOptions","autoPlayValue","autoplayModeValue","playerOptions","getCldVideoUrl","getCldImageUrl","key","useEffect","React","Head","Script","e","CldVideoPlayer_default"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-cloudinary",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -8,7 +8,7 @@
   "source": "src/index.ts",
   "dependencies": {
     "@cloudinary-util/types": "1.0.0",
-    "@cloudinary-util/url-loader": "5.1.0",
+    "@cloudinary-util/url-loader": "5.1.1",
     "@cloudinary-util/util": "^3.0.0",
     "@tsconfig/recommended": "^1.0.3"
   },