next-cloudinary 4.0.1 → 4.0.3

package/dist/index.d.ts

@@ -8,16 +8,10 @@ type CldImageProps = Omit<ImageProps, 'src'> & ImageOptions & {
 };
 declare const CldImage: (props: CldImageProps) => JSX.Element;
 
-interface CldOgImageProps {
-    alt: string;
-    crop?: string;
+type CldOgImageProps = CldImageProps & {
     excludeTags?: Array<string>;
-    gravity?: string;
-    height: string | number;
-    src: string;
     twitterTitle?: string;
-    width: string | number;
-}
+};
 declare const CldOgImage: ({ excludeTags, twitterTitle, ...props }: CldOgImageProps) => JSX.Element;
 
 interface CldUploadWidgetProps {

package/dist/index.js

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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/constants/analytics.ts","../package.json","../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 type { CloudinaryVideoPlayer } 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","/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): 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 { ImageProps } from 'next/image';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\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  return constructCloudinaryUrl({\n    // @ts-expect-error\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n      ...cldConfig\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\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.0.1\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^3.0.0\",\n    \"@cloudinary-util/util\": \"^2.0.0\",\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 React from 'react';\nimport Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport interface CldOgImageProps {\n  alt: string;\n  crop?: string;\n  excludeTags?: Array<string>;\n  gravity?: string;\n  height: string | number;\n  src: string;\n  twitterTitle?: string;\n  width: string | number;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, ...props }: CldOgImageProps) => {\n  const options = {\n    ...props,\n    alt: props.alt,\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 ogImageUrl = constructCloudinaryUrl({\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      }\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta property=\"og:image\" content={ogImageUrl} />\n      <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta property=\"og:image:width\" content={`${options.width}`} />\n      <meta property=\"og:image:height\" content={`${options.height}`} />\n\n      {options.alt && (\n        <meta property=\"og:image:alt\" content={options.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 property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta property=\"twitter:image\" content={ogImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;","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  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open }) => {\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} >\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 ENV_DEPENDENCIES = [\n  'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME',\n  'NEXT_PUBLIC_CLOUDINARY_API_KEY',\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\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    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      })}\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 } from '../../types/player';\n\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\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('/', '-')}`;\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      interface LogoOptions {\n        logoImageUrl?: string;\n        logoOnclickUrl?: string;\n        showLogo?: boolean;\n      }\n\n      let logoOptions: LogoOptions = {};\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      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        color: colors,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        ...logoOptions\n      });\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   *\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","__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","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","import_url_loader","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","props","options","ogImageUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","uploadOptions","generateSignature","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","WIDGET_WATCHED_EVENTS","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","CldVideoPlayer","props","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","key","_a","React","Head","Script","e","CldVideoPlayer_default"]}
+{"version":3,"sources":["../src/index.ts","../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/constants/analytics.ts","../package.json","../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 type { CloudinaryVideoPlayer } 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","/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): 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 { ImageProps } from 'next/image';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\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  return constructCloudinaryUrl({\n    // @ts-expect-error\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n      ...cldConfig\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\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.0.3\",\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.0.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 React from 'react';\nimport Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\nimport { CldImageProps } from '../CldImage/CldImage';\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  twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, ...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 ogImageUrl = constructCloudinaryUrl({\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      }\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta property=\"og:image\" content={ogImageUrl} />\n      <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta property=\"og:image:width\" content={`${options.width}`} />\n      <meta property=\"og:image:height\" content={`${options.height}`} />\n\n      {alt && (\n        <meta 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 property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta property=\"twitter:image\" content={ogImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;","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  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open }) => {\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} >\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\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    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      })}\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 } from '../../types/player';\n\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\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('/', '-')}`;\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      interface LogoOptions {\n        logoImageUrl?: string;\n        logoOnclickUrl?: string;\n        showLogo?: boolean;\n      }\n\n      let logoOptions: LogoOptions = {};\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      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        color: colors,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        ...logoOptions\n      });\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   *\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","__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","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","import_url_loader","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","props","alt","options","ogImageUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","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","handleOnClick","e","CldUploadButton_default","import_react","import_script","import_head","CldVideoPlayer","props","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","key","_a","React","Head","Script","e","CldVideoPlayer_default"]}

package/dist/index.mjs

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

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/constants/analytics.ts","../package.json","../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","/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): 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 { ImageProps } from 'next/image';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\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  return constructCloudinaryUrl({\n    // @ts-expect-error\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n      ...cldConfig\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\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.0.1\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.ts\",\n  \"source\": \"src/index.ts\",\n  \"scripts\": {\n    \"build\": \"tsup src/index.ts --dts\",\n    \"dev\": \"tsup src/index.ts --watch --dts\",\n    \"prepublishOnly\": \"cp ../README.md . && yarn build\",\n    \"postpublish\": \"rm ./README.md\",\n    \"test\": \"jest\",\n    \"test:app\": \"NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\\\"test\\\" yarn build && cd tests/nextjs-app && yarn build\"\n  },\n  \"dependencies\": {\n    \"@cloudinary-util/url-loader\": \"^3.0.0\",\n    \"@cloudinary-util/util\": \"^2.0.0\",\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 React from 'react';\nimport Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\n\nconst IMAGE_WIDTH = 2400;\nconst IMAGE_HEIGHT = 1200;\n\nconst TWITTER_CARD = 'summary_large_image';\n\nexport interface CldOgImageProps {\n  alt: string;\n  crop?: string;\n  excludeTags?: Array<string>;\n  gravity?: string;\n  height: string | number;\n  src: string;\n  twitterTitle?: string;\n  width: string | number;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, ...props }: CldOgImageProps) => {\n  const options = {\n    ...props,\n    alt: props.alt,\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 ogImageUrl = constructCloudinaryUrl({\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      }\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta property=\"og:image\" content={ogImageUrl} />\n      <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta property=\"og:image:width\" content={`${options.width}`} />\n      <meta property=\"og:image:height\" content={`${options.height}`} />\n\n      {options.alt && (\n        <meta property=\"og:image:alt\" content={options.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 property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta property=\"twitter:image\" content={ogImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;","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  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open }) => {\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} >\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 ENV_DEPENDENCIES = [\n  'NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME',\n  'NEXT_PUBLIC_CLOUDINARY_API_KEY',\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\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    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      })}\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 } from '../../types/player';\n\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\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('/', '-')}`;\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      interface LogoOptions {\n        logoImageUrl?: string;\n        logoOnclickUrl?: string;\n        showLogo?: boolean;\n      }\n\n      let logoOptions: LogoOptions = {};\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      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        color: colors,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        ...logoOptions\n      });\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   *\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,8BCCtC,eAAsBC,EAAuBC,EAA2B,CACtE,GAAM,CAAE,IAAAC,CAAI,EAAID,EAChB,GAAI,CACF,MAAM,IAAI,QAAQ,CAACE,EAASC,IAAW,CACrC,MAAMF,CAAG,EAAE,KAAKG,GAAO,CACrB,GAAK,CAACA,EAAI,GAAK,CACbD,EAAOC,CAAG,EACV,OAEFF,EAAQE,CAAG,CACb,CAAC,CACH,CAAC,CACH,OAAQC,EAAN,CACA,OAAKA,EAAE,SAAW,IACT,MAAMN,EAAuBC,CAAO,EAEtC,EACT,CACA,MAAO,EACT,CCtBA,OAAS,0BAAAM,OAA8B,8BCDvC,OAAOC,MAAa,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,EAAQ,QDiB7B,SAASC,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,GAIjE,OAAOC,GAAuB,CAE5B,QAAAF,EACA,OAAQ,CACN,MAAO,CACL,UAAW,QAAQ,IAAI,iCACzB,EACA,GAAGD,CACL,EACA,UAAW,CACT,QAASI,EACT,UAAWC,EACX,YAAaC,EACb,QAAS,EACX,CACF,CAAC,CACH,CF/CA,IAAMC,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,YACjB,OAAS,0BAAAC,OAA8B,8BAIvC,IAAMC,GAAc,KACdC,GAAe,KAEfC,GAAe,sBAafC,GAAa,CAAC,CAAE,YAAAC,EAAc,CAAC,EAAG,aAAAC,EAAc,GAAGC,CAAM,IAAuB,CACpF,IAAMC,EAAU,CACd,GAAGD,EACH,IAAKA,EAAM,IACX,KAAMA,EAAM,MAAQ,OACpB,QAASA,EAAM,SAAW,SAC1B,OAAQA,EAAM,QAAUL,GACxB,IAAKK,EAAM,IACX,MAAOA,EAAM,OAASN,EACxB,EAEMQ,EAAaC,GAAuB,CACxC,QAAAF,EACA,OAAQ,CACN,MAAO,CACL,UAAW,QAAQ,IAAI,iCACzB,CACF,EACA,UAAW,CACT,QAASG,EACT,UAAWC,EACX,YAAaC,EACb,QAAS,EACX,CACF,CAAC,EAKC,OACAC,EAAA,cAACC,GAAA,KACCD,EAAA,cAAC,QAAK,SAAS,WAAW,QAASL,EAAY,EAC/CK,EAAA,cAAC,QAAK,SAAS,sBAAsB,QAASL,EAAY,EAC1DK,EAAA,cAAC,QAAK,SAAS,iBAAiB,QAAS,GAAGN,EAAQ,QAAS,EAC7DM,EAAA,cAAC,QAAK,SAAS,kBAAkB,QAAS,GAAGN,EAAQ,SAAU,EAE9DA,EAAQ,KACPM,EAAA,cAAC,QAAK,SAAS,eAAe,QAASN,EAAQ,IAAK,EAMrD,CAACH,EAAY,SAAS,eAAe,GACpCS,EAAA,cAAC,QAAK,SAAS,gBAAgB,QAASR,GAAgB,IAAK,EAG/DQ,EAAA,cAAC,QAAK,SAAS,eAAe,QAASX,GAAc,EACrDW,EAAA,cAAC,QAAK,SAAS,gBAAgB,QAASL,EAAY,CACtD,CAEJ,EAEOO,EAAQZ,GC3Ef,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,EAOA,IAAMC,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,EAO9EG,EAAgB,CACpB,UAAW,QAAQ,IAAI,kCACvB,aAAcV,GAAgB,QAAQ,IAAI,qCAC1C,OAAQ,QAAQ,IAAI,+BACpB,GAAGF,CACL,EAEKM,IACHM,EAAc,gBAAkBC,EAE3BD,EAAc,QACjB,QAAQ,KAAK,uDAAuD,GAMxEE,EAAU,IAAM,CACd,GAAK,OAAOJ,GAAY,YAAc,OAEtC,IAAMK,EAAYL,EAAQ,QAAU,UAC9BM,EAAWN,EAAQ,QAAU,mBAAqBA,EAAQ,OAAS,SAEpEK,GAAa,OAAOhB,GAAa,YACpCA,EAASW,EAASL,EAAO,OAAO,EAG7BW,GAAY,OAAOpB,GAAY,YAClCA,EAAQS,EAAO,OAAO,CAE1B,EAAG,CAACK,CAAO,CAAC,EAEZI,EAAU,IAAM,CACTP,GAAS,OAAOV,GAAY,YAC/BA,EAAQU,EAAOF,EAAO,OAAO,CAEjC,EAAG,CAACE,CAAK,CAAC,EAOV,SAASU,GAAe,CAChBd,EAAW,UACfA,EAAW,QAAW,OAAe,YAMvCe,EAAc,IAAM,CACZb,EAAO,UACXA,EAAO,QAAUc,EAAa,EAElC,CAAC,CACH,CAOA,SAASN,EAAkBO,EAAoBC,EAAsB,CACnE,GAAK,OAAOpB,GAAsB,YAChC,MAAM,MAAM,4DAA4D,EAE1E,MAAMA,EAAmB,CACvB,OAAQ,OACR,KAAM,KAAK,UAAU,CACnB,aAAAoB,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,CA5H1B,IAAAK,EA6HI,OAAOA,EAAArB,EAAW,UAAX,YAAAqB,EAAoB,mBAAmBZ,EAAe,CAACa,EAAkBC,IAAsB,CAM/F,OAAOD,GAAgB,aAC1BjB,EAASiB,CAAW,EAGjBE,GAAsB,SAASD,GAAA,YAAAA,EAAc,KAAK,GACrDf,EAAWe,CAAY,CAE3B,EACF,CAOA,SAASE,GAAO,CACTvB,EAAO,UACVA,EAAO,QAAUc,EAAa,GAGhCd,GAAA,MAAAA,EAAQ,QAAQ,OAEX,OAAOP,GAAW,YACrBA,EAAOO,EAAO,OAAO,CAEzB,CAEA,OACEwB,EAAA,cAAAA,EAAA,cACG,OAAOlC,GAAa,YAAcA,EAAS,CAC1C,WAAYQ,EAAW,QACvB,OAAQE,EAAO,QACf,KAAAuB,EACA,QAAAlB,EACA,MAAAH,CACF,CAAC,EACDsB,EAAA,cAACC,GAAA,CACC,GAAI,2BAA2B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC7D,IAAI,mDACJ,OAAQb,EACR,QAAUc,GAAM,QAAQ,MAAM,4CAA4CA,EAAE,SAAS,EACvF,CACF,CAEJ,EAEOC,EAAQtC,GDzKf,IAAMuC,GAAkB,CAAC,CACvB,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,CACC,QAASP,EACT,SAAUC,EACV,QAASC,EACT,kBAAmBC,EACnB,aAAcC,GAEb,CAAC,CAAE,KAAAI,CAAK,IAAM,CACb,SAASC,EAAcC,EAAoD,CACzEA,EAAE,eAAe,EAEjBF,EAAK,EAEA,OAAOT,GAAY,YACtBA,EAAQW,CAAC,CAEb,CACA,OACEJ,EAAA,cAAC,UAAQ,GAAGD,EAAO,QAASI,GACzBX,GAAY,QACf,CAEJ,CACF,CACF,EAIGa,EAAQd,GGhDf,OAAOe,GAAS,UAAAC,MAAgC,QAChD,OAAOC,OAAY,cACnB,OAAOC,OAAU,YAMjB,IAAMC,GAAkBC,GAA+B,CACrD,GAAM,CACJ,SAAAC,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,EAAIlB,EAKEmB,EAAgBvB,EAAY,EAC5BwB,EAAkBxB,EAAO,EACzByB,EAAWrB,EAAM,UAAYoB,EAC7BE,EAAmB1B,EAAO,EAC1B2B,EAAYvB,EAAM,WAAasB,EAE/BE,EAAWlB,GAAM,UAAUU,EAAI,QAAQ,IAAK,GAAG,IAE/CS,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,EAAc,CAAC,CAE/B,CAOA,SAASC,GAAe,CACtB,GAAK,eAAgB,OAAS,CAC5BX,EAAc,QAAU,OAAO,WAQ/B,IAAIY,EAA2B,CAAC,EAE3B,OAAOxB,GAAS,UACnBwB,EAAY,SAAWxB,EACb,OAAOA,GAAS,WAC1BwB,EAAc,CACZ,GAAGA,EACH,SAAU,GACV,aAAcxB,EAAK,SACnB,eAAgBA,EAAK,UACvB,GAGFgB,EAAU,QAAUJ,EAAc,QAAQ,YAAYE,EAAS,QAAS,CACtE,aAAcpB,EACd,WAAY,QAAQ,IAAI,kCACxB,MAAOC,EACP,SAAAC,EACA,SAAUC,GAAY,GACtB,KAAAI,EACA,MAAAC,EACA,SAAUO,EACV,OAAQ,GACR,GAAGe,CACL,CAAC,EAED,OAAO,KAAKN,CAAM,EAAE,QAASO,GAAQ,CAxG3C,IAAAC,EAyGa,OAAOR,EAAOO,CAAG,GAAM,cAC1BC,EAAAV,EAAU,UAAV,MAAAU,EAAmB,GAAGD,EAAKN,GAE/B,CAAC,EAEL,CAMA,SAASG,GAAgB,CACvB,MAAO,CACL,OAAQN,EAAU,QAClB,MAAOF,EAAS,OAClB,CACF,CAEA,OACE1B,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACG,GAAA,KACCH,EAAA,cAAC,QAAK,KAAM,6CAA6CsB,kCAAyC,IAAI,aAAa,CACrH,EACAtB,EAAA,cAAC,OAAI,MAAO,CAAE,MAAO,OAAQ,YAAa,GAAGK,EAAM,WAAWA,EAAM,QAAQ,GAC1EL,EAAA,cAAC,SACC,IAAK0B,EACL,GAAIG,EACJ,UAAU,6BACV,MAAON,EACP,OAAQb,EACV,EACAV,EAAA,cAACE,GAAA,CACC,GAAI,0BAA0B,KAAK,MAAM,KAAK,OAAO,EAAI,GAAG,IAC5D,IAAK,6CAA6CoB,iCAClD,OAAQa,EACR,QAAUI,GAAM,QAAQ,MAAM,2CAA2CA,EAAE,SAAS,EACtF,CACF,CACF,CAEJ,EAEOC,EAAQpC","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","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","constructCloudinaryUrl","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","props","options","ogImageUrl","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","uploadOptions","generateSignature","useEffect","isSuccess","isClosed","handleOnLoad","triggerOnIdle","createWidget","callback","paramsToSign","r","signature","_a","uploadError","uploadResult","WIDGET_WATCHED_EVENTS","open","React","Script","e","CldUploadWidget_default","CldUploadButton","children","onClick","onError","onUpload","options","signatureEndpoint","uploadPreset","props","React","CldUploadWidget_default","open","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","CldVideoPlayer","props","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","key","_a","e","CldVideoPlayer_default"]}
+{"version":3,"sources":["../src/components/CldImage/CldImage.tsx","../src/lib/cloudinary.ts","../src/loaders/cloudinary-loader.ts","../src/constants/analytics.ts","../package.json","../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","/**\n * pollForProcessingImage\n */\n\nexport async function pollForProcessingImage(options): 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 { ImageProps } from 'next/image';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../constants/analytics';\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  return constructCloudinaryUrl({\n    // @ts-expect-error\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      },\n      ...cldConfig\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\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.0.3\",\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.0.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 React from 'react';\nimport Head from 'next/head';\nimport { constructCloudinaryUrl } from '@cloudinary-util/url-loader';\nimport type { ImageOptions } from '@cloudinary-util/url-loader';\n\nimport { NEXT_CLOUDINARY_ANALYTICS_ID, NEXT_CLOUDINARY_VERSION, NEXT_VERSION } from '../../constants/analytics';\nimport { CldImageProps } from '../CldImage/CldImage';\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  twitterTitle?: string;\n}\n\nconst CldOgImage = ({ excludeTags = [], twitterTitle, ...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 ogImageUrl = constructCloudinaryUrl({\n    options,\n    config: {\n      cloud: {\n        cloudName: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME\n      }\n    },\n    analytics: {\n      sdkCode: NEXT_CLOUDINARY_ANALYTICS_ID,\n      sdkSemver: NEXT_CLOUDINARY_VERSION,\n      techVersion: NEXT_VERSION,\n      feature: ''\n    }\n  });\n\n  // We need to include the tags within the Next.js Head component rather than\n  // direcly adding them inside of the Head otherwise we get unexpected results\n\n    return (\n    <Head>\n      <meta property=\"og:image\" content={ogImageUrl} />\n      <meta property=\"og:image:secure_url\" content={ogImageUrl} />\n      <meta property=\"og:image:width\" content={`${options.width}`} />\n      <meta property=\"og:image:height\" content={`${options.height}`} />\n\n      {alt && (\n        <meta 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 property=\"twitter:title\" content={twitterTitle || ' '} />\n      )}\n\n      <meta property=\"twitter:card\" content={TWITTER_CARD} />\n      <meta property=\"twitter:image\" content={ogImageUrl} />\n    </Head>\n  );\n}\n\nexport default CldOgImage;","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  return (\n    <>\n      <CldUploadWidget\n        onError={onError}\n        onUpload={onUpload}\n        options={options}\n        signatureEndpoint={signatureEndpoint}\n        uploadPreset={uploadPreset}\n      >\n        {({ open }) => {\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} >\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\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    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      })}\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 } from '../../types/player';\n\n\nconst CldVideoPlayer = (props: CldVideoPlayerProps) => {\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('/', '-')}`;\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      interface LogoOptions {\n        logoImageUrl?: string;\n        logoOnclickUrl?: string;\n        showLogo?: boolean;\n      }\n\n      let logoOptions: LogoOptions = {};\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      playerRef.current = cloudinaryRef.current.videoPlayer(videoRef.current, {\n        autoplayMode: autoPlay,\n        cloud_name: process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,\n        color: colors,\n        controls,\n        fontFace: fontFace || '',\n        loop,\n        muted,\n        publicId: src,\n        secure: true,\n        ...logoOptions\n      });\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   *\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":["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","cloudinaryLoader","loaderOptions","imageProps","cldOptions","cldConfig","options","multiplier","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","constructCloudinaryUrl","IMAGE_WIDTH","IMAGE_HEIGHT","TWITTER_CARD","CldOgImage","excludeTags","twitterTitle","props","alt","options","ogImageUrl","constructCloudinaryUrl","NEXT_CLOUDINARY_ANALYTICS_ID","NEXT_CLOUDINARY_VERSION","NEXT_VERSION","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","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","handleOnClick","e","CldUploadButton_default","React","useRef","Script","Head","CldVideoPlayer","props","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","key","_a","e","CldVideoPlayer_default"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-cloudinary",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -14,8 +14,8 @@
     "test:app": "NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\"test\" yarn build && cd tests/nextjs-app && yarn build"
   },
   "dependencies": {
-    "@cloudinary-util/url-loader": "^3.0.0",
-    "@cloudinary-util/util": "^2.0.0",
+    "@cloudinary-util/url-loader": "^3.0.1",
+    "@cloudinary-util/util": "^2.0.1",
     "@cloudinary/url-gen": "^1.8.6"
   },
   "devDependencies": {