next-cloudinary 4.9.1 → 4.10.1

package/dist/index.d.ts

@@ -1,19 +1,19 @@
+import React, { MutableRefObject } from 'react';
 import { ImageProps } from 'next/image';
 import { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';
-import { MutableRefObject } from 'react';
 
 type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {
     src: string;
     preserveTransformations?: boolean;
 };
-declare const CldImage: (props: CldImageProps) => JSX.Element;
+declare const CldImage: (props: CldImageProps) => React.JSX.Element;
 
 type CldOgImageProps = CldImageProps & {
     excludeTags?: Array<string>;
     keys?: object;
     twitterTitle?: string;
 };
-declare const CldOgImage: ({ excludeTags, twitterTitle, keys, ...props }: CldOgImageProps) => JSX.Element;
+declare const CldOgImage: ({ excludeTags, twitterTitle, keys, ...props }: CldOgImageProps) => React.JSX.Element;
 
 interface CldUploadWidgetProps {
     children?: ({ cloudinary, widget, open, results, error }: CldUploadWidgetPropsChildren) => JSX.Element;
@@ -104,13 +104,13 @@ interface CldUploadWidgetResults {
     info: string;
 }
 
-declare const CldUploadWidget: ({ children, onClose, onError, onOpen, onUpload, options, signatureEndpoint, uploadPreset, }: CldUploadWidgetProps) => JSX.Element;
+declare const CldUploadWidget: ({ children, onClose, onError, onOpen, onUpload, options, signatureEndpoint, uploadPreset, }: CldUploadWidgetProps) => React.JSX.Element;
 
 interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {
     children?: JSX.Element | string | Array<JSX.Element | string>;
     onClick?: Function;
 }
-declare const CldUploadButton: ({ children, onClick, onError, onUpload, options, signatureEndpoint, uploadPreset, ...props }: CldUploadButtonProps) => JSX.Element;
+declare const CldUploadButton: ({ children, onClick, onError, onUpload, options, signatureEndpoint, uploadPreset, ...props }: CldUploadButtonProps) => React.JSX.Element;
 
 interface CloudinaryVideoPlayer {
     on: Function;
@@ -154,6 +154,7 @@ type CldVideoPlayerProps = Pick<CloudinaryVideoPlayerOptions, "colors" | "contro
     src: string;
     version?: string;
     videoRef?: MutableRefObject<HTMLVideoElement | null>;
+    quality: string | number;
     width: string | number;
 };
 interface CldVideoPlayerPropsColors extends CloudinaryVideoPlayerOptionsColors {
@@ -164,7 +165,7 @@ interface CldVideoPlayerPropsLogo {
     onClickUrl?: CloudinaryVideoPlayerOptionsLogo['logoOnclickUrl'];
 }
 
-declare const CldVideoPlayer: (props: CldVideoPlayerProps) => JSX.Element;
+declare const CldVideoPlayer: (props: CldVideoPlayerProps) => React.JSX.Element;
 
 interface CloudinaryLoaderCldOptions {
     heightResize?: string | number;

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var Ce=Object.create;var A=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var Ue=(e,r)=>{for(var i in r)A(e,i,{get:r[i],enumerable:!0})},q=(e,r,i,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Ie(r))!Pe.call(e,t)&&t!==i&&A(e,t,{get:()=>r[t],enumerable:!(a=he(r,t))||a.enumerable});return e};var u=(e,r,i)=>(i=e!=null?Ce(Oe(e)):{},q(r||!e||!e.__esModule?A(i,"default",{value:e,enumerable:!0}):i,e)),we=e=>q(A({},"__esModule",{value:!0}),e);var Ne={};Ue(Ne,{CldImage:()=>H,CldOgImage:()=>X,CldUploadButton:()=>F,CldUploadWidget:()=>L,CldVideoPlayer:()=>Y,cloudinaryLoader:()=>T,getCldImageUrl:()=>I,getCldOgImageUrl:()=>me});module.exports=we(Ne);var N=u(require("react")),re=u(require("next/image")),ie=require("@cloudinary-util/util"),ne=require("@cloudinary-util/url-loader");async function k(e){let{src:r}=e;try{await new Promise((i,a)=>{fetch(r).then(t=>{if(!t.ok){a(t);return}i(t)})})}catch(i){return i.status===423?await k(e):!1}return!0}var oe=require("@cloudinary-util/url-loader");var Z=u(require("next/package.json"));var J={name:"next-cloudinary",version:"4.9.1",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.5.1","@cloudinary-util/util":"^2.0.1","@cloudinary/url-gen":"^1.8.6"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var Q="V",ee=J.version,te=Z.default.version;function I(e,r,i){return(0,oe.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},r),analytics:Object.assign({sdkCode:Q,sdkSemver:ee,techVersion:te,feature:""},i)})}function T({loaderOptions:e,imageProps:r,cldOptions:i,cldConfig:a={}}){let t={...r,...i};if(t.width=typeof t.width=="string"?parseInt(t.width):t.width,t.height=typeof t.height=="string"?parseInt(t.height):t.height,typeof(e==null?void 0:e.width)=="number"&&typeof t.width=="number"&&e.width!==t.width){let d=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*d))}return I(t,a)}var xe=e=>{let r=["deliveryType","preserveTransformations"];ne.transformationPlugins.forEach(({props:o=[]})=>{o.forEach(n=>{if(r.includes(n))throw new Error(`Option ${n} already exists!`);r.push(n)})});let i={alt:e.alt,src:e.src};Object.keys(e).filter(o=>!r.includes(o)).forEach(o=>i[o]=e[o]);let a=Object.keys(i).map(o=>`${o}:${i[o]}`).join(";"),[t,d]=(0,N.useState)(a),l={};if(r.forEach(o=>{e[o]&&(l[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=(0,ie.getTransformations)(e.src).map(n=>n.join(","));l.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function c(o){await k({src:o.target.src})&&d(`${a};${Date.now()}`)}return N.default.createElement(re.default,{key:t,...i,loader:o=>T({loaderOptions:o,imageProps:i,cldOptions:l}),onError:c})},H=xe;var y=u(require("react")),ae=u(require("next/head"));var _e="summary_large_image",Le=({excludeTags:e=[],twitterTitle:r,keys:i={},...a})=>{let{alt:t}=a,d={...a,crop:a.crop||"fill",gravity:a.gravity||"center",height:a.height||1254,src:a.src,width:a.width||2400,widthResize:a.width||1200},l=typeof d.width=="string"?parseInt(d.width):d.width,c=typeof d.height=="string"?parseInt(d.height):d.height;typeof c=="number"&&typeof l=="number"&&(c=1200/l*c),l=1200;let o=I({...d,format:a.format||"jpg"}),n=I({...d,format:a.format||"webp"}),s={"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",...i};return y.default.createElement(ae.default,null,y.default.createElement("meta",{key:s["og:image"],property:"og:image",content:o}),y.default.createElement("meta",{key:s["og:image:secure_url"],property:"og:image:secure_url",content:o}),y.default.createElement("meta",{key:s["og:image:width"],property:"og:image:width",content:`${l}`}),y.default.createElement("meta",{key:s["og:image:height"],property:"og:image:height",content:`${c}`}),t&&y.default.createElement("meta",{key:s["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&y.default.createElement("meta",{key:s["twitter:title"],property:"twitter:title",content:r||" "}),y.default.createElement("meta",{key:s["twitter:card"],property:"twitter:card",content:_e}),y.default.createElement("meta",{key:s["twitter:image"],property:"twitter:image",content:n}))},X=Le;var b=u(require("react"));var p=u(require("react")),le=u(require("next/script"));function de(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var be=["success","display-changed"],ve=({children:e,onClose:r,onError:i,onOpen:a,onUpload:t,options:d,signatureEndpoint:l,uploadPreset:c})=>{let o=(0,p.useRef)(),n=(0,p.useRef)(),s=!!l,[C,G]=(0,p.useState)(void 0),[h,D]=(0,p.useState)(void 0),[V,M]=(0,p.useState)(!0),w={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:c||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};s&&(w.uploadSignature=E,w.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,p.useEffect)(()=>{if(typeof h=="undefined")return;let f=h.event==="success",O=h.event==="display-changed"&&h.info==="hidden";f&&typeof t=="function"&&t(h,n.current),O&&typeof r=="function"&&r(n.current)},[h]),(0,p.useEffect)(()=>{C&&typeof i=="function"&&i(C,n.current)},[C]);function v(){M(!1),o.current||(o.current=window.cloudinary),de(()=>{n.current||(n.current=x())})}function E(f,O){if(typeof l=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(l,{method:"POST",body:JSON.stringify({paramsToSign:O})}).then(g=>g.json()).then(({signature:g})=>{f(g)})}function x(){var f;return(f=o.current)==null?void 0:f.createUploadWidget(w,(O,g)=>{typeof O!="undefined"&&G(O),be.includes(g==null?void 0:g.event)&&D(g)})}function W(){n.current||(n.current=x()),n==null||n.current.open(),typeof a=="function"&&a(n.current)}return p.default.createElement(p.default.Fragment,null,typeof e=="function"&&e({cloudinary:o.current,widget:n.current,open:W,results:h,error:C,isLoading:V}),p.default.createElement(le.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:v,onError:f=>console.error(`Failed to load Cloudinary Upload Widget: ${f.message}`)}))},L=ve;var Ae=({children:e,onClick:r,onError:i,onUpload:a,options:t,signatureEndpoint:d,uploadPreset:l,...c})=>b.default.createElement(b.default.Fragment,null,b.default.createElement(L,{onError:i,onUpload:a,options:t,signatureEndpoint:d,uploadPreset:l},({open:o,isLoading:n})=>{function s(C){C.preventDefault(),o(),typeof r=="function"&&r(C)}return b.default.createElement("button",{...c,onClick:s,disabled:n},e||"Upload")})),F=Ae;var m=u(require("react")),se=u(require("next/script")),pe=u(require("next/head")),Te=e=>{let r=(0,m.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",className:a,colors:t,controls:d=!0,fontFace:l,height:c,id:o,logo:n=!0,loop:s=!1,muted:C=!1,onDataLoad:G,onError:h,onMetadataLoad:D,onPause:V,onPlay:M,onEnded:w,src:v,transformation:E,version:x="1.9.4",width:W}=e,f=(0,m.useRef)(),O=(0,m.useRef)(),g=e.videoRef||O,ce=(0,m.useRef)(),j=e.playerRef||ce,ge=o||`player-${v.replace("/","-")}-${r.current}`,S="cld-video-player cld-fluid";a&&(S=`${S} ${a}`);let R={error:h,loadeddata:G,loadedmetadata:D,pause:V,play:M,ended:w};function fe(P){let U=R[P.type];typeof U=="function"&&U(ye())}function ue(){if("cloudinary"in window){f.current=window.cloudinary;let P={};typeof n=="boolean"?P.showLogo=n:typeof n=="object"&&(P={...P,showLogo:!0,logoImageUrl:n.imageUrl,logoOnclickUrl:n.onClickUrl});let U={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:d,fontFace:l||"",loop:s,muted:C,publicId:v,secure:!0,...P};typeof t=="object"&&(U.colors=t),(Array.isArray(E)||typeof E=="object")&&(U.transformation=E),j.current=f.current.videoPlayer(g.current,U),Object.keys(R).forEach(K=>{var z;typeof R[K]=="function"&&((z=j.current)==null||z.on(K,fe))})}}function ye(){return{player:j.current,video:g.current}}return m.default.createElement(m.default.Fragment,null,m.default.createElement(pe.default,null,m.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.css`,rel:"stylesheet"})),m.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},m.default.createElement("video",{ref:g,id:ge,className:S,width:W,height:c}),m.default.createElement(se.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.js`,onLoad:ue,onError:P=>console.error(`Failed to load Cloudinary Video Player: ${P.message}`)})))},Y=Te;function me(e){return I({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl});
+"use strict";var Ie=Object.create;var T=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var Ee=(e,r)=>{for(var i in r)T(e,i,{get:r[i],enumerable:!0})},J=(e,r,i,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of Pe(r))!we.call(e,o)&&o!==i&&T(e,o,{get:()=>r[o],enumerable:!(n=Oe(r,o))||n.enumerable});return e};var f=(e,r,i)=>(i=e!=null?Ie(Ue(e)):{},J(r||!e||!e.__esModule?T(i,"default",{value:e,enumerable:!0}):i,e)),xe=e=>J(T({},"__esModule",{value:!0}),e);var De={};Ee(De,{CldImage:()=>$,CldOgImage:()=>F,CldUploadButton:()=>Y,CldUploadWidget:()=>b,CldVideoPlayer:()=>K,cloudinaryLoader:()=>G,getCldImageUrl:()=>O,getCldOgImageUrl:()=>me});module.exports=xe(De);var U=f(require("react")),ie=f(require("next/image")),ne=require("@cloudinary-util/util"),ae=require("@cloudinary-util/url-loader");async function N(e){let{src:r}=e;try{await new Promise((i,n)=>{fetch(r).then(o=>{if(!o.ok){n(o);return}i(o)})})}catch(i){return i.status===423?await N(e):!1}return!0}var re=require("@cloudinary-util/url-loader");var Q=f(require("next/package.json"));var Z={name:"next-cloudinary",version:"4.10.1",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.5.1","@cloudinary-util/util":"^2.0.1","@cloudinary/url-gen":"^1.8.6"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var ee="V",te=Z.version,oe=Q.default.version;function O(e,r,i){return(0,re.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},r),analytics:Object.assign({sdkCode:ee,sdkSemver:te,techVersion:oe,feature:""},i)})}function G({loaderOptions:e,imageProps:r,cldOptions:i,cldConfig:n={}}){let o={...r,...i};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof(e==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width){let d=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*d))}return O(o,n)}var Le=e=>{let r=["deliveryType","preserveTransformations"];ae.transformationPlugins.forEach(({props:t=[]})=>{t.forEach(a=>{if(r.includes(a))throw new Error(`Option ${a} already exists!`);r.push(a)})});let i={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!r.includes(t)).forEach(t=>i[t]=e[t]);let n=Object.keys(i).map(t=>`${t}:${i[t]}`).join(";"),[o,d]=(0,U.useState)(n),l={};if(r.forEach(t=>{e[t]&&(l[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=(0,ne.getTransformations)(e.src).map(a=>a.join(","));l.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function m(t){await N({src:t.target.src})&&d(`${n};${Date.now()}`)}let p=(0,U.useCallback)(m,[N,n]);return U.default.createElement(ie.default,{key:o,...i,loader:t=>G({loaderOptions:t,imageProps:i,cldOptions:l}),onError:p})},$=Le;var y=f(require("react")),de=f(require("next/head"));var be="summary_large_image",ve=({excludeTags:e=[],twitterTitle:r,keys:i={},...n})=>{let{alt:o}=n,d={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||1254,src:n.src,width:n.width||2400,widthResize:n.width||1200},l=typeof d.width=="string"?parseInt(d.width):d.width,m=typeof d.height=="string"?parseInt(d.height):d.height;typeof m=="number"&&typeof l=="number"&&(m=1200/l*m),l=1200;let p=O({...d,format:n.format||"jpg"}),t=O({...d,format:n.format||"webp"}),a={"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",...i};return y.default.createElement(de.default,null,y.default.createElement("meta",{key:a["og:image"],property:"og:image",content:p}),y.default.createElement("meta",{key:a["og:image:secure_url"],property:"og:image:secure_url",content:p}),y.default.createElement("meta",{key:a["og:image:width"],property:"og:image:width",content:`${l}`}),y.default.createElement("meta",{key:a["og:image:height"],property:"og:image:height",content:`${m}`}),o&&y.default.createElement("meta",{key:a["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&y.default.createElement("meta",{key:a["twitter:title"],property:"twitter:title",content:r||" "}),y.default.createElement("meta",{key:a["twitter:card"],property:"twitter:card",content:be}),y.default.createElement("meta",{key:a["twitter:image"],property:"twitter:image",content:t}))},F=ve;var v=f(require("react"));var s=f(require("react")),se=f(require("next/script"));function le(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Ae=["success","display-changed"],Te=({children:e,onClose:r,onError:i,onOpen:n,onUpload:o,options:d,signatureEndpoint:l,uploadPreset:m})=>{let p=(0,s.useRef)(),t=(0,s.useRef)(),a=!!l,[C,D]=(0,s.useState)(void 0),[h,V]=(0,s.useState)(void 0),[M,W]=(0,s.useState)(!0),w={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:m||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};a&&(w.uploadSignature=E,w.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,s.useEffect)(()=>{if(typeof h=="undefined")return;let u=h.event==="success",I=h.event==="display-changed"&&h.info==="hidden";u&&typeof o=="function"&&o(h,t.current),I&&typeof r=="function"&&r(t.current)},[h]),(0,s.useEffect)(()=>{C&&typeof i=="function"&&i(C,t.current)},[C]);function A(){W(!1),p.current||(p.current=window.cloudinary),le(()=>{t.current||(t.current=x())})}function E(u,I){if(typeof l=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(l,{method:"POST",body:JSON.stringify({paramsToSign:I})}).then(g=>g.json()).then(({signature:g})=>{u(g)})}function x(){var u;return(u=p.current)==null?void 0:u.createUploadWidget(w,(I,g)=>{typeof I!="undefined"&&D(I),Ae.includes(g==null?void 0:g.event)&&V(g)})}function j(){t.current||(t.current=x()),t==null||t.current.open(),typeof n=="function"&&n(t.current)}return s.default.createElement(s.default.Fragment,null,typeof e=="function"&&e({cloudinary:p.current,widget:t.current,open:j,results:h,error:C,isLoading:M}),s.default.createElement(se.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:A,onError:u=>console.error(`Failed to load Cloudinary Upload Widget: ${u.message}`)}))},b=Te;var Ne=({children:e,onClick:r,onError:i,onUpload:n,options:o,signatureEndpoint:d,uploadPreset:l,...m})=>v.default.createElement(v.default.Fragment,null,v.default.createElement(b,{onError:i,onUpload:n,options:o,signatureEndpoint:d,uploadPreset:l},({open:p,isLoading:t})=>{function a(C){C.preventDefault(),p(),typeof r=="function"&&r(C)}return v.default.createElement("button",{...m,onClick:a,disabled:t},e||"Upload")})),Y=Ne;var c=f(require("react")),pe=f(require("next/script")),ce=f(require("next/head")),Ge=e=>{let r=(0,c.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",className:n,colors:o,controls:d=!0,fontFace:l,height:m,id:p,logo:t=!0,loop:a=!1,muted:C=!1,onDataLoad:D,onError:h,onMetadataLoad:V,onPause:M,onPlay:W,onEnded:w,src:A,transformation:E,version:x="1.9.4",quality:j="auto",width:u}=e,I=Array.isArray(E)?E:[E];I.unshift({quality:j});let g=(0,c.useRef)(),ge=(0,c.useRef)(),S=e.videoRef||ge,fe=(0,c.useRef)(),R=e.playerRef||fe,ue=p||`player-${A.replace("/","-")}-${r.current}`,k="cld-video-player cld-fluid";n&&(k=`${k} ${n}`);let H={error:h,loadeddata:D,loadedmetadata:V,pause:M,play:W,ended:w};function ye(P){let _=H[P.type];typeof _=="function"&&_(he())}function Ce(){if("cloudinary"in window){g.current=window.cloudinary;let P={};typeof t=="boolean"?P.showLogo=t:typeof t=="object"&&(P={...P,showLogo:!0,logoImageUrl:t.imageUrl,logoOnclickUrl:t.onClickUrl});let _={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:d,fontFace:l||"",loop:a,muted:C,publicId:A,secure:!0,transformation:I,...P};typeof o=="object"&&(_.colors=o),R.current=g.current.videoPlayer(S.current,_),Object.keys(H).forEach(z=>{var q;typeof H[z]=="function"&&((q=R.current)==null||q.on(z,ye))})}}function he(){return{player:R.current,video:S.current}}return c.default.createElement(c.default.Fragment,null,c.default.createElement(ce.default,null,c.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.css`,rel:"stylesheet"})),c.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},c.default.createElement("video",{ref:S,id:ue,className:k,width:u,height:m}),c.default.createElement(pe.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.js`,onLoad:Ce,onError:P=>console.error(`Failed to load Cloudinary Video Player: ${P.message}`)})))},K=Ge;function me(e){return O({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl});
 //# 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/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.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, CldUploadWidgetPropsOptions, CldUploadWidgetResults } from './components/CldUploadWidget';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsColors, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrl, GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrl } from './helpers/getCldOgImageUrl';\n\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from './types/player';","import React, { useState } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  src: string;\n  preserveTransformations?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations'\n  ];\n\n  transformationPlugins.forEach(({ props = [] }) => {\n    props.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 = {\n    alt: props.alt,\n    src: props.src\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => !CLD_OPTIONS.includes(key))\n    // @ts-expect-error\n    .forEach(key => imageProps[key] = props[key]);\n\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  const cldOptions = {};\n\n  CLD_OPTIONS.forEach(key => {\n    // @ts-expect-error\n    if ( props[key] ) {\n      // @ts-expect-error\n      cldOptions[key] = props[key] || 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      // @ts-expect-error\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  /**\n   * handleOnError\n   */\n\n  interface HandleOnError {\n    target: any;\n  }\n\n  async function handleOnError(options: HandleOnError) {\n    const result = await pollForProcessingImage({ src: options.target.src })\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  return (\n    <Image\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n      onError={handleOnError}\n    />\n  );\n}\n\nexport default CldImage;\n","/**\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    if ( e.status === 423 ) {\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n  options: GetCldImageUrlOptions;\n  config?: GetCldImageUrlConfig;\n  analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n    }, config),\n    analytics: Object.assign({\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"4.9.1\",\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 src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^3.5.1\",\n    \"@cloudinary-util/util\": \"^2.0.1\",\n    \"@cloudinary/url-gen\": \"^1.8.6\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.19.6\",\n    \"@babel/preset-env\": \"^7.19.4\",\n    \"@types/jest\": \"^29.2.0\",\n    \"@types/react\": \"^18.0.28\",\n    \"@types/react-dom\": \"^18.0.11\",\n    \"babel-jest\": \"^29.2.2\",\n    \"dotenv\": \"^16.0.3\",\n    \"jest\": \"^29.2.2\",\n    \"jest-environment-jsdom\": \"^29.2.2\",\n    \"ts-jest\": \"^29.0.3\",\n    \"tsup\": \"^6.6.3\",\n    \"typescript\": \"^4.9.4\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n  heightResize?: string | number;\n  widthResize?: string | number;\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.widthResize = loaderOptions.width;\n\n    if ( typeof options.height === 'number' ) {\n      options.heightResize = Math.round(options.height * multiplier);\n    }\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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  const options: ImageOptions = {\n    ...props,\n    crop: props.crop || 'fill',\n    gravity: props.gravity || 'center',\n    height: props.height || OG_IMAGE_HEIGHT,\n    src: props.src,\n    width: props.width || OG_IMAGE_WIDTH,\n    widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n  }\n\n  let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n  // Resize the height based on the widthResize property\n\n  if ( typeof height === 'number' && typeof width === 'number' ) {\n    height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n  }\n\n  width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n    ...options,\n    format: props.format || 'jpg',\n  });\n\n  const twitterImageUrl = getCldImageUrl({\n    ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  children,\n  onClick,\n  onError,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n  'display-changed'\n];\n\nconst CldUploadWidget = ({\n  children,\n  onClose,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n}: CldUploadWidgetProps) => {\n  const cloudinary: any = useRef();\n  const widget: any = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState(undefined);\n  const [results, setResults] = useState<CldUploadWidgetResults | 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  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    const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      onUpload(results, widget.current);\n    }\n\n    if ( isClosed && typeof onClose === 'function' ) {\n      onClose(widget.current);\n    }\n  }, [results])\n\n  useEffect(() => {\n    if ( error && typeof onError === 'function' ) {\n      onError(error, widget.current);\n    }\n  }, [error]);\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    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  /**\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    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\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: any, uploadResult: any) => {\n      // The callback is a bit more chatty than failed or success so\n      // only trigger when one of those are the case. You can additionally\n      // create a separate handler such as onEvent and trigger it on\n      // ever occurrence\n\n      if ( typeof uploadError !== 'undefined' ) {\n        setError(uploadError);\n      }\n\n      if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n        setResults(uploadResult);\n      }\n    });\n  }\n\n  /**\n   * open\n   * @description When triggered, uses the current widget instance to open the upload modal\n   */\n\n  function open() {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    widget?.current.open();\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        open,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://widget.cloudinary.com/v2.0/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","/**\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 } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n  // If no ID is passed in - we want to be able to ensure that we are using\n  // unique IDs for each player. We can do this by generating a random number\n  // and using that as the ID. We use a ref here so that we can ensure that\n  // the ID is only generated once.\n  const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n  const {\n    autoPlay = 'never',\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    src,\n    transformation,\n    version = '1.9.4',\n    width,\n  } = props as CldVideoPlayerProps;\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-${src.replace('/', '-')}-${idRef.current}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\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  /**\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\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      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        ...logoOptions\n      };\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\n      }\n\n      if ( Array.isArray(transformation) || typeof transformation === 'object' ) {\n        playerOptions.transformation = transformation;\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  /**\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@${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-${Math.floor(Math.random() * 100)}`}\n          src={`https://unpkg.com/cloudinary-video-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 { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    crop: options.crop || 'fill',\n    format: options.format || 'jpg',\n    gravity: options.gravity || 'center',\n    height: options.height || OG_IMAGE_HEIGHT,\n    width: options.width || OG_IMAGE_WIDTH,\n    widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n  });\n}"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","handleOnError","options","pollForProcessingImage","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","width","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
+{"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/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.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, CldUploadWidgetPropsOptions, CldUploadWidgetResults } from './components/CldUploadWidget';\n\nexport { default as CldVideoPlayer } from './components/CldVideoPlayer';\nexport type { CldVideoPlayerProps, CldVideoPlayerPropsColors, CldVideoPlayerPropsLogo } from './components/CldVideoPlayer';\n\nexport { cloudinaryLoader } from './loaders/cloudinary-loader';\nexport type { CloudinaryLoader, CloudinaryLoaderLoaderOptions, CloudinaryLoaderCldOptions } from './loaders/cloudinary-loader';\n\nexport { getCldImageUrl } from './helpers/getCldImageUrl';\nexport type { GetCldImageUrl, GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './helpers/getCldImageUrl';\n\nexport { getCldOgImageUrl } from './helpers/getCldOgImageUrl';\nexport type { GetCldOgImageUrl } from './helpers/getCldOgImageUrl';\n\nexport type { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo } from './types/player';","import React, { useState, useCallback } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  src: string;\n  preserveTransformations?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations'\n  ];\n\n  transformationPlugins.forEach(({ props = [] }) => {\n    props.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 = {\n    alt: props.alt,\n    src: props.src,\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => !CLD_OPTIONS.includes(key))\n    // @ts-expect-error\n    .forEach(key => imageProps[key] = 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  const cldOptions = {};\n\n  CLD_OPTIONS.forEach(key => {\n    // @ts-expect-error\n    if ( props[key] ) {\n      // @ts-expect-error\n      cldOptions[key] = props[key] || 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      // @ts-expect-error\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  /**\n   * handleOnError\n   */\n\n  interface HandleOnError {\n    target: any;\n  }\n\n  async function onError(options: HandleOnError) {\n    const result = await pollForProcessingImage({ src: options.target.src })\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n  return (\n    <Image\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n      onError={handleOnError}\n    />\n  );\n}\n\nexport default CldImage;\n","/**\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    if ( e.status === 423 ) {\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n  options: GetCldImageUrlOptions;\n  config?: GetCldImageUrlConfig;\n  analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n    }, config),\n    analytics: Object.assign({\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"4.10.1\",\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 src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^3.5.1\",\n    \"@cloudinary-util/util\": \"^2.0.1\",\n    \"@cloudinary/url-gen\": \"^1.8.6\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.19.6\",\n    \"@babel/preset-env\": \"^7.19.4\",\n    \"@types/jest\": \"^29.2.0\",\n    \"@types/react\": \"^18.0.28\",\n    \"@types/react-dom\": \"^18.0.11\",\n    \"babel-jest\": \"^29.2.2\",\n    \"dotenv\": \"^16.0.3\",\n    \"jest\": \"^29.2.2\",\n    \"jest-environment-jsdom\": \"^29.2.2\",\n    \"ts-jest\": \"^29.0.3\",\n    \"tsup\": \"^6.6.3\",\n    \"typescript\": \"^4.9.4\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n  heightResize?: string | number;\n  widthResize?: string | number;\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.widthResize = loaderOptions.width;\n\n    if ( typeof options.height === 'number' ) {\n      options.heightResize = Math.round(options.height * multiplier);\n    }\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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  const options: ImageOptions = {\n    ...props,\n    crop: props.crop || 'fill',\n    gravity: props.gravity || 'center',\n    height: props.height || OG_IMAGE_HEIGHT,\n    src: props.src,\n    width: props.width || OG_IMAGE_WIDTH,\n    widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n  }\n\n  let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n  // Resize the height based on the widthResize property\n\n  if ( typeof height === 'number' && typeof width === 'number' ) {\n    height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n  }\n\n  width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n    ...options,\n    format: props.format || 'jpg',\n  });\n\n  const twitterImageUrl = getCldImageUrl({\n    ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  children,\n  onClick,\n  onError,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n  'display-changed'\n];\n\nconst CldUploadWidget = ({\n  children,\n  onClose,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n}: CldUploadWidgetProps) => {\n  const cloudinary: any = useRef();\n  const widget: any = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState(undefined);\n  const [results, setResults] = useState<CldUploadWidgetResults | 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  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    const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      onUpload(results, widget.current);\n    }\n\n    if ( isClosed && typeof onClose === 'function' ) {\n      onClose(widget.current);\n    }\n  }, [results])\n\n  useEffect(() => {\n    if ( error && typeof onError === 'function' ) {\n      onError(error, widget.current);\n    }\n  }, [error]);\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    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  /**\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    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\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: any, uploadResult: any) => {\n      // The callback is a bit more chatty than failed or success so\n      // only trigger when one of those are the case. You can additionally\n      // create a separate handler such as onEvent and trigger it on\n      // ever occurrence\n\n      if ( typeof uploadError !== 'undefined' ) {\n        setError(uploadError);\n      }\n\n      if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n        setResults(uploadResult);\n      }\n    });\n  }\n\n  /**\n   * open\n   * @description When triggered, uses the current widget instance to open the upload modal\n   */\n\n  function open() {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    widget?.current.open();\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        open,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://widget.cloudinary.com/v2.0/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","/**\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 } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n  // If no ID is passed in - we want to be able to ensure that we are using\n  // unique IDs for each player. We can do this by generating a random number\n  // and using that as the ID. We use a ref here so that we can ensure that\n  // the ID is only generated once.\n  const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n  const {\n    autoPlay = 'never',\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    src,\n    transformation,\n    version = '1.9.4',\n    quality = 'auto',\n    width,\n  } = props as CldVideoPlayerProps;\n\n  const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\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-${src.replace('/', '-')}-${idRef.current}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\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  /**\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\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      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        transformation: playerTransformations,\n        ...logoOptions\n      };\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\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  /**\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@${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-${Math.floor(Math.random() * 100)}`}\n          src={`https://unpkg.com/cloudinary-video-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 { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    crop: options.crop || 'fill',\n    format: options.format || 'jpg',\n    gravity: options.gravity || 'center',\n    height: options.height || OG_IMAGE_HEIGHT,\n    width: options.width || OG_IMAGE_WIDTH,\n    widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n  });\n}"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","getCldOgImageUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","pollForProcessingImage","options","src","resolve","reject","res","e","import_url_loader","import_package","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","t","e","onError","options","pollForProcessingImage","handleOnError","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","import_react","import_react","import_script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","widget","signed","error","setError","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","quality","width","playerTransformations","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import pe,{useState as me}from"react";import ce from"next/image";import{getTransformations as ge}from"@cloudinary-util/util";import{transformationPlugins as fe}from"@cloudinary-util/url-loader";async function W(e){let{src:a}=e;try{await new Promise((n,i)=>{fetch(a).then(t=>{if(!t.ok){i(t);return}n(t)})})}catch(n){return n.status===423?await W(e):!1}return!0}import{constructCloudinaryUrl as se}from"@cloudinary-util/url-loader";import le from"next/package.json";var X={name:"next-cloudinary",version:"4.9.1",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.5.1","@cloudinary-util/util":"^2.0.1","@cloudinary/url-gen":"^1.8.6"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var F="V",Y=X.version,K=le.version;function h(e,a,n){return se({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:F,sdkSemver:Y,techVersion:K,feature:""},n)})}function j({loaderOptions:e,imageProps:a,cldOptions:n,cldConfig:i={}}){let t={...a,...n};if(t.width=typeof t.width=="string"?parseInt(t.width):t.width,t.height=typeof t.height=="string"?parseInt(t.height):t.height,typeof(e==null?void 0:e.width)=="number"&&typeof t.width=="number"&&e.width!==t.width){let d=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*d))}return h(t,i)}var ue=e=>{let a=["deliveryType","preserveTransformations"];fe.forEach(({props:o=[]})=>{o.forEach(r=>{if(a.includes(r))throw new Error(`Option ${r} already exists!`);a.push(r)})});let n={alt:e.alt,src:e.src};Object.keys(e).filter(o=>!a.includes(o)).forEach(o=>n[o]=e[o]);let i=Object.keys(n).map(o=>`${o}:${n[o]}`).join(";"),[t,d]=me(i),l={};if(a.forEach(o=>{e[o]&&(l[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=ge(e.src).map(r=>r.join(","));l.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function p(o){await W({src:o.target.src})&&d(`${i};${Date.now()}`)}return pe.createElement(ce,{key:t,...n,loader:o=>j({loaderOptions:o,imageProps:n,cldOptions:l}),onError:p})},z=ue;import u from"react";import ye from"next/head";var Ce="summary_large_image",he=({excludeTags:e=[],twitterTitle:a,keys:n={},...i})=>{let{alt:t}=i,d={...i,crop:i.crop||"fill",gravity:i.gravity||"center",height:i.height||1254,src:i.src,width:i.width||2400,widthResize:i.width||1200},l=typeof d.width=="string"?parseInt(d.width):d.width,p=typeof d.height=="string"?parseInt(d.height):d.height;typeof p=="number"&&typeof l=="number"&&(p=1200/l*p),l=1200;let o=h({...d,format:i.format||"jpg"}),r=h({...d,format:i.format||"webp"}),s={"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",...n};return u.createElement(ye,null,u.createElement("meta",{key:s["og:image"],property:"og:image",content:o}),u.createElement("meta",{key:s["og:image:secure_url"],property:"og:image:secure_url",content:o}),u.createElement("meta",{key:s["og:image:width"],property:"og:image:width",content:`${l}`}),u.createElement("meta",{key:s["og:image:height"],property:"og:image:height",content:`${p}`}),t&&u.createElement("meta",{key:s["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&u.createElement("meta",{key:s["twitter:title"],property:"twitter:title",content:a||" "}),u.createElement("meta",{key:s["twitter:card"],property:"twitter:card",content:Ce}),u.createElement("meta",{key:s["twitter:image"],property:"twitter:image",content:r}))},q=he;import L from"react";import k,{useState as H,useEffect as Z,useRef as Q}from"react";import Ie from"next/script";function J(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var Oe=["success","display-changed"],Pe=({children:e,onClose:a,onError:n,onOpen:i,onUpload:t,options:d,signatureEndpoint:l,uploadPreset:p})=>{let o=Q(),r=Q(),s=!!l,[g,v]=H(void 0),[f,A]=H(void 0),[T,N]=H(!0),P={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:p||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};s&&(P.uploadSignature=U,P.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),Z(()=>{if(typeof f=="undefined")return;let c=f.event==="success",y=f.event==="display-changed"&&f.info==="hidden";c&&typeof t=="function"&&t(f,r.current),y&&typeof a=="function"&&a(r.current)},[f]),Z(()=>{g&&typeof n=="function"&&n(g,r.current)},[g]);function x(){N(!1),o.current||(o.current=window.cloudinary),J(()=>{r.current||(r.current=w())})}function U(c,y){if(typeof l=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(l,{method:"POST",body:JSON.stringify({paramsToSign:y})}).then(m=>m.json()).then(({signature:m})=>{c(m)})}function w(){var c;return(c=o.current)==null?void 0:c.createUploadWidget(P,(y,m)=>{typeof y!="undefined"&&v(y),Oe.includes(m==null?void 0:m.event)&&A(m)})}function G(){r.current||(r.current=w()),r==null||r.current.open(),typeof i=="function"&&i(r.current)}return k.createElement(k.Fragment,null,typeof e=="function"&&e({cloudinary:o.current,widget:r.current,open:G,results:f,error:g,isLoading:T}),k.createElement(Ie,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:x,onError:c=>console.error(`Failed to load Cloudinary Upload Widget: ${c.message}`)}))},_=Pe;var Ue=({children:e,onClick:a,onError:n,onUpload:i,options:t,signatureEndpoint:d,uploadPreset:l,...p})=>L.createElement(L.Fragment,null,L.createElement(_,{onError:n,onUpload:i,options:t,signatureEndpoint:d,uploadPreset:l},({open:o,isLoading:r})=>{function s(g){g.preventDefault(),o(),typeof a=="function"&&a(g)}return L.createElement("button",{...p,onClick:s,disabled:r},e||"Upload")})),ee=Ue;import I,{useRef as b}from"react";import we from"next/script";import Ee from"next/head";var xe=e=>{let a=b(Math.ceil(Math.random()*1e5)),{autoPlay:n="never",className:i,colors:t,controls:d=!0,fontFace:l,height:p,id:o,logo:r=!0,loop:s=!1,muted:g=!1,onDataLoad:v,onError:f,onMetadataLoad:A,onPause:T,onPlay:N,onEnded:P,src:x,transformation:U,version:w="1.9.4",width:G}=e,c=b(),y=b(),m=e.videoRef||y,oe=b(),D=e.playerRef||oe,re=o||`player-${x.replace("/","-")}-${a.current}`,V="cld-video-player cld-fluid";i&&(V=`${V} ${i}`);let M={error:f,loadeddata:v,loadedmetadata:A,pause:T,play:N,ended:P};function ie(C){let O=M[C.type];typeof O=="function"&&O(ae())}function ne(){if("cloudinary"in window){c.current=window.cloudinary;let C={};typeof r=="boolean"?C.showLogo=r:typeof r=="object"&&(C={...C,showLogo:!0,logoImageUrl:r.imageUrl,logoOnclickUrl:r.onClickUrl});let O={autoplayMode:n,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:d,fontFace:l||"",loop:s,muted:g,publicId:x,secure:!0,...C};typeof t=="object"&&(O.colors=t),(Array.isArray(U)||typeof U=="object")&&(O.transformation=U),D.current=c.current.videoPlayer(m.current,O),Object.keys(M).forEach($=>{var B;typeof M[$]=="function"&&((B=D.current)==null||B.on($,ie))})}}function ae(){return{player:D.current,video:m.current}}return I.createElement(I.Fragment,null,I.createElement(Ee,null,I.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.css`,rel:"stylesheet"})),I.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},I.createElement("video",{ref:m,id:re,className:V,width:G,height:p}),I.createElement(we,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.js`,onLoad:ne,onError:C=>console.error(`Failed to load Cloudinary Video Player: ${C.message}`)})))},te=xe;function _e(e){return h({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}export{z as CldImage,q as CldOgImage,ee as CldUploadButton,_ as CldUploadWidget,te as CldVideoPlayer,j as cloudinaryLoader,h as getCldImageUrl,_e as getCldOgImageUrl};
+import me,{useState as ge,useCallback as fe}from"react";import ue from"next/image";import{getTransformations as ye}from"@cloudinary-util/util";import{transformationPlugins as Ce}from"@cloudinary-util/url-loader";async function _(e){let{src:a}=e;try{await new Promise((i,r)=>{fetch(a).then(o=>{if(!o.ok){r(o);return}i(o)})})}catch(i){return i.status===423?await _(e):!1}return!0}import{constructCloudinaryUrl as ce}from"@cloudinary-util/url-loader";import pe from"next/package.json";var F={name:"next-cloudinary",version:"4.10.1",main:"./dist/index.js",module:"./dist/index.mjs",types:"./dist/index.d.ts",source:"src/index.ts",scripts:{build:"tsup src/index.ts --dts",dev:"tsup src/index.ts --watch --dts",prepublishOnly:"cp ../README.md . && yarn build",postpublish:"rm ./README.md",test:"jest","test:app":'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="test" yarn build && cd tests/nextjs-app && yarn build'},dependencies:{"@cloudinary-util/url-loader":"^3.5.1","@cloudinary-util/util":"^2.0.1","@cloudinary/url-gen":"^1.8.6"},devDependencies:{"@babel/core":"^7.19.6","@babel/preset-env":"^7.19.4","@types/jest":"^29.2.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","babel-jest":"^29.2.2",dotenv:"^16.0.3",jest:"^29.2.2","jest-environment-jsdom":"^29.2.2","ts-jest":"^29.0.3",tsup:"^6.6.3",typescript:"^4.9.4"},peerDependencies:{next:"^12 || ^13",react:"^17 || ^18"}};var Y="V",K=F.version,z=pe.version;function h(e,a,i){return ce({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:Y,sdkSemver:K,techVersion:z,feature:""},i)})}function S({loaderOptions:e,imageProps:a,cldOptions:i,cldConfig:r={}}){let o={...a,...i};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof(e==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width){let d=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*d))}return h(o,r)}var he=e=>{let a=["deliveryType","preserveTransformations"];Ce.forEach(({props:t=[]})=>{t.forEach(n=>{if(a.includes(n))throw new Error(`Option ${n} already exists!`);a.push(n)})});let i={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!a.includes(t)).forEach(t=>i[t]=e[t]);let r=Object.keys(i).map(t=>`${t}:${i[t]}`).join(";"),[o,d]=ge(r),l={};if(a.forEach(t=>{e[t]&&(l[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=ye(e.src).map(n=>n.join(","));l.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function p(t){await _({src:t.target.src})&&d(`${r};${Date.now()}`)}let s=fe(p,[_,r]);return me.createElement(ue,{key:o,...i,loader:t=>S({loaderOptions:t,imageProps:i,cldOptions:l}),onError:s})},q=he;import y from"react";import Ie from"next/head";var Oe="summary_large_image",Pe=({excludeTags:e=[],twitterTitle:a,keys:i={},...r})=>{let{alt:o}=r,d={...r,crop:r.crop||"fill",gravity:r.gravity||"center",height:r.height||1254,src:r.src,width:r.width||2400,widthResize:r.width||1200},l=typeof d.width=="string"?parseInt(d.width):d.width,p=typeof d.height=="string"?parseInt(d.height):d.height;typeof p=="number"&&typeof l=="number"&&(p=1200/l*p),l=1200;let s=h({...d,format:r.format||"jpg"}),t=h({...d,format:r.format||"webp"}),n={"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",...i};return y.createElement(Ie,null,y.createElement("meta",{key:n["og:image"],property:"og:image",content:s}),y.createElement("meta",{key:n["og:image:secure_url"],property:"og:image:secure_url",content:s}),y.createElement("meta",{key:n["og:image:width"],property:"og:image:width",content:`${l}`}),y.createElement("meta",{key:n["og:image:height"],property:"og:image:height",content:`${p}`}),o&&y.createElement("meta",{key:n["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&y.createElement("meta",{key:n["twitter:title"],property:"twitter:title",content:a||" "}),y.createElement("meta",{key:n["twitter:card"],property:"twitter:card",content:Oe}),y.createElement("meta",{key:n["twitter:image"],property:"twitter:image",content:t}))},J=Pe;import b from"react";import H,{useState as $,useEffect as Q,useRef as ee}from"react";import Ue from"next/script";function Z(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var we=["success","display-changed"],Ee=({children:e,onClose:a,onError:i,onOpen:r,onUpload:o,options:d,signatureEndpoint:l,uploadPreset:p})=>{let s=ee(),t=ee(),n=!!l,[g,A]=$(void 0),[f,T]=$(void 0),[N,G]=$(!0),O={cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,uploadPreset:p||process.env.NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET,apiKey:process.env.NEXT_PUBLIC_CLOUDINARY_API_KEY,...d};n&&(O.uploadSignature=P,O.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),Q(()=>{if(typeof f=="undefined")return;let m=f.event==="success",u=f.event==="display-changed"&&f.info==="hidden";m&&typeof o=="function"&&o(f,t.current),u&&typeof a=="function"&&a(t.current)},[f]),Q(()=>{g&&typeof i=="function"&&i(g,t.current)},[g]);function x(){G(!1),s.current||(s.current=window.cloudinary),Z(()=>{t.current||(t.current=U())})}function P(m,u){if(typeof l=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(l,{method:"POST",body:JSON.stringify({paramsToSign:u})}).then(c=>c.json()).then(({signature:c})=>{m(c)})}function U(){var m;return(m=s.current)==null?void 0:m.createUploadWidget(O,(u,c)=>{typeof u!="undefined"&&A(u),we.includes(c==null?void 0:c.event)&&T(c)})}function D(){t.current||(t.current=U()),t==null||t.current.open(),typeof r=="function"&&r(t.current)}return H.createElement(H.Fragment,null,typeof e=="function"&&e({cloudinary:s.current,widget:t.current,open:D,results:f,error:g,isLoading:N}),H.createElement(Ue,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:x,onError:m=>console.error(`Failed to load Cloudinary Upload Widget: ${m.message}`)}))},L=Ee;var xe=({children:e,onClick:a,onError:i,onUpload:r,options:o,signatureEndpoint:d,uploadPreset:l,...p})=>b.createElement(b.Fragment,null,b.createElement(L,{onError:i,onUpload:r,options:o,signatureEndpoint:d,uploadPreset:l},({open:s,isLoading:t})=>{function n(g){g.preventDefault(),s(),typeof a=="function"&&a(g)}return b.createElement("button",{...p,onClick:n,disabled:t},e||"Upload")})),te=xe;import I,{useRef as v}from"react";import _e from"next/script";import Le from"next/head";var be=e=>{let a=v(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",className:r,colors:o,controls:d=!0,fontFace:l,height:p,id:s,logo:t=!0,loop:n=!1,muted:g=!1,onDataLoad:A,onError:f,onMetadataLoad:T,onPause:N,onPlay:G,onEnded:O,src:x,transformation:P,version:U="1.9.4",quality:D="auto",width:m}=e,u=Array.isArray(P)?P:[P];u.unshift({quality:D});let c=v(),re=v(),V=e.videoRef||re,ie=v(),M=e.playerRef||ie,ne=s||`player-${x.replace("/","-")}-${a.current}`,W="cld-video-player cld-fluid";r&&(W=`${W} ${r}`);let j={error:f,loadeddata:A,loadedmetadata:T,pause:N,play:G,ended:O};function ae(C){let w=j[C.type];typeof w=="function"&&w(le())}function de(){if("cloudinary"in window){c.current=window.cloudinary;let C={};typeof t=="boolean"?C.showLogo=t:typeof t=="object"&&(C={...C,showLogo:!0,logoImageUrl:t.imageUrl,logoOnclickUrl:t.onClickUrl});let w={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:d,fontFace:l||"",loop:n,muted:g,publicId:x,secure:!0,transformation:u,...C};typeof o=="object"&&(w.colors=o),M.current=c.current.videoPlayer(V.current,w),Object.keys(j).forEach(B=>{var X;typeof j[B]=="function"&&((X=M.current)==null||X.on(B,ae))})}}function le(){return{player:M.current,video:V.current}}return I.createElement(I.Fragment,null,I.createElement(Le,null,I.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${U}/dist/cld-video-player.min.css`,rel:"stylesheet"})),I.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},I.createElement("video",{ref:V,id:ne,className:W,width:m,height:p}),I.createElement(_e,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${U}/dist/cld-video-player.min.js`,onLoad:de,onError:C=>console.error(`Failed to load Cloudinary Video Player: ${C.message}`)})))},oe=be;function ve(e){return h({...e,crop:e.crop||"fill",format:e.format||"jpg",gravity:e.gravity||"center",height:e.height||1254,width:e.width||2400,widthResize:e.width||1200})}export{q as CldImage,J as CldOgImage,te as CldUploadButton,L as CldUploadWidget,oe as CldVideoPlayer,S as cloudinaryLoader,h as getCldImageUrl,ve as getCldOgImageUrl};
 //# 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/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.ts"],"sourcesContent":["import React, { useState } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  src: string;\n  preserveTransformations?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations'\n  ];\n\n  transformationPlugins.forEach(({ props = [] }) => {\n    props.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 = {\n    alt: props.alt,\n    src: props.src\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => !CLD_OPTIONS.includes(key))\n    // @ts-expect-error\n    .forEach(key => imageProps[key] = props[key]);\n\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  const cldOptions = {};\n\n  CLD_OPTIONS.forEach(key => {\n    // @ts-expect-error\n    if ( props[key] ) {\n      // @ts-expect-error\n      cldOptions[key] = props[key] || 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      // @ts-expect-error\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  /**\n   * handleOnError\n   */\n\n  interface HandleOnError {\n    target: any;\n  }\n\n  async function handleOnError(options: HandleOnError) {\n    const result = await pollForProcessingImage({ src: options.target.src })\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  return (\n    <Image\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n      onError={handleOnError}\n    />\n  );\n}\n\nexport default CldImage;\n","/**\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    if ( e.status === 423 ) {\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n  options: GetCldImageUrlOptions;\n  config?: GetCldImageUrlConfig;\n  analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n    }, config),\n    analytics: Object.assign({\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"4.9.1\",\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 src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^3.5.1\",\n    \"@cloudinary-util/util\": \"^2.0.1\",\n    \"@cloudinary/url-gen\": \"^1.8.6\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.19.6\",\n    \"@babel/preset-env\": \"^7.19.4\",\n    \"@types/jest\": \"^29.2.0\",\n    \"@types/react\": \"^18.0.28\",\n    \"@types/react-dom\": \"^18.0.11\",\n    \"babel-jest\": \"^29.2.2\",\n    \"dotenv\": \"^16.0.3\",\n    \"jest\": \"^29.2.2\",\n    \"jest-environment-jsdom\": \"^29.2.2\",\n    \"ts-jest\": \"^29.0.3\",\n    \"tsup\": \"^6.6.3\",\n    \"typescript\": \"^4.9.4\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n  heightResize?: string | number;\n  widthResize?: string | number;\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.widthResize = loaderOptions.width;\n\n    if ( typeof options.height === 'number' ) {\n      options.heightResize = Math.round(options.height * multiplier);\n    }\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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  const options: ImageOptions = {\n    ...props,\n    crop: props.crop || 'fill',\n    gravity: props.gravity || 'center',\n    height: props.height || OG_IMAGE_HEIGHT,\n    src: props.src,\n    width: props.width || OG_IMAGE_WIDTH,\n    widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n  }\n\n  let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n  // Resize the height based on the widthResize property\n\n  if ( typeof height === 'number' && typeof width === 'number' ) {\n    height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n  }\n\n  width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n    ...options,\n    format: props.format || 'jpg',\n  });\n\n  const twitterImageUrl = getCldImageUrl({\n    ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  children,\n  onClick,\n  onError,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n  'display-changed'\n];\n\nconst CldUploadWidget = ({\n  children,\n  onClose,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n}: CldUploadWidgetProps) => {\n  const cloudinary: any = useRef();\n  const widget: any = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState(undefined);\n  const [results, setResults] = useState<CldUploadWidgetResults | 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  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    const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      onUpload(results, widget.current);\n    }\n\n    if ( isClosed && typeof onClose === 'function' ) {\n      onClose(widget.current);\n    }\n  }, [results])\n\n  useEffect(() => {\n    if ( error && typeof onError === 'function' ) {\n      onError(error, widget.current);\n    }\n  }, [error]);\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    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  /**\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    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\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: any, uploadResult: any) => {\n      // The callback is a bit more chatty than failed or success so\n      // only trigger when one of those are the case. You can additionally\n      // create a separate handler such as onEvent and trigger it on\n      // ever occurrence\n\n      if ( typeof uploadError !== 'undefined' ) {\n        setError(uploadError);\n      }\n\n      if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n        setResults(uploadResult);\n      }\n    });\n  }\n\n  /**\n   * open\n   * @description When triggered, uses the current widget instance to open the upload modal\n   */\n\n  function open() {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    widget?.current.open();\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        open,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://widget.cloudinary.com/v2.0/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","/**\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 } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n  // If no ID is passed in - we want to be able to ensure that we are using\n  // unique IDs for each player. We can do this by generating a random number\n  // and using that as the ID. We use a ref here so that we can ensure that\n  // the ID is only generated once.\n  const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n  const {\n    autoPlay = 'never',\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    src,\n    transformation,\n    version = '1.9.4',\n    width,\n  } = props as CldVideoPlayerProps;\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-${src.replace('/', '-')}-${idRef.current}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\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  /**\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\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      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        ...logoOptions\n      };\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\n      }\n\n      if ( Array.isArray(transformation) || typeof transformation === 'object' ) {\n        playerOptions.transformation = transformation;\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  /**\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@${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-${Math.floor(Math.random() * 100)}`}\n          src={`https://unpkg.com/cloudinary-video-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 { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    crop: options.crop || 'fill',\n    format: options.format || 'jpg',\n    gravity: options.gravity || 'center',\n    height: options.height || OG_IMAGE_HEIGHT,\n    width: options.width || OG_IMAGE_WIDTH,\n    widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n  });\n}"],"mappings":"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","names":["React","useState","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","handleOnError","options","pollForProcessingImage","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","useEffect","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","width","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}
+{"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/components/CldUploadButton/CldUploadButton.tsx","../src/components/CldUploadWidget/CldUploadWidget.tsx","../src/lib/util.ts","../src/components/CldVideoPlayer/CldVideoPlayer.tsx","../src/helpers/getCldOgImageUrl.ts"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport Image, { ImageProps } from 'next/image';\nimport { getTransformations } from '@cloudinary-util/util';\nimport { transformationPlugins } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { pollForProcessingImage } from '../../lib/cloudinary';\n\nimport { cloudinaryLoader } from '../../loaders/cloudinary-loader';\n\nexport type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {\n  src: string;\n  preserveTransformations?: boolean;\n};\n\nconst CldImage = (props: CldImageProps) => {\n  const CLD_OPTIONS = [\n    'deliveryType',\n    'preserveTransformations'\n  ];\n\n  transformationPlugins.forEach(({ props = [] }) => {\n    props.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 = {\n    alt: props.alt,\n    src: props.src,\n  };\n\n  (Object.keys(props) as Array<keyof typeof props>)\n    .filter(key => !CLD_OPTIONS.includes(key))\n    // @ts-expect-error\n    .forEach(key => imageProps[key] = 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  const cldOptions = {};\n\n  CLD_OPTIONS.forEach(key => {\n    // @ts-expect-error\n    if ( props[key] ) {\n      // @ts-expect-error\n      cldOptions[key] = props[key] || 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      // @ts-expect-error\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  /**\n   * handleOnError\n   */\n\n  interface HandleOnError {\n    target: any;\n  }\n\n  async function onError(options: HandleOnError) {\n    const result = await pollForProcessingImage({ src: options.target.src })\n    if ( result ) {\n      setImgKey(`${defaultImgKey};${Date.now()}`);\n    }\n  }\n\n  const handleOnError = useCallback(onError, [pollForProcessingImage, defaultImgKey]);\n\n  return (\n    <Image\n      key={imgKey}\n      {...imageProps}\n      loader={(loaderOptions) => cloudinaryLoader({ loaderOptions, imageProps, cldOptions })}\n      onError={handleOnError}\n    />\n  );\n}\n\nexport default CldImage;\n","/**\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    if ( e.status === 423 ) {\n      return await pollForProcessingImage(options);\n    }\n    return false;\n  }\n  return true;\n}","import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\n\n/**\n * getCldImage\n */\n\nexport interface GetCldImageUrlOptions extends ImageOptions {};\nexport interface GetCldImageUrlConfig extends ConfigOptions {};\nexport interface GetCldImageUrlAnalytics extends AnalyticsOptions {};\n\nexport interface GetCldImageUrl {\n  options: GetCldImageUrlOptions;\n  config?: GetCldImageUrlConfig;\n  analytics?: GetCldImageUrlAnalytics;\n}\n\nexport function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions) {\n  return constructCloudinaryUrl({\n    options,\n    config: Object.assign({\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n    }, config),\n    analytics: Object.assign({\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }, analytics)\n  });\n}","import nextPkg from 'next/package.json';\nimport pkg from '../../package.json';\n\nexport const NEXT_CLOUDINARY_ANALYTICS_ID = 'V';\nexport const NEXT_CLOUDINARY_VERSION = pkg.version;\nexport const NEXT_VERSION = nextPkg.version;","{\n  \"name\": \"next-cloudinary\",\n  \"version\": \"4.10.1\",\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 src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^3.5.1\",\n    \"@cloudinary-util/util\": \"^2.0.1\",\n    \"@cloudinary/url-gen\": \"^1.8.6\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.19.6\",\n    \"@babel/preset-env\": \"^7.19.4\",\n    \"@types/jest\": \"^29.2.0\",\n    \"@types/react\": \"^18.0.28\",\n    \"@types/react-dom\": \"^18.0.11\",\n    \"babel-jest\": \"^29.2.2\",\n    \"dotenv\": \"^16.0.3\",\n    \"jest\": \"^29.2.2\",\n    \"jest-environment-jsdom\": \"^29.2.2\",\n    \"ts-jest\": \"^29.0.3\",\n    \"tsup\": \"^6.6.3\",\n    \"typescript\": \"^4.9.4\"\n  },\n  \"peerDependencies\": {\n    \"next\": \"^12 || ^13\",\n    \"react\": \"^17 || ^18\"\n  }\n}\n","import { ImageProps } from 'next/image';\n\nimport { getCldImageUrl } from '../helpers/getCldImageUrl';\n\nexport interface CloudinaryLoaderCldOptions {\n  heightResize?: string | number;\n  widthResize?: string | number;\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.widthResize = loaderOptions.width;\n\n    if ( typeof options.height === 'number' ) {\n      options.heightResize = Math.round(options.height * multiplier);\n    }\n  }\n\n  // @ts-ignore\n  return getCldImageUrl(options, cldConfig);\n}","import React from 'react';\nimport Head from 'next/head';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { CldImageProps } from '../CldImage/CldImage';\nimport { getCldImageUrl } from '../../helpers/getCldImageUrl';\nimport { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, 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  const options: ImageOptions = {\n    ...props,\n    crop: props.crop || 'fill',\n    gravity: props.gravity || 'center',\n    height: props.height || OG_IMAGE_HEIGHT,\n    src: props.src,\n    width: props.width || OG_IMAGE_WIDTH,\n    widthResize: props.width || OG_IMAGE_WIDTH_RESIZE\n  }\n\n  let width = typeof options.width === 'string' ? parseInt(options.width) : options.width;\n  let height = typeof options.height === 'string' ? parseInt(options.height) : options.height;\n\n  // Resize the height based on the widthResize property\n\n  if ( typeof height === 'number' && typeof width === 'number' ) {\n    height = ( OG_IMAGE_WIDTH_RESIZE / width ) * height;\n  }\n\n  width = OG_IMAGE_WIDTH_RESIZE;\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 = getCldImageUrl({\n    ...options,\n    format: props.format || 'jpg',\n  });\n\n  const twitterImageUrl = getCldImageUrl({\n    ...options,\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 React from 'react';\nimport CldUploadWidget, { CldUploadWidgetProps } from '../CldUploadWidget';\n\nexport interface CldUploadButtonProps extends Omit<CldUploadWidgetProps, 'children'> {\n  children?: JSX.Element | string | Array<JSX.Element|string>;\n  onClick?: Function;\n}\n\nconst CldUploadButton = ({\n  children,\n  onClick,\n  onError,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n  ...props\n}: CldUploadButtonProps) => {\n\n  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\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} 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';\n\nimport { triggerOnIdle } from '../../lib/util';\n\nimport { CldUploadWidgetProps, CldUploadWidgetResults } from './CldUploadWidget.types';\n\nconst WIDGET_WATCHED_EVENTS = [\n  'success',\n  'display-changed'\n];\n\nconst CldUploadWidget = ({\n  children,\n  onClose,\n  onError,\n  onOpen,\n  onUpload,\n  options,\n  signatureEndpoint,\n  uploadPreset,\n}: CldUploadWidgetProps) => {\n  const cloudinary: any = useRef();\n  const widget: any = useRef();\n\n  const signed = !!signatureEndpoint;\n\n  const [error, setError] = useState(undefined);\n  const [results, setResults] = useState<CldUploadWidgetResults | 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  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    const isClosed = results.event === 'display-changed' && results.info === 'hidden';\n\n    if ( isSuccess && typeof onUpload === 'function' ) {\n      onUpload(results, widget.current);\n    }\n\n    if ( isClosed && typeof onClose === 'function' ) {\n      onClose(widget.current);\n    }\n  }, [results])\n\n  useEffect(() => {\n    if ( error && typeof onError === 'function' ) {\n      onError(error, widget.current);\n    }\n  }, [error]);\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    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  /**\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    })\n      .then((r) => r.json())\n      .then(({ signature }) => {\n        callback(signature);\n      });\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: any, uploadResult: any) => {\n      // The callback is a bit more chatty than failed or success so\n      // only trigger when one of those are the case. You can additionally\n      // create a separate handler such as onEvent and trigger it on\n      // ever occurrence\n\n      if ( typeof uploadError !== 'undefined' ) {\n        setError(uploadError);\n      }\n\n      if ( WIDGET_WATCHED_EVENTS.includes(uploadResult?.event) ) {\n        setResults(uploadResult);\n      }\n    });\n  }\n\n  /**\n   * open\n   * @description When triggered, uses the current widget instance to open the upload modal\n   */\n\n  function open() {\n    if (!widget.current) {\n      widget.current = createWidget();\n    }\n\n    widget?.current.open();\n\n    if ( typeof onOpen === 'function' ) {\n      onOpen(widget.current);\n    }\n  }\n\n  return (\n    <>\n      {typeof children === 'function' && children({\n        cloudinary: cloudinary.current,\n        widget: widget.current,\n        open,\n        results,\n        error,\n        isLoading: isScriptLoading,\n        })}\n      <Script\n        id={`cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`}\n        src=\"https://widget.cloudinary.com/v2.0/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","/**\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 } from 'react';\nimport Script from 'next/script';\nimport Head from 'next/head';\n\nimport { CldVideoPlayerProps } from './CldVideoPlayer.types';\nimport { CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsLogo } from '../../types/player';\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\n  // If no ID is passed in - we want to be able to ensure that we are using\n  // unique IDs for each player. We can do this by generating a random number\n  // and using that as the ID. We use a ref here so that we can ensure that\n  // the ID is only generated once.\n  const idRef = useRef(Math.ceil(Math.random() * 100000));\n\n  const {\n    autoPlay = 'never',\n    className,\n    colors,\n    controls = true,\n    fontFace,\n    height,\n    id,\n    logo = true,\n    loop = false,\n    muted = false,\n    onDataLoad,\n    onError,\n    onMetadataLoad,\n    onPause,\n    onPlay,\n    onEnded,\n    src,\n    transformation,\n    version = '1.9.4',\n    quality = 'auto',\n    width,\n  } = props as CldVideoPlayerProps;\n\n  const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];\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-${src.replace('/', '-')}-${idRef.current}`;\n  let playerClassName = 'cld-video-player cld-fluid';\n\n  if ( className ) {\n    playerClassName = `${playerClassName} ${className}`;\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  /**\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\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      let playerOptions: CloudinaryVideoPlayerOptions = {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        transformation: playerTransformations,\n        ...logoOptions\n      };\n\n      if ( typeof colors === 'object' ) {\n        playerOptions.colors = colors;\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  /**\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@${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-${Math.floor(Math.random() * 100)}`}\n          src={`https://unpkg.com/cloudinary-video-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 { OG_IMAGE_WIDTH, OG_IMAGE_WIDTH_RESIZE, OG_IMAGE_HEIGHT } from '../constants/sizes';\n\nimport { getCldImageUrl } from './getCldImageUrl';\nimport type { GetCldImageUrl, GetCldImageUrlOptions } from './getCldImageUrl';\n\n/**\n * getCldImageUrl\n */\n\nexport interface GetCldOgImageUrl extends GetCldImageUrl {}\n\nexport function getCldOgImageUrl(options: GetCldImageUrlOptions) {\n  return getCldImageUrl({\n    ...options,\n    crop: options.crop || 'fill',\n    format: options.format || 'jpg',\n    gravity: options.gravity || 'center',\n    height: options.height || OG_IMAGE_HEIGHT,\n    width: options.width || OG_IMAGE_WIDTH,\n    widthResize: options.width || OG_IMAGE_WIDTH_RESIZE\n  });\n}"],"mappings":"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","names":["React","useState","useCallback","Image","getTransformations","transformationPlugins","pollForProcessingImage","options","src","resolve","reject","res","e","constructCloudinaryUrl","nextPkg","package_default","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","package_default","NEXT_VERSION","nextPkg","getCldImageUrl","options","config","analytics","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","t","e","onError","options","pollForProcessingImage","handleOnError","useCallback","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","width","height","ogImageUrl","getCldImageUrl","twitterImageUrl","metaKeys","React","Head","CldOgImage_default","React","React","useState","useEffect","useRef","Script","triggerOnIdle","callback","WIDGET_WATCHED_EVENTS","CldUploadWidget","children","onClose","onError","onOpen","onUpload","options","signatureEndpoint","uploadPreset","cloudinary","useRef","widget","signed","error","setError","useState","results","setResults","isScriptLoading","setIsScriptLoading","uploadOptions","generateSignature","useEffect","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","isLoading","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","CldVideoPlayer","props","idRef","autoPlay","className","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","transformation","version","quality","width","playerTransformations","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","playerClassName","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-cloudinary",
-  "version": "4.9.1",
+  "version": "4.10.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",