npm - next-cloudinary - Versions diffs - 4.4.0 → 4.5.0 - Mend

next-cloudinary 4.4.0 → 4.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md CHANGED Viewed

@@ -184,6 +184,7 @@ yarn test
     </tr>
     <tr>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/mtliendo"><img src="https://avatars.githubusercontent.com/u/5106417?v=4?s=100" width="100px;" alt="Michael Liendo"/><br /><sub><b>Michael Liendo</b></sub></a><br /><a href="https://github.com/colbyfayock/next-cloudinary/commits?author=mtliendo" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jackblatch"><img src="https://avatars.githubusercontent.com/u/98260549?v=4?s=100" width="100px;" alt="Jack"/><br /><sub><b>Jack</b></sub></a><br /><a href="https://github.com/colbyfayock/next-cloudinary/commits?author=jackblatch" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

package/dist/index.d.ts CHANGED Viewed

@@ -196,4 +196,11 @@ interface GetCldImageUrl {
 }
 declare function getCldImageUrl(options: ImageOptions, config?: ConfigOptions, analytics?: AnalyticsOptions): string;
-export { CldImage, CldImageProps, CldOgImage, CldOgImageProps, CldUploadButton, CldUploadButtonProps, CldUploadWidget, CldUploadWidgetProps, CldUploadWidgetPropsChildren, CldUploadWidgetPropsOptions, CldUploadWidgetResults, CldVideoPlayer, CldVideoPlayerProps, CldVideoPlayerPropsColors, CldVideoPlayerPropsLogo, CloudinaryLoader, CloudinaryLoaderCldOptions, CloudinaryLoaderLoaderOptions, CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo, GetCldImageUrl, GetCldImageUrlAnalytics, GetCldImageUrlConfig, GetCldImageUrlOptions, cloudinaryLoader, getCldImageUrl };
+/**
+ * getCldImageUrl
+ */
+interface GetCldOgImageUrl extends GetCldImageUrl {
+}
+declare function getCldOgImageUrl(options: GetCldImageUrlOptions): string;
+export { CldImage, CldImageProps, CldOgImage, CldOgImageProps, CldUploadButton, CldUploadButtonProps, CldUploadWidget, CldUploadWidgetProps, CldUploadWidgetPropsChildren, CldUploadWidgetPropsOptions, CldUploadWidgetResults, CldVideoPlayer, CldVideoPlayerProps, CldVideoPlayerPropsColors, CldVideoPlayerPropsLogo, CloudinaryLoader, CloudinaryLoaderCldOptions, CloudinaryLoaderLoaderOptions, CloudinaryVideoPlayer, CloudinaryVideoPlayerOptions, CloudinaryVideoPlayerOptionsColors, CloudinaryVideoPlayerOptionsLogo, GetCldImageUrl, GetCldImageUrlAnalytics, GetCldImageUrlConfig, GetCldImageUrlOptions, GetCldOgImageUrl, cloudinaryLoader, getCldImageUrl, getCldOgImageUrl };

package/dist/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var pe=Object.create;var v=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var fe=(e,r)=>{for(var i in r)v(e,i,{get:r[i],enumerable:!0})},F=(e,r,i,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of ue(r))!ge.call(e,t)&&t!==i&&v(e,t,{get:()=>r[t],enumerable:!(n=ce(r,t))||n.enumerable});return e};var g=(e,r,i)=>(i=e!=null?pe(me(e)):{},F(r||!e||!e.__esModule?v(i,"default",{value:e,enumerable:!0}):i,e)),ye=e=>F(v({},"__esModule",{value:!0}),e);var _e={};fe(_e,{CldImage:()=>S,CldOgImage:()=>R,CldUploadButton:()=>$,CldUploadWidget:()=>E,CldVideoPlayer:()=>B,cloudinaryLoader:()=>b,getCldImageUrl:()=>O});module.exports=ye(_e);var N=g(require("react")),Q=g(require("next/image")),Z=require("@cloudinary-util/util"),ee=require("@cloudinary-util/url-loader");var J=require("@cloudinary-util/url-loader");var H=g(require("next/package.json"));var Y={name:"next-cloudinary",version:"4.4.0",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.1.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 K="V",z=Y.version,q=H.default.version;function O(e,r,i){return(0,J.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},r),analytics:Object.assign({sdkCode:K,sdkSemver:z,techVersion:q,feature:""},i)})}async function k(e){let{src:r}=e;try{await new Promise((i,n)=>{fetch(r).then(t=>{if(!t.ok){n(t);return}i(t)})})}catch(i){return i.status===423?await k(e):!1}return!0}function b({loaderOptions:e,imageProps:r,cldOptions:i,cldConfig:n={}}){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 s=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*s))}return O(t,n)}var he=e=>{let r=["deliveryType","preserveTransformations"];ee.transformationPlugins.forEach(({props:o=[]})=>{o.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(o=>!r.includes(o)).forEach(o=>i[o]=e[o]);let n=Object.keys(i).map(o=>`${o}:${i[o]}`).join(";"),[t,s]=(0,N.useState)(n),d={};if(r.forEach(o=>{e[o]&&(d[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=(0,Z.getTransformations)(e.src);d.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function m(o){await k({src:o.target.src})&&s(`${n};${Date.now()}`)}return N.default.createElement(Q.default,{key:t,...i,loader:o=>b({loaderOptions:o,imageProps:i,cldOptions:d}),onError:m})},S=he;var f=g(require("react")),te=g(require("next/head"));var Ie=2400,Pe=1200,Oe="summary_large_image",Ue=({excludeTags:e=[],twitterTitle:r,keys:i={},...n})=>{let{alt:t}=n,s={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||Pe,src:n.src,width:n.width||Ie},d={"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},m=O(s);return f.default.createElement(te.default,null,f.default.createElement("meta",{key:d["og:image"],property:"og:image",content:m}),f.default.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:m}),f.default.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${s.width}`}),f.default.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${s.height}`}),t&&f.default.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&f.default.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:r||" "}),f.default.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:Oe}),f.default.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:m}))},R=Ue;var L=g(require("react"));var l=g(require("react")),re=g(require("next/script"));function oe(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var we=["success","display-changed"],xe=({children:e,onClose:r,onError:i,onOpen:n,onUpload:t,options:s,signatureEndpoint:d,uploadPreset:m})=>{let o=(0,l.useRef)(),a=(0,l.useRef)(),U=!!d,[y,A]=(0,l.useState)(void 0),[C,T]=(0,l.useState)(void 0),[V,D]=(0,l.useState)(!0),P={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,...s};U&&(P.uploadSignature=j,P.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,l.useEffect)(()=>{if(typeof C=="undefined")return;let c=C.event==="success",h=C.event==="display-changed"&&C.info==="hidden";c&&typeof t=="function"&&t(C,a.current),h&&typeof r=="function"&&r(a.current)},[C]),(0,l.useEffect)(()=>{y&&typeof i=="function"&&i(y,a.current)},[y]);function _(){D(!1),o.current||(o.current=window.cloudinary),oe(()=>{a.current||(a.current=w())})}function j(c,h){if(typeof d=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:h})}).then(u=>u.json()).then(({signature:u})=>{c(u)})}function w(){var c;return(c=o.current)==null?void 0:c.createUploadWidget(P,(h,u)=>{typeof h!="undefined"&&A(h),we.includes(u==null?void 0:u.event)&&T(u)})}function W(){a.current||(a.current=w()),a==null||a.current.open(),typeof n=="function"&&n(a.current)}return l.default.createElement(l.default.Fragment,null,typeof e=="function"&&e({cloudinary:o.current,widget:a.current,open:W,results:C,error:y,isLoading:V}),l.default.createElement(re.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:_,onError:c=>console.error(`Failed to load Cloudinary Upload Widget: ${c.message}`)}))},E=xe;var Ee=({children:e,onClick:r,onError:i,onUpload:n,options:t,signatureEndpoint:s,uploadPreset:d,...m})=>L.default.createElement(L.default.Fragment,null,L.default.createElement(E,{onError:i,onUpload:n,options:t,signatureEndpoint:s,uploadPreset:d},({open:o,isLoading:a})=>{function U(y){y.preventDefault(),o(),typeof r=="function"&&r(y)}return L.default.createElement("button",{...m,onClick:U,disabled:a},e||"Upload")})),$=Ee;var p=g(require("react")),ie=g(require("next/script")),ne=g(require("next/head")),Le=e=>{let r=(0,p.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",colors:n,controls:t=!0,fontFace:s,height:d,id:m,logo:o=!0,loop:a=!1,muted:U=!1,onDataLoad:y,onError:A,onMetadataLoad:C,onPause:T,onPlay:V,onEnded:D,src:P,version:_="1.9.4",width:j}=e,w=(0,p.useRef)(),W=(0,p.useRef)(),c=e.videoRef||W,h=(0,p.useRef)(),u=e.playerRef||h,ae=m||`player-${P.replace("/","-")}-${r.current}`,M={error:A,loadeddata:y,loadedmetadata:C,pause:T,play:V,ended:D};function de(I){let x=M[I.type];typeof x=="function"&&x(se())}function le(){if("cloudinary"in window){w.current=window.cloudinary;let I={};typeof o=="boolean"?I.showLogo=o:typeof o=="object"&&(I={...I,showLogo:!0,logoImageUrl:o.imageUrl,logoOnclickUrl:o.onClickUrl});let x={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:t,fontFace:s||"",loop:a,muted:U,publicId:P,secure:!0,...I};typeof n=="object"&&(x.colors=n),u.current=w.current.videoPlayer(c.current,x),Object.keys(M).forEach(G=>{var X;typeof M[G]=="function"&&((X=u.current)==null||X.on(G,de))})}}function se(){return{player:u.current,video:c.current}}return p.default.createElement(p.default.Fragment,null,p.default.createElement(ne.default,null,p.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${_}/dist/cld-video-player.min.css`,rel:"stylesheet"})),p.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},p.default.createElement("video",{ref:c,id:ae,className:"cld-video-player cld-fluid",width:j,height:d}),p.default.createElement(ie.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${_}/dist/cld-video-player.min.js`,onLoad:le,onError:I=>console.error(`Failed to load Cloudinary Video Player: ${I.message}`)})))},B=Le;0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl});
+"use strict";var me=Object.create;var v=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var ye=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var he=(e,r)=>{for(var i in r)v(e,i,{get:r[i],enumerable:!0})},Y=(e,r,i,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of fe(r))!Ce.call(e,t)&&t!==i&&v(e,t,{get:()=>r[t],enumerable:!(n=ue(r,t))||n.enumerable});return e};var u=(e,r,i)=>(i=e!=null?me(ye(e)):{},Y(r||!e||!e.__esModule?v(i,"default",{value:e,enumerable:!0}):i,e)),Ie=e=>Y(v({},"__esModule",{value:!0}),e);var ve={};he(ve,{CldImage:()=>k,CldOgImage:()=>H,CldUploadButton:()=>$,CldUploadWidget:()=>E,CldVideoPlayer:()=>B,cloudinaryLoader:()=>b,getCldImageUrl:()=>O,getCldOgImageUrl:()=>le});module.exports=Ie(ve);var A=u(require("react")),ee=u(require("next/image")),te=require("@cloudinary-util/util"),oe=require("@cloudinary-util/url-loader");async function j(e){let{src:r}=e;try{await new Promise((i,n)=>{fetch(r).then(t=>{if(!t.ok){n(t);return}i(t)})})}catch(i){return i.status===423?await j(e):!1}return!0}var Z=require("@cloudinary-util/url-loader");var z=u(require("next/package.json"));var K={name:"next-cloudinary",version:"4.5.0",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.1.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",J=K.version,Q=z.default.version;function O(e,r,i){return(0,Z.constructCloudinaryUrl)({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},r),analytics:Object.assign({sdkCode:q,sdkSemver:J,techVersion:Q,feature:""},i)})}function b({loaderOptions:e,imageProps:r,cldOptions:i,cldConfig:n={}}){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 s=e.width/t.width;t.widthResize=e.width,typeof t.height=="number"&&(t.heightResize=Math.round(t.height*s))}return O(t,n)}var Pe=e=>{let r=["deliveryType","preserveTransformations"];oe.transformationPlugins.forEach(({props:o=[]})=>{o.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(o=>!r.includes(o)).forEach(o=>i[o]=e[o]);let n=Object.keys(i).map(o=>`${o}:${i[o]}`).join(";"),[t,s]=(0,A.useState)(n),d={};if(r.forEach(o=>{e[o]&&(d[o]=e[o]||void 0)}),e.preserveTransformations)try{let o=(0,te.getTransformations)(e.src).map(a=>a.join(","));d.rawTransformations=[...o.flat(),...e.rawTransformations||[]]}catch(o){console.warn(`Failed to preserve transformations: ${o.message}`)}async function m(o){await j({src:o.target.src})&&s(`${n};${Date.now()}`)}return A.default.createElement(ee.default,{key:t,...i,loader:o=>b({loaderOptions:o,imageProps:i,cldOptions:d}),onError:m})},k=Pe;var f=u(require("react")),re=u(require("next/head"));var Ue="summary_large_image",xe=({excludeTags:e=[],twitterTitle:r,keys:i={},...n})=>{let{alt:t}=n,s={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||1200,src:n.src,width:n.width||2400},d={"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},m=O(s);return f.default.createElement(re.default,null,f.default.createElement("meta",{key:d["og:image"],property:"og:image",content:m}),f.default.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:m}),f.default.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${s.width}`}),f.default.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${s.height}`}),t&&f.default.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:t}),!e.includes("twitter:title")&&f.default.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:r||" "}),f.default.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:Ue}),f.default.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:m}))},H=xe;var _=u(require("react"));var l=u(require("react")),ne=u(require("next/script"));function ie(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var we=["success","display-changed"],Ee=({children:e,onClose:r,onError:i,onOpen:n,onUpload:t,options:s,signatureEndpoint:d,uploadPreset:m})=>{let o=(0,l.useRef)(),a=(0,l.useRef)(),U=!!d,[y,T]=(0,l.useState)(void 0),[C,N]=(0,l.useState)(void 0),[G,V]=(0,l.useState)(!0),P={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,...s};U&&(P.uploadSignature=D,P.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),(0,l.useEffect)(()=>{if(typeof C=="undefined")return;let c=C.event==="success",h=C.event==="display-changed"&&C.info==="hidden";c&&typeof t=="function"&&t(C,a.current),h&&typeof r=="function"&&r(a.current)},[C]),(0,l.useEffect)(()=>{y&&typeof i=="function"&&i(y,a.current)},[y]);function L(){V(!1),o.current||(o.current=window.cloudinary),ie(()=>{a.current||(a.current=x())})}function D(c,h){if(typeof d=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:h})}).then(g=>g.json()).then(({signature:g})=>{c(g)})}function x(){var c;return(c=o.current)==null?void 0:c.createUploadWidget(P,(h,g)=>{typeof h!="undefined"&&T(h),we.includes(g==null?void 0:g.event)&&N(g)})}function M(){a.current||(a.current=x()),a==null||a.current.open(),typeof n=="function"&&n(a.current)}return l.default.createElement(l.default.Fragment,null,typeof e=="function"&&e({cloudinary:o.current,widget:a.current,open:M,results:C,error:y,isLoading:G}),l.default.createElement(ne.default,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:L,onError:c=>console.error(`Failed to load Cloudinary Upload Widget: ${c.message}`)}))},E=Ee;var _e=({children:e,onClick:r,onError:i,onUpload:n,options:t,signatureEndpoint:s,uploadPreset:d,...m})=>_.default.createElement(_.default.Fragment,null,_.default.createElement(E,{onError:i,onUpload:n,options:t,signatureEndpoint:s,uploadPreset:d},({open:o,isLoading:a})=>{function U(y){y.preventDefault(),o(),typeof r=="function"&&r(y)}return _.default.createElement("button",{...m,onClick:U,disabled:a},e||"Upload")})),$=_e;var p=u(require("react")),ae=u(require("next/script")),de=u(require("next/head")),Le=e=>{let r=(0,p.useRef)(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",colors:n,controls:t=!0,fontFace:s,height:d,id:m,logo:o=!0,loop:a=!1,muted:U=!1,onDataLoad:y,onError:T,onMetadataLoad:C,onPause:N,onPlay:G,onEnded:V,src:P,version:L="1.9.4",width:D}=e,x=(0,p.useRef)(),M=(0,p.useRef)(),c=e.videoRef||M,h=(0,p.useRef)(),g=e.playerRef||h,se=m||`player-${P.replace("/","-")}-${r.current}`,W={error:T,loadeddata:y,loadedmetadata:C,pause:N,play:G,ended:V};function pe(I){let w=W[I.type];typeof w=="function"&&w(ge())}function ce(){if("cloudinary"in window){x.current=window.cloudinary;let I={};typeof o=="boolean"?I.showLogo=o:typeof o=="object"&&(I={...I,showLogo:!0,logoImageUrl:o.imageUrl,logoOnclickUrl:o.onClickUrl});let w={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:t,fontFace:s||"",loop:a,muted:U,publicId:P,secure:!0,...I};typeof n=="object"&&(w.colors=n),g.current=x.current.videoPlayer(c.current,w),Object.keys(W).forEach(X=>{var F;typeof W[X]=="function"&&((F=g.current)==null||F.on(X,pe))})}}function ge(){return{player:g.current,video:c.current}}return p.default.createElement(p.default.Fragment,null,p.default.createElement(de.default,null,p.default.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.css`,rel:"stylesheet"})),p.default.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},p.default.createElement("video",{ref:c,id:se,className:"cld-video-player cld-fluid",width:D,height:d}),p.default.createElement(ae.default,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${L}/dist/cld-video-player.min.js`,onLoad:ce,onError:I=>console.error(`Failed to load Cloudinary Video Player: ${I.message}`)})))},B=Le;function le(e){return O({...e,crop:e.crop||"fill",gravity:e.gravity||"center",height:e.height||1200,width:e.width||2400})}0&&(module.exports={CldImage,CldOgImage,CldUploadButton,CldUploadWidget,CldVideoPlayer,cloudinaryLoader,getCldImageUrl,getCldOgImageUrl});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.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"],"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 './lib/cloudinary';\nexport type { GetCldImageUrl, GetCldImageUrlOptions, GetCldImageUrlConfig, GetCldImageUrlAnalytics } from './lib/cloudinary';\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);\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","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}\n\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 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.4.0\",\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.1.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 '../lib/cloudinary';\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 '../../lib/cloudinary';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\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 \|\| IMAGE_HEIGHT,\n src: props.src,\n width: props.width \|\| IMAGE_WIDTH,\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 const ogImageUrl = getCldImageUrl(options);\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={`${options.width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${options.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={ogImageUrl} />\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 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 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\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 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=\"cld-video-player cld-fluid\"\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;"],"mappings":"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","names":["src_exports","__export","CldImage_default","CldOgImage_default","CldUploadButton_default","CldUploadWidget_default","CldVideoPlayer_default","cloudinaryLoader","getCldImageUrl","__toCommonJS","import_react","import_image","import_util","import_url_loader","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","pollForProcessingImage","src","resolve","reject","res","e","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","cldOptions","transformations","e","handleOnError","options","pollForProcessingImage","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","import_react","import_head","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","metaKeys","ogImageUrl","getCldImageUrl","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","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","version","width","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","e","CldVideoPlayer_default"]}
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.5.0\",\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.1.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_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 }\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 const ogImageUrl = getCldImageUrl(options);\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={`${options.width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${options.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={ogImageUrl} />\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 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 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\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 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=\"cld-video-player cld-fluid\"\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_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 gravity: options.gravity \|\| 'center',\n height: options.height \|\| OG_IMAGE_HEIGHT,\n width: options.width \|\| OG_IMAGE_WIDTH,\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","metaKeys","ogImageUrl","getCldImageUrl","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","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","version","width","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","React","Head","Script","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}

package/dist/index.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import ie,{useState as ne}from"react";import ae from"next/image";import{getTransformations as de}from"@cloudinary-util/util";import{transformationPlugins as le}from"@cloudinary-util/url-loader";import{constructCloudinaryUrl as re}from"@cloudinary-util/url-loader";import oe from"next/package.json";var R={name:"next-cloudinary",version:"4.4.0",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.1.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 $="V",B=R.version,G=oe.version;function U(e,a,r){return re({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:$,sdkSemver:B,techVersion:G,feature:""},r)})}async function D(e){let{src:a}=e;try{await new Promise((r,i)=>{fetch(a).then(o=>{if(!o.ok){i(o);return}r(o)})})}catch(r){return r.status===423?await D(e):!1}return!0}function j({loaderOptions:e,imageProps:a,cldOptions:r,cldConfig:i={}}){let o={...a,...r};if(o.width=typeof o.width=="string"?parseInt(o.width):o.width,o.height=typeof o.height=="string"?parseInt(o.height):o.height,typeof(e==null?void 0:e.width)=="number"&&typeof o.width=="number"&&e.width!==o.width){let l=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*l))}return U(o,i)}var se=e=>{let a=["deliveryType","preserveTransformations"];le.forEach(({props:t=[]})=>{t.forEach(n=>{if(a.includes(n))throw new Error(`Option ${n} already exists!`);a.push(n)})});let r={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!a.includes(t)).forEach(t=>r[t]=e[t]);let i=Object.keys(r).map(t=>`${t}:${r[t]}`).join(";"),[o,l]=ne(i),d={};if(a.forEach(t=>{e[t]&&(d[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=de(e.src);d.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function c(t){await D({src:t.target.src})&&l(`${i};${Date.now()}`)}return ie.createElement(ae,{key:o,...r,loader:t=>j({loaderOptions:t,imageProps:r,cldOptions:d}),onError:c})},X=se;import g from"react";import pe from"next/head";var ce=2400,ue=1200,me="summary_large_image",ge=({excludeTags:e=[],twitterTitle:a,keys:r={},...i})=>{let{alt:o}=i,l={...i,crop:i.crop||"fill",gravity:i.gravity||"center",height:i.height||ue,src:i.src,width:i.width||ce},d={"og:image":"og-image","og:image:secure_url":"og-image-secureurl","og:image:width":"og-image-width","og:image:height":"og-image-height","og:image:alt":"og-image-alt","twitter:title":"twitter-title","twitter:card":"twitter-card","twitter:image":"twitter-image",...r},c=U(l);return g.createElement(pe,null,g.createElement("meta",{key:d["og:image"],property:"og:image",content:c}),g.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:c}),g.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${l.width}`}),g.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${l.height}`}),o&&g.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&g.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:a||" "}),g.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:me}),g.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:c}))},F=ge;import E from"react";import W,{useState as M,useEffect as H,useRef as K}from"react";import fe from"next/script";function Y(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var ye=["success","display-changed"],Ce=({children:e,onClose:a,onError:r,onOpen:i,onUpload:o,options:l,signatureEndpoint:d,uploadPreset:c})=>{let t=K(),n=K(),I=!!d,[u,_]=M(void 0),[m,v]=M(void 0),[b,N]=M(!0),h={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,...l};I&&(h.uploadSignature=A,h.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),H(()=>{if(typeof m=="undefined")return;let s=m.event==="success",f=m.event==="display-changed"&&m.info==="hidden";s&&typeof o=="function"&&o(m,n.current),f&&typeof a=="function"&&a(n.current)},[m]),H(()=>{u&&typeof r=="function"&&r(u,n.current)},[u]);function w(){N(!1),t.current||(t.current=window.cloudinary),Y(()=>{n.current||(n.current=P())})}function A(s,f){if(typeof d=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:f})}).then(p=>p.json()).then(({signature:p})=>{s(p)})}function P(){var s;return(s=t.current)==null?void 0:s.createUploadWidget(h,(f,p)=>{typeof f!="undefined"&&_(f),ye.includes(p==null?void 0:p.event)&&v(p)})}function T(){n.current||(n.current=P()),n==null||n.current.open(),typeof i=="function"&&i(n.current)}return W.createElement(W.Fragment,null,typeof e=="function"&&e({cloudinary:t.current,widget:n.current,open:T,results:m,error:u,isLoading:b}),W.createElement(fe,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:w,onError:s=>console.error(`Failed to load Cloudinary Upload Widget: ${s.message}`)}))},x=Ce;var he=({children:e,onClick:a,onError:r,onUpload:i,options:o,signatureEndpoint:l,uploadPreset:d,...c})=>E.createElement(E.Fragment,null,E.createElement(x,{onError:r,onUpload:i,options:o,signatureEndpoint:l,uploadPreset:d},({open:t,isLoading:n})=>{function I(u){u.preventDefault(),t(),typeof a=="function"&&a(u)}return E.createElement("button",{...c,onClick:I,disabled:n},e||"Upload")})),z=he;import C,{useRef as L}from"react";import Ie from"next/script";import Pe from"next/head";var Oe=e=>{let a=L(Math.ceil(Math.random()*1e5)),{autoPlay:r="never",colors:i,controls:o=!0,fontFace:l,height:d,id:c,logo:t=!0,loop:n=!1,muted:I=!1,onDataLoad:u,onError:_,onMetadataLoad:m,onPause:v,onPlay:b,onEnded:N,src:h,version:w="1.9.4",width:A}=e,P=L(),T=L(),s=e.videoRef||T,f=L(),p=e.playerRef||f,J=c||`player-${h.replace("/","-")}-${a.current}`,V={error:_,loadeddata:u,loadedmetadata:m,pause:v,play:b,ended:N};function Q(y){let O=V[y.type];typeof O=="function"&&O(ee())}function Z(){if("cloudinary"in window){P.current=window.cloudinary;let y={};typeof t=="boolean"?y.showLogo=t:typeof t=="object"&&(y={...y,showLogo:!0,logoImageUrl:t.imageUrl,logoOnclickUrl:t.onClickUrl});let O={autoplayMode:r,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:o,fontFace:l||"",loop:n,muted:I,publicId:h,secure:!0,...y};typeof i=="object"&&(O.colors=i),p.current=P.current.videoPlayer(s.current,O),Object.keys(V).forEach(k=>{var S;typeof V[k]=="function"&&((S=p.current)==null||S.on(k,Q))})}}function ee(){return{player:p.current,video:s.current}}return C.createElement(C.Fragment,null,C.createElement(Pe,null,C.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.css`,rel:"stylesheet"})),C.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},C.createElement("video",{ref:s,id:J,className:"cld-video-player cld-fluid",width:A,height:d}),C.createElement(Ie,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${w}/dist/cld-video-player.min.js`,onLoad:Z,onError:y=>console.error(`Failed to load Cloudinary Video Player: ${y.message}`)})))},q=Oe;export{X as CldImage,F as CldOgImage,z as CldUploadButton,x as CldUploadWidget,q as CldVideoPlayer,j as cloudinaryLoader,U as getCldImageUrl};
+import ae,{useState as de}from"react";import le from"next/image";import{getTransformations as se}from"@cloudinary-util/util";import{transformationPlugins as pe}from"@cloudinary-util/url-loader";async function V(e){let{src:a}=e;try{await new Promise((i,n)=>{fetch(a).then(o=>{if(!o.ok){n(o);return}i(o)})})}catch(i){return i.status===423?await V(e):!1}return!0}import{constructCloudinaryUrl as ne}from"@cloudinary-util/url-loader";import ie from"next/package.json";var H={name:"next-cloudinary",version:"4.5.0",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.1.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 $="V",B=H.version,X=ie.version;function C(e,a,i){return ne({options:e,config:Object.assign({cloud:{cloudName:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}},a),analytics:Object.assign({sdkCode:$,sdkSemver:B,techVersion:X,feature:""},i)})}function D({loaderOptions:e,imageProps:a,cldOptions:i,cldConfig:n={}}){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 l=e.width/o.width;o.widthResize=e.width,typeof o.height=="number"&&(o.heightResize=Math.round(o.height*l))}return C(o,n)}var ce=e=>{let a=["deliveryType","preserveTransformations"];pe.forEach(({props:t=[]})=>{t.forEach(r=>{if(a.includes(r))throw new Error(`Option ${r} already exists!`);a.push(r)})});let i={alt:e.alt,src:e.src};Object.keys(e).filter(t=>!a.includes(t)).forEach(t=>i[t]=e[t]);let n=Object.keys(i).map(t=>`${t}:${i[t]}`).join(";"),[o,l]=de(n),d={};if(a.forEach(t=>{e[t]&&(d[t]=e[t]||void 0)}),e.preserveTransformations)try{let t=se(e.src).map(r=>r.join(","));d.rawTransformations=[...t.flat(),...e.rawTransformations||[]]}catch(t){console.warn(`Failed to preserve transformations: ${t.message}`)}async function c(t){await V({src:t.target.src})&&l(`${n};${Date.now()}`)}return ae.createElement(le,{key:o,...i,loader:t=>D({loaderOptions:t,imageProps:i,cldOptions:d}),onError:c})},F=ce;import u from"react";import ge from"next/head";var me="summary_large_image",ue=({excludeTags:e=[],twitterTitle:a,keys:i={},...n})=>{let{alt:o}=n,l={...n,crop:n.crop||"fill",gravity:n.gravity||"center",height:n.height||1200,src:n.src,width:n.width||2400},d={"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},c=C(l);return u.createElement(ge,null,u.createElement("meta",{key:d["og:image"],property:"og:image",content:c}),u.createElement("meta",{key:d["og:image:secure_url"],property:"og:image:secure_url",content:c}),u.createElement("meta",{key:d["og:image:width"],property:"og:image:width",content:`${l.width}`}),u.createElement("meta",{key:d["og:image:height"],property:"og:image:height",content:`${l.height}`}),o&&u.createElement("meta",{key:d["og:image:alt"],property:"og:image:alt",content:o}),!e.includes("twitter:title")&&u.createElement("meta",{key:d["twitter:title"],property:"twitter:title",content:a||" "}),u.createElement("meta",{key:d["twitter:card"],property:"twitter:card",content:me}),u.createElement("meta",{key:d["twitter:image"],property:"twitter:image",content:c}))},Y=ue;import E from"react";import j,{useState as k,useEffect as z,useRef as q}from"react";import fe from"next/script";function K(e){return window&&"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(()=>e(),1)}var ye=["success","display-changed"],Ce=({children:e,onClose:a,onError:i,onOpen:n,onUpload:o,options:l,signatureEndpoint:d,uploadPreset:c})=>{let t=q(),r=q(),O=!!d,[g,L]=k(void 0),[m,v]=k(void 0),[b,A]=k(!0),I={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,...l};O&&(I.uploadSignature=T,I.apiKey||console.warn("Missing dependency: Signed Upload requires an API key")),z(()=>{if(typeof m=="undefined")return;let s=m.event==="success",f=m.event==="display-changed"&&m.info==="hidden";s&&typeof o=="function"&&o(m,r.current),f&&typeof a=="function"&&a(r.current)},[m]),z(()=>{g&&typeof i=="function"&&i(g,r.current)},[g]);function x(){A(!1),t.current||(t.current=window.cloudinary),K(()=>{r.current||(r.current=P())})}function T(s,f){if(typeof d=="undefined")throw Error("Failed to generate signature: signatureEndpoint undefined.");fetch(d,{method:"POST",body:JSON.stringify({paramsToSign:f})}).then(p=>p.json()).then(({signature:p})=>{s(p)})}function P(){var s;return(s=t.current)==null?void 0:s.createUploadWidget(I,(f,p)=>{typeof f!="undefined"&&L(f),ye.includes(p==null?void 0:p.event)&&v(p)})}function N(){r.current||(r.current=P()),r==null||r.current.open(),typeof n=="function"&&n(r.current)}return j.createElement(j.Fragment,null,typeof e=="function"&&e({cloudinary:t.current,widget:r.current,open:N,results:m,error:g,isLoading:b}),j.createElement(fe,{id:`cloudinary-uploadwidget-${Math.floor(Math.random()*100)}`,src:"https://widget.cloudinary.com/v2.0/global/all.js",onLoad:x,onError:s=>console.error(`Failed to load Cloudinary Upload Widget: ${s.message}`)}))},w=Ce;var he=({children:e,onClick:a,onError:i,onUpload:n,options:o,signatureEndpoint:l,uploadPreset:d,...c})=>E.createElement(E.Fragment,null,E.createElement(w,{onError:i,onUpload:n,options:o,signatureEndpoint:l,uploadPreset:d},({open:t,isLoading:r})=>{function O(g){g.preventDefault(),t(),typeof a=="function"&&a(g)}return E.createElement("button",{...c,onClick:O,disabled:r},e||"Upload")})),J=he;import h,{useRef as _}from"react";import Ie from"next/script";import Oe from"next/head";var Pe=e=>{let a=_(Math.ceil(Math.random()*1e5)),{autoPlay:i="never",colors:n,controls:o=!0,fontFace:l,height:d,id:c,logo:t=!0,loop:r=!1,muted:O=!1,onDataLoad:g,onError:L,onMetadataLoad:m,onPause:v,onPlay:b,onEnded:A,src:I,version:x="1.9.4",width:T}=e,P=_(),N=_(),s=e.videoRef||N,f=_(),p=e.playerRef||f,Z=c||`player-${I.replace("/","-")}-${a.current}`,G={error:L,loadeddata:g,loadedmetadata:m,pause:v,play:b,ended:A};function ee(y){let U=G[y.type];typeof U=="function"&&U(oe())}function te(){if("cloudinary"in window){P.current=window.cloudinary;let y={};typeof t=="boolean"?y.showLogo=t:typeof t=="object"&&(y={...y,showLogo:!0,logoImageUrl:t.imageUrl,logoOnclickUrl:t.onClickUrl});let U={autoplayMode:i,cloud_name:process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,controls:o,fontFace:l||"",loop:r,muted:O,publicId:I,secure:!0,...y};typeof n=="object"&&(U.colors=n),p.current=P.current.videoPlayer(s.current,U),Object.keys(G).forEach(S=>{var R;typeof G[S]=="function"&&((R=p.current)==null||R.on(S,ee))})}}function oe(){return{player:p.current,video:s.current}}return h.createElement(h.Fragment,null,h.createElement(Oe,null,h.createElement("link",{href:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.css`,rel:"stylesheet"})),h.createElement("div",{style:{width:"100%",aspectRatio:`${e.width} / ${e.height}`}},h.createElement("video",{ref:s,id:Z,className:"cld-video-player cld-fluid",width:T,height:d}),h.createElement(Ie,{id:`cloudinary-videoplayer-${Math.floor(Math.random()*100)}`,src:`https://unpkg.com/cloudinary-video-player@${x}/dist/cld-video-player.min.js`,onLoad:te,onError:y=>console.error(`Failed to load Cloudinary Video Player: ${y.message}`)})))},Q=Pe;function Ue(e){return C({...e,crop:e.crop||"fill",gravity:e.gravity||"center",height:e.height||1200,width:e.width||2400})}export{F as CldImage,Y as CldOgImage,J as CldUploadButton,w as CldUploadWidget,Q as CldVideoPlayer,D as cloudinaryLoader,C as getCldImageUrl,Ue as getCldOgImageUrl};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.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"],"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);\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","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}\n\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 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.4.0\",\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.1.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 '../lib/cloudinary';\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 '../../lib/cloudinary';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\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 \|\| IMAGE_HEIGHT,\n src: props.src,\n width: props.width \|\| IMAGE_WIDTH,\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 const ogImageUrl = getCldImageUrl(options);\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={`${options.width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${options.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={ogImageUrl} />\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 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 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\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 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=\"cld-video-player cld-fluid\"\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;"],"mappings":"AAAA,OAAOA,IAAS,YAAAC,OAAgB,QAChC,OAAOC,OAA2B,aAClC,OAAS,sBAAAC,OAA0B,wBACnC,OAAS,yBAAAC,OAA6B,8BCHtC,OAAS,0BAAAC,OAA8B,8BCAvC,OAAOC,OAAa,oBCApB,IAAAC,EAAA,CACE,KAAQ,kBACR,QAAW,QACX,KAAQ,kBACR,OAAU,mBACV,MAAS,oBACT,OAAU,eACV,QAAW,CACT,MAAS,0BACT,IAAO,kCACP,eAAkB,kCAClB,YAAe,iBACf,KAAQ,OACR,WAAY,0FACd,EACA,aAAgB,CACd,8BAA+B,SAC/B,wBAAyB,SACzB,sBAAuB,QACzB,EACA,gBAAmB,CACjB,cAAe,UACf,oBAAqB,UACrB,cAAe,UACf,eAAgB,WAChB,mBAAoB,WACpB,aAAc,UACd,OAAU,UACV,KAAQ,UACR,yBAA0B,UAC1B,UAAW,UACX,KAAQ,SACR,WAAc,QAChB,EACA,iBAAoB,CAClB,KAAQ,aACR,MAAS,YACX,CACF,EDnCO,IAAMC,EAA+B,IAC/BC,EAA0BC,EAAI,QAC9BC,EAAeC,GAAQ,QDc7B,SAASC,EAAeC,EAAuBC,EAAwBC,EAA8B,CAC1G,OAAOC,GAAuB,CAC5B,QAAAH,EACA,OAAQ,OAAO,OAAO,CACpB,MAAO,CACL,UAAW,QAAQ,IAAI,iCACzB,CACF,EAAGC,CAAM,EACT,UAAW,OAAO,OAAO,CACvB,QAASG,EACT,UAAWC,EACX,YAAaC,EACb,QAAS,EACX,EAAGJ,CAAS,CACd,CAAC,CACH,CAUA,eAAsBK,EAAuBP,EAA0D,CACrG,GAAM,CAAE,IAAAQ,CAAI,EAAIR,EAChB,GAAI,CACF,MAAM,IAAI,QAAQ,CAACS,EAASC,IAAW,CACrC,MAAMF,CAAG,EAAE,KAAKG,GAAO,CACrB,GAAK,CAACA,EAAI,GAAK,CACbD,EAAOC,CAAG,EACV,OAEFF,EAAQE,CAAG,CACb,CAAC,CACH,CAAC,CACH,OAAQC,EAAN,CACA,OAAKA,EAAE,SAAW,IACT,MAAML,EAAuBP,CAAO,EAEtC,EACT,CACA,MAAO,EACT,CG1CO,SAASa,EAAiB,CAAE,cAAAC,EAAe,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAY,CAAC,CAAE,EAAqB,CAC5G,IAAMC,EAAU,CACd,GAAGH,EACH,GAAGC,CACL,EAUA,GARAE,EAAQ,MAAQ,OAAOA,EAAQ,OAAU,SAAW,SAASA,EAAQ,KAAK,EAAIA,EAAQ,MACtFA,EAAQ,OAAS,OAAOA,EAAQ,QAAW,SAAW,SAASA,EAAQ,MAAM,EAAIA,EAAQ,OAOpF,OAAOJ,GAAA,YAAAA,EAAe,QAAU,UAAY,OAAOI,EAAQ,OAAU,UAAYJ,EAAc,QAAUI,EAAQ,MAAQ,CAC5H,IAAMC,EAAaL,EAAc,MAAQI,EAAQ,MAEjDA,EAAQ,YAAcJ,EAAc,MAE/B,OAAOI,EAAQ,QAAW,WAC7BA,EAAQ,aAAe,KAAK,MAAMA,EAAQ,OAASC,CAAU,GAKjE,OAAOC,EAAeF,EAASD,CAAS,CAC1C,CJhCA,IAAMI,GAAYC,GAAyB,CACzC,IAAMC,EAAc,CAClB,eACA,yBACF,EAEAC,GAAsB,QAAQ,CAAC,CAAE,MAAAF,EAAQ,CAAC,CAAE,IAAM,CAChDA,EAAM,QAAQG,GAAQ,CACpB,GAAKF,EAAY,SAASE,CAAI,EAC5B,MAAM,IAAI,MAAM,UAAUA,mBAAsB,EAElDF,EAAY,KAAKE,CAAI,CACvB,CAAC,CACH,CAAC,EAID,IAAMC,EAAa,CACjB,IAAKJ,EAAM,IACX,IAAKA,EAAM,GACb,EAEC,OAAO,KAAKA,CAAK,EACf,OAAOK,GAAO,CAACJ,EAAY,SAASI,CAAG,CAAC,EAExC,QAAQA,GAAOD,EAAWC,CAAG,EAAIL,EAAMK,CAAG,CAAC,EAG9C,IAAMC,EAAiB,OAAO,KAAKF,CAAU,EAAqC,IAAIC,GAAO,GAAGA,KAAOD,EAAWC,CAAG,GAAG,EAAE,KAAK,GAAG,EAC5H,CAACE,EAAQC,CAAS,EAAIC,GAASH,CAAa,EAI5CI,EAAa,CAAC,EAcpB,GAZAT,EAAY,QAAQI,GAAO,CAEpBL,EAAMK,CAAG,IAEZK,EAAWL,CAAG,EAAIL,EAAMK,CAAG,GAAK,OAEpC,CAAC,EAMGL,EAAM,wBACR,GAAI,CACF,IAAMW,EAAkBC,GAAmBZ,EAAM,GAAG,EAEpDU,EAAW,mBAAqB,CAAC,GAAGC,EAAgB,KAAK,EAAG,GAAIX,EAAM,oBAAsB,CAAC,CAAE,CACjG,OAAQa,EAAN,CACA,QAAQ,KAAK,uCAAwCA,EAAY,SAAS,CAC5E,CAWF,eAAeC,EAAcC,EAAwB,CACpC,MAAMC,EAAuB,CAAE,IAAKD,EAAQ,OAAO,GAAI,CAAC,GAErEP,EAAU,GAAGF,KAAiB,KAAK,IAAI,GAAG,CAE9C,CAEA,OACEW,GAAA,cAACC,GAAA,CACC,IAAKX,EACJ,GAAGH,EACJ,OAASe,GAAkBC,EAAiB,CAAE,cAAAD,EAAe,WAAAf,EAAY,WAAAM,CAAW,CAAC,EACrF,QAASI,EACX,CAEJ,EAEOO,EAAQtB,GKjGf,OAAOuB,MAAW,QAClB,OAAOC,OAAU,YAMjB,IAAMC,GAAc,KACdC,GAAe,KAEfC,GAAe,sBAQfC,GAAa,CAAC,CAAE,YAAAC,EAAc,CAAC,EAAG,aAAAC,EAAc,KAAAC,EAAO,CAAC,EAAG,GAAGC,CAAM,IAAuB,CAC/F,GAAM,CAAE,IAAAC,CAAI,EAAID,EAEVE,EAAwB,CAC5B,GAAGF,EACH,KAAMA,EAAM,MAAQ,OACpB,QAASA,EAAM,SAAW,SAC1B,OAAQA,EAAM,QAAUN,GACxB,IAAKM,EAAM,IACX,MAAOA,EAAM,OAASP,EACxB,EAEMU,EAAW,CACf,WAAY,WACZ,sBAAuB,qBACvB,iBAAkB,iBAClB,kBAAmB,kBACnB,eAAgB,eAChB,gBAAiB,gBACjB,eAAgB,eAChB,gBAAiB,gBACjB,GAAGJ,CACL,EAEMK,EAAaC,EAAeH,CAAO,EAKvC,OACAI,EAAA,cAACC,GAAA,KACCD,EAAA,cAAC,QAAK,IAAKH,EAAS,UAAU,EAAG,SAAS,WAAW,QAASC,EAAY,EAC1EE,EAAA,cAAC,QAAK,IAAKH,EAAS,qBAAqB,EAAG,SAAS,sBAAsB,QAASC,EAAY,EAChGE,EAAA,cAAC,QAAK,IAAKH,EAAS,gBAAgB,EAAG,SAAS,iBAAiB,QAAS,GAAGD,EAAQ,QAAS,EAC9FI,EAAA,cAAC,QAAK,IAAKH,EAAS,iBAAiB,EAAG,SAAS,kBAAkB,QAAS,GAAGD,EAAQ,SAAU,EAEhGD,GACCK,EAAA,cAAC,QAAK,IAAKH,EAAS,cAAc,EAAG,SAAS,eAAe,QAASF,EAAK,EAM5E,CAACJ,EAAY,SAAS,eAAe,GACpCS,EAAA,cAAC,QAAK,IAAKH,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASL,GAAgB,IAAK,EAG/FQ,EAAA,cAAC,QAAK,IAAKH,EAAS,cAAc,EAAG,SAAS,eAAe,QAASR,GAAc,EACpFW,EAAA,cAAC,QAAK,IAAKH,EAAS,eAAe,EAAG,SAAS,gBAAgB,QAASC,EAAY,CACtF,CAEJ,EAEOI,EAAQZ,GCvEf,OAAOa,MAAW,QCAlB,OAAOC,GAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,MAAc,QACnD,OAAOC,OAAY,cCIZ,SAASC,EAAcC,EAAe,CAC3C,OAAK,QAAU,wBAAyB,OAC/B,oBAAoBA,CAAQ,EAE9B,WAAW,IAAMA,EAAS,EAAG,CAAC,CACvC,CDHA,IAAMC,GAAwB,CAC5B,UACA,iBACF,EAEMC,GAAkB,CAAC,CACvB,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,CACF,IAA4B,CAC1B,IAAMC,EAAkBC,EAAO,EACzBC,EAAcD,EAAO,EAErBE,EAAS,CAAC,CAACL,EAEX,CAACM,EAAOC,CAAQ,EAAIC,EAAS,MAAS,EACtC,CAACC,EAASC,CAAU,EAAIF,EAA6C,MAAS,EAC9E,CAACG,EAAiBC,CAAkB,EAAIJ,EAAS,EAAI,EAOrDK,EAAgB,CACpB,UAAW,QAAQ,IAAI,kCACvB,aAAcZ,GAAgB,QAAQ,IAAI,qCAC1C,OAAQ,QAAQ,IAAI,+BACpB,GAAGF,CACL,EAEKM,IACHQ,EAAc,gBAAkBC,EAE3BD,EAAc,QACjB,QAAQ,KAAK,uDAAuD,GAMxEE,EAAU,IAAM,CACd,GAAK,OAAON,GAAY,YAAc,OAEtC,IAAMO,EAAYP,EAAQ,QAAU,UAC9BQ,EAAWR,EAAQ,QAAU,mBAAqBA,EAAQ,OAAS,SAEpEO,GAAa,OAAOlB,GAAa,YACpCA,EAASW,EAASL,EAAO,OAAO,EAG7Ba,GAAY,OAAOtB,GAAY,YAClCA,EAAQS,EAAO,OAAO,CAE1B,EAAG,CAACK,CAAO,CAAC,EAEZM,EAAU,IAAM,CACTT,GAAS,OAAOV,GAAY,YAC/BA,EAAQU,EAAOF,EAAO,OAAO,CAEjC,EAAG,CAACE,CAAK,CAAC,EAOV,SAASY,GAAe,CACtBN,EAAmB,EAAK,EAClBV,EAAW,UACfA,EAAW,QAAW,OAAe,YAMvCiB,EAAc,IAAM,CACZf,EAAO,UACXA,EAAO,QAAUgB,EAAa,EAElC,CAAC,CACH,CAOA,SAASN,EAAkBO,EAAoBC,EAAsB,CACnE,GAAK,OAAOtB,GAAsB,YAChC,MAAM,MAAM,4DAA4D,EAE1E,MAAMA,EAAmB,CACvB,OAAQ,OACR,KAAM,KAAK,UAAU,CACnB,aAAAsB,CACF,CAAC,CACH,CAAC,EACE,KAAMC,GAAMA,EAAE,KAAK,CAAC,EACpB,KAAK,CAAC,CAAE,UAAAC,CAAU,IAAM,CACvBH,EAASG,CAAS,CACpB,CAAC,CACL,CAOA,SAASJ,GAAe,CAzH1B,IAAAK,EA0HI,OAAOA,EAAAvB,EAAW,UAAX,YAAAuB,EAAoB,mBAAmBZ,EAAe,CAACa,EAAkBC,IAAsB,CAM/F,OAAOD,GAAgB,aAC1BnB,EAASmB,CAAW,EAGjBlC,GAAsB,SAASmC,GAAA,YAAAA,EAAc,KAAK,GACrDjB,EAAWiB,CAAY,CAE3B,EACF,CAOA,SAASC,GAAO,CACTxB,EAAO,UACVA,EAAO,QAAUgB,EAAa,GAGhChB,GAAA,MAAAA,EAAQ,QAAQ,OAEX,OAAOP,GAAW,YACrBA,EAAOO,EAAO,OAAO,CAEzB,CAEA,OACEyB,EAAA,cAAAA,EAAA,cACG,OAAOnC,GAAa,YAAcA,EAAS,CAC1C,WAAYQ,EAAW,QACvB,OAAQE,EAAO,QACf,KAAAwB,EACA,QAAAnB,EACA,MAAAH,EACA,UAAWK,CACX,CAAC,EACHkB,EAAA,cAACC,GAAA,CACC,GAAI,2BAA2B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC7D,IAAI,mDACJ,OAAQZ,EACR,QAAUa,GAAM,QAAQ,MAAM,4CAA4CA,EAAE,SAAS,EACvF,CACF,CAEJ,EAEOC,EAAQvC,GDvKf,IAAMwC,GAAkB,CAAC,CACvB,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAGIC,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,CACC,QAASP,EACT,SAAUC,EACV,QAASC,EACT,kBAAmBC,EACnB,aAAcC,GAEb,CAAC,CAAE,KAAAI,EAAM,UAAAC,CAAU,IAAM,CACxB,SAASC,EAAcC,EAAoD,CACzEA,EAAE,eAAe,EAEjBH,EAAK,EAEA,OAAOT,GAAY,YACtBA,EAAQY,CAAC,CAEb,CACA,OACEL,EAAA,cAAC,UAAQ,GAAGD,EAAO,QAASK,EAAe,SAAUD,GAClDX,GAAY,QACf,CAEJ,CACF,CACF,EAIGc,EAAQf,GGjDf,OAAOgB,GAAS,UAAAC,MAAgC,QAChD,OAAOC,OAAY,cACnB,OAAOC,OAAU,YAKjB,IAAMC,GAAkBC,GAA+B,CAKrD,IAAMC,EAAQL,EAAO,KAAK,KAAK,KAAK,OAAO,EAAI,GAAM,CAAC,EAEhD,CACJ,SAAAM,EAAW,QACX,OAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,OAAAC,EACA,GAAAC,EACA,KAAAC,EAAO,GACP,KAAAC,EAAO,GACP,MAAAC,EAAQ,GACR,WAAAC,EACA,QAAAC,EACA,eAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,CACF,EAAInB,EAKEoB,EAAgBxB,EAAY,EAC5ByB,EAAkBzB,EAAO,EACzB0B,EAAWtB,EAAM,UAAYqB,EAC7BE,EAAmB3B,EAAO,EAC1B4B,EAAYxB,EAAM,WAAauB,EAE/BE,EAAWlB,GAAM,UAAUU,EAAI,QAAQ,IAAK,GAAG,KAAKhB,EAAM,UAE1DyB,EAA6C,CACjD,MAAOd,EACP,WAAYD,EACZ,eAAgBE,EAChB,MAAOC,EACP,KAAMC,EACN,MAAOC,CACT,EAOA,SAASW,EAAYC,EAA2B,CAC9C,IAAMC,EAAcH,EAAOE,EAAM,IAAI,EAEhC,OAAOC,GAAgB,YAC1BA,EAAYC,GAAc,CAAC,CAE/B,CAOA,SAASC,GAAe,CACtB,GAAK,eAAgB,OAAS,CAC5BX,EAAc,QAAU,OAAO,WAE/B,IAAIY,EAAgD,CAAC,EAEhD,OAAOxB,GAAS,UACnBwB,EAAY,SAAWxB,EACb,OAAOA,GAAS,WAC1BwB,EAAc,CACZ,GAAGA,EACH,SAAU,GACV,aAAcxB,EAAK,SACnB,eAAgBA,EAAK,UACvB,GAGF,IAAIyB,EAA8C,CAChD,aAAc/B,EACd,WAAY,QAAQ,IAAI,kCACxB,SAAAE,EACA,SAAUC,GAAY,GACtB,KAAAI,EACA,MAAAC,EACA,SAAUO,EACV,OAAQ,GACR,GAAGe,CACL,EAEK,OAAO7B,GAAW,WACrB8B,EAAc,OAAS9B,GAGzBqB,EAAU,QAAUJ,EAAc,QAAQ,YAAYE,EAAS,QAASW,CAAa,EAErF,OAAO,KAAKP,CAAM,EAAE,QAASQ,GAAQ,CA5G3C,IAAAC,EA6Ga,OAAOT,EAAOQ,CAAG,GAAM,cAC1BC,EAAAX,EAAU,UAAV,MAAAW,EAAmB,GAAGD,EAAKP,GAE/B,CAAC,EAEL,CAMA,SAASG,IAAgB,CACvB,MAAO,CACL,OAAQN,EAAU,QAClB,MAAOF,EAAS,OAClB,CACF,CAEA,OACE3B,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACG,GAAA,KACCH,EAAA,cAAC,QAAK,KAAM,6CAA6CuB,kCAAyC,IAAI,aAAa,CACrH,EACAvB,EAAA,cAAC,OAAI,MAAO,CAAE,MAAO,OAAQ,YAAa,GAAGK,EAAM,WAAWA,EAAM,QAAQ,GAC1EL,EAAA,cAAC,SACC,IAAK2B,EACL,GAAIG,EACJ,UAAU,6BACV,MAAON,EACP,OAAQb,EACV,EACAX,EAAA,cAACE,GAAA,CACC,GAAI,0BAA0B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC5D,IAAK,6CAA6CqB,iCAClD,OAAQa,EACR,QAAUK,GAAM,QAAQ,MAAM,2CAA2CA,EAAE,SAAS,EACtF,CACF,CACF,CAEJ,EAEOC,EAAQtC","names":["React","useState","Image","getTransformations","transformationPlugins","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","pollForProcessingImage","src","resolve","reject","res","e","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","getCldImageUrl","CldImage","props","CLD_OPTIONS","transformationPlugins","prop","imageProps","key","defaultImgKey","imgKey","setImgKey","useState","cldOptions","transformations","getTransformations","e","handleOnError","options","pollForProcessingImage","React","Image","loaderOptions","cloudinaryLoader","CldImage_default","React","Head","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","keys","props","alt","options","metaKeys","ogImageUrl","getCldImageUrl","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","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","version","width","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","e","CldVideoPlayer_default"]}
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.5.0\",\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.1.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_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 }\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 const ogImageUrl = getCldImageUrl(options);\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={`${options.width}`} />\n <meta key={metaKeys['og:image:height']} property=\"og:image:height\" content={`${options.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={ogImageUrl} />\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 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 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\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 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=\"cld-video-player cld-fluid\"\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_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 gravity: options.gravity \|\| 'center',\n height: options.height \|\| OG_IMAGE_HEIGHT,\n width: options.width \|\| OG_IMAGE_WIDTH,\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","metaKeys","ogImageUrl","getCldImageUrl","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","colors","controls","fontFace","height","id","logo","loop","muted","onDataLoad","onError","onMetadataLoad","onPause","onPlay","onEnded","src","version","width","cloudinaryRef","defaultVideoRef","videoRef","defaultPlayerRef","playerRef","playerId","events","handleEvent","event","activeEvent","getPlayerRefs","handleOnLoad","logoOptions","playerOptions","key","_a","e","CldVideoPlayer_default","getCldOgImageUrl","options","getCldImageUrl"]}

package/package.json CHANGED Viewed

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