@clerk/clerk-react - npm Package Compare versions

Comparing version 2.3.1-staging.0 to 2.4.0

dist/clerk-react.cjs.development.js

@@ -91,3 +91,3 @@ 'use strict';
 
-var version = "2.3.1-staging.0";
+var version = "2.4.0";
 
@@ -94,0 +94,0 @@ var FAILED_TO_LOAD_ERROR = 'Clerk: Failed to load Clerk';

dist/clerk-react.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e;function t(){return(t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function o(e,n){if(null==e)return{};var r,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)n.indexOf(r=i[t])>=0||(o[r]=e[r]);return o}function i(){return"undefined"!=typeof window}"undefined"!=typeof Symbol&&(Symbol.iterator||(Symbol.iterator=Symbol("Symbol.iterator"))),"undefined"!=typeof Symbol&&(Symbol.asyncIterator||(Symbol.asyncIterator=Symbol("Symbol.asyncIterator")));var u=new Map;function l(e,n,o){var i=function(i){return function(e,n,t){void 0===t&&(t=1),r.useEffect((function(){var r=u.get(e)||0;if(r==t)throw new Error(n);return u.set(e,r+1),function(){u.set(e,(u.get(e)||1)-1)}}),[])}(n,o),r.createElement(e,t({},i))};return i.displayName="withMaxAllowedInstancesGuard("+(e.displayName||e.name||n||"Component")+")",i}var s={Expired:"expired",Failed:"failed"},a=function(e){return function(n){try{return r.Children.only(e)}catch(e){throw new Error(function(e){return"Clerk: You've passed multiple children components to <"+e+"/>. You can only pass a single child component or text."}(n))}}},c=function(e,n){return e||(e=n),"string"==typeof e&&(e=r.createElement("button",null,e)),e},d=function(e){return function(){if(e&&"function"==typeof e)return e.apply(void 0,arguments)}},f=function(){function e(e,n,r){var t=this,o=this,u=this,l=this,s=this;void 0===n&&(n={}),void 0===r&&(r=null),this.mode=void 0,this.frontendApi=void 0,this.options=void 0,this.Clerk=void 0,this.clerkjs=null,this.preopenSignIn=null,this.preopenSignUp=null,this.premountSignInNodes=new Map,this.premountSignUpNodes=new Map,this.premountUserProfileNodes=new Map,this.premountUserButtonNodes=new Map,this.premountMethodCalls=new Map,this._loaded=!1,this.ssrData=null,this.ssrClient=void 0,this.ssrSession=void 0,this.hydrateClerkJS=function(e){try{if(!e)throw new Error("Failed to hydrate latest Clerk JS");return o.clerkjs=e,o.premountMethodCalls.forEach((function(e){return e()})),null!==o.preopenSignIn&&e.openSignIn(o.preopenSignIn),null!==o.preopenSignUp&&e.openSignUp(o.preopenSignUp),o.premountSignInNodes.forEach((function(n,r){e.mountSignIn(r,n)})),o.premountSignUpNodes.forEach((function(n,r){e.mountSignUp(r,n)})),o.premountUserProfileNodes.forEach((function(n,r){e.mountUserProfile(r,n)})),o.premountUserButtonNodes.forEach((function(n,r){e.mountUserButton(r,n)})),o._loaded=!0,Promise.resolve(o.clerkjs)}catch(e){return Promise.reject(e)}},this.setSession=function(e,n){return t.clerkjs?t.clerkjs.setSession(e,n):Promise.reject()},this.openSignIn=function(e){t.clerkjs&&t._loaded?t.clerkjs.openSignIn(e):t.preopenSignIn=e},this.closeSignIn=function(){t.clerkjs&&t._loaded?t.clerkjs.closeSignIn():t.preopenSignIn=null},this.openSignUp=function(e){t.clerkjs&&t._loaded?t.clerkjs.openSignUp(e):t.preopenSignUp=e},this.closeSignUp=function(){t.clerkjs&&t._loaded?t.clerkjs.closeSignUp():t.preopenSignUp=null},this.mountSignIn=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountSignIn(e,n):t.premountSignInNodes.set(e,n)},this.unmountSignIn=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountSignIn(e):t.premountSignInNodes.delete(e)},this.mountSignUp=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountSignUp(e,n):t.premountSignUpNodes.set(e,n)},this.unmountSignUp=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountSignUp(e):t.premountSignUpNodes.delete(e)},this.mountUserProfile=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountUserProfile(e,n):t.premountUserProfileNodes.set(e,n)},this.unmountUserProfile=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountUserProfile(e):t.premountUserProfileNodes.delete(e)},this.mountUserButton=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountUserButton(e,n):t.premountUserButtonNodes.set(e,n)},this.unmountUserButton=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountUserButton(e):t.premountUserButtonNodes.delete(e)},this.addListener=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.addListener(e)};t.clerkjs?n():t.premountMethodCalls.set("addListener",n)},this.loadFromServer=function(e){"browser"===t.mode&&t.throwError("loadFromServer cannot be called in a browser context."),t.ssrData=JSON.stringify({client:t.client,session:t.session,token:e})},this.navigate=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.navigate(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("navigate",n)},this.redirectToSignIn=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.redirectToSignIn(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("redirectToSignIn",n)},this.redirectToSignUp=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.redirectToSignUp(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("redirectToSignUp",n)},this.redirectToUserProfile=function(){var e=function(){var e;return null===(e=t.clerkjs)||void 0===e?void 0:e.redirectToUserProfile()};t.clerkjs&&t._loaded?e():t.premountMethodCalls.set("redirectToUserProfile",e)},this.handleRedirectCallback=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.handleRedirectCallback(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("handleRedirectCallback",n)},this.handleMagicLinkVerification=function(e){try{var n=function(){var n;return null===(n=u.clerkjs)||void 0===n?void 0:n.handleMagicLinkVerification(e)};return u.clerkjs&&u._loaded?Promise.resolve(n()):(u.premountMethodCalls.set("handleMagicLinkVerification",n),Promise.resolve())}catch(e){return Promise.reject(e)}},this.signOut=function(e){try{var n=function(){var n;return null===(n=l.clerkjs)||void 0===n?void 0:n.signOut(e)};return l.clerkjs&&l._loaded?Promise.resolve(n()):(l.premountMethodCalls.set("signOut",n),Promise.resolve())}catch(e){return Promise.reject(e)}},this.signOutOne=function(e){try{var n=function(){var n;return null===(n=s.clerkjs)||void 0===n?void 0:n.signOutOne(e)};return s.clerkjs&&s._loaded?Promise.resolve(n()):(s.premountMethodCalls.set("signOutOne",n),Promise.resolve())}catch(e){return Promise.reject(e)}},this.frontendApi=e,this.options=n,this.Clerk=r,this.mode=i()?"browser":"server"}var n,r=e.prototype;return r.loadClerkJS=function(){try{var e=this;return e.frontendApi||e.throwError("Clerk: You must add the frontendApi prop to your <ClerkProvider>"),Promise.resolve(function(n,r){try{var t=function(){function n(n){return e.hydrateClerkJS(global.Clerk)}var r=function(){if(e.Clerk){var n,r=function(){global.Clerk=n},t=function(){if("function"==typeof e.Clerk)return n=new e.Clerk(e.frontendApi),Promise.resolve(n.load(e.options)).then((function(){}));n=e.Clerk;var r=function(){if(!n.isReady())return Promise.resolve(n.load(e.options)).then((function(){}))}();return r&&r.then?r.then((function(){})):void 0}();return t&&t.then?t.then(r):r()}return Promise.resolve((o=e.frontendApi,i=e.options.scriptUrl,new Promise((function(e,n){global.Clerk&&e(null),o||n("Clerk: Missing provider");var r=document.createElement("script"),t=function(e,n){if(n)return n;var r=function(e){return e.endsWith(".lclstage.dev")||e.endsWith(".stgstage.dev")||e.endsWith(".clerkstage.dev")}(e)?"staging":parseInt("2.3.1-staging.0".split(".")[0],10);return"https://"+e+"/npm/@clerk/clerk-js@"+r+"/dist/clerk.browser.js"}(o,i);r.setAttribute("data-clerk-frontend-api",o),r.setAttribute("crossorigin","anonymous"),r.async=!0,document.body||n("Clerk: Missing <body> element."),r.addEventListener("load",(function(){return e(r)})),r.addEventListener("error",(function(){return n("Clerk: Failed to load Clerk")})),r.src=t,document.body.appendChild(r)})))).then((function(){if(!global.Clerk)throw new Error("Failed to download latest ClerkJS. Contact [e-mail].");return Promise.resolve(global.Clerk.load(e.options)).then((function(){}))}));var o,i}();return r&&r.then?r.then(n):n()}()}catch(e){return r(e)}return t&&t.then?t.then(void 0,r):t}(0,(function(n){var r;r=n instanceof Error?n.message:String(n),e.throwError(r)})))}catch(e){return Promise.reject(e)}},r.throwError=function(e){throw console.error(e),new Error(e)},(n=[{key:"version",get:function(){var e;return null===(e=this.clerkjs)||void 0===e?void 0:e.version}},{key:"client",get:function(){return this.clerkjs?this.clerkjs.client:void 0}},{key:"session",get:function(){return this.clerkjs?this.clerkjs.session:void 0}},{key:"user",get:function(){return this.clerkjs?this.clerkjs.user:void 0}},{key:"__unstable__environment",get:function(){return this.clerkjs?this.clerkjs.__unstable__environment:void 0}}])&&function(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}(e.prototype,n),e}();function p(e){if(!e)throw new Error("Clerk: You must wrap your application in a <ClerkProvider> component.")}function v(e,n){if(!e)throw new Error(function(e){return"Clerk: You're calling "+e+" before there's a guarantee the client has been loaded. Call "+e+" from a child of <SignedIn>, <SignedOut>, or <ClerkLoaded>, or use the withClerk() HOC."}(n))}function m(e,n){if(!e)throw new Error(function(e){return"Clerk: You're calling "+e+" before there's a guarantee there's an active user. Call "+e+" from a child of <SignedIn> or use the withUser() HOC."}(n))}var h=Object.freeze({noGuarantees:Object.freeze({guaranteedLoaded:!1,guaranteedUser:!1}),guaranteedLoaded:Object.freeze({guaranteedLoaded:!0,guaranteedUser:!1}),guaranteedAll:Object.freeze({guaranteedLoaded:!0,guaranteedUser:!0})}),g=r.createContext(void 0);g.displayName="StructureContext";var k=r.createContext(void 0);k.displayName="IsomorphicClerkContext";var S=function(e,o){e.displayName=o=o||e.displayName||e.name||"Component";var u=function(o){var u=n.useContext(g),l=n.useContext(k);if(!i())return null;p(u),p(l);var s=l.value;return s?u.guaranteedLoaded?r.createElement(e,t({},o,{clerk:s})):s.client?r.createElement(g.Provider,{value:h.guaranteedLoaded},r.createElement(e,t({},o,{clerk:s}))):null:null};return u.displayName="withClerk("+o+")",u},C=r.createContext(void 0);C.displayName="ClientContext";var U=r.createContext(void 0);U.displayName="SessionContext";var y=r.createContext(void 0);function j(){var e=n.useContext(y);return p(e),e}y.displayName="UserContext";var E=function(e,o){e.displayName=o=o||e.displayName||e.name||"Component";var u=function(o){var u=n.useContext(g),l=n.useContext(y);if(!i())return null;p(u),p(l);var s=l.value;return u.guaranteedUser&&s?r.createElement(e,t({},o,{user:s})):s?r.createElement(g.Provider,{value:h.guaranteedAll},r.createElement(e,t({},o,{user:s}))):null};return u.displayName="withUser("+o+")",u};function x(e){var n=e.children,o=e.clerkLoaded,i=e.isomorphicClerk,u=r.useState({client:i.client,session:i.session,user:i.user}),l=u[0],s=u[1];r.useEffect((function(){return i.addListener((function(e){return s(t({},e))}))}),[]);var a=l.client,c=l.session,d=l.user,f=r.useMemo((function(){return{value:i}}),[o]),p=r.useMemo((function(){return{value:a}}),[a]),v=r.useMemo((function(){return{value:c}}),[c]),m=r.useMemo((function(){return{value:d}}),[d]);return r.createElement(k.Provider,{value:f},r.createElement(C.Provider,{value:p},r.createElement(U.Provider,{value:v},r.createElement(y.Provider,{value:m},r.createElement(r.Fragment,{key:c?c.id:"no-users"},n)))))}function P(e){var t=n.useMemo((function(){var n=e.frontendApi,r=void 0===n?"":n,t=e.Clerk,i=o(e,["frontendApi","Clerk"]);return new f(r,i,t)}),[]),i=n.useState(!1),u=i[0],l=i[1];return n.useEffect((function(){t.loadClerkJS().then((function(){return l(!0)}))}),[]),r.createElement(g.Provider,{value:h.noGuarantees},t instanceof f&&t.ssrData&&r.createElement("script",{type:"application/json","data-clerk":"SSR",dangerouslySetInnerHTML:{__html:t.ssrData}}),r.createElement(x,{isomorphicClerk:t,clerkLoaded:u},e.children))}var w=l(P,"ClerkProvider","Clerk: You've added multiple <ClerkProvider> components in your React component tree. Wrap your components in a single <ClerkProvider>."),I=function(e){var n,t;function o(){for(var n,t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];return(n=e.call.apply(e,[this].concat(o))||this).portalRef=r.createRef(),n}t=e,(n=o).prototype=Object.create(t.prototype),n.prototype.constructor=n,n.__proto__=t;var i=o.prototype;return i.componentDidMount=function(){this.portalRef.current&&this.props.mount(this.portalRef.current,this.props.props)},i.componentWillUnmount=function(){this.portalRef.current&&this.props.unmount(this.portalRef.current)},i.render=function(){return r.createElement("div",{ref:this.portalRef})},o}(r.PureComponent),b=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountSignIn,unmount:n.unmountSignIn,props:t})}),"SignIn"),_=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountSignUp,unmount:n.unmountSignUp,props:t})}),"SignUp"),O=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountUserProfile,unmount:n.unmountUserProfile,props:t})}),"UserProfile"),L=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountUserButton,unmount:n.unmountUserButton,props:t})}),"UserButton"),M=E((function(e){return r.createElement(r.Fragment,null,e.children)}),"SignedIn"),N=S((function(e){var n=e.children;return null===j().value?r.createElement(r.Fragment,null,n):null}),"SignedOut"),A=S((function(e){return r.createElement(r.Fragment,null,e.children)}),"ClerkLoaded"),B=S((function(e){var n=e.clerk,t=o(e,["clerk"]),i=t.returnBack,u={afterSignUpUrl:t.afterSignUpUrl,redirectUrl:t.redirectUrl,afterSignInUrl:t.afterSignInUrl},l=n.client,s=n.session,a=n.__unstable__environment,c=l.activeSessions&&l.activeSessions.length>0;return r.useEffect((function(){null===s&&c&&a?n.navigate(a.displayConfig.afterSignOutOneUrl):n.redirectToSignIn(i||u)}),[]),null}),"RedirectToSignIn"),R=S((function(e){var n=e.clerk,t=o(e,["clerk"]),i=t.returnBack,u={afterSignUpUrl:t.afterSignUpUrl,redirectUrl:t.redirectUrl,afterSignInUrl:t.afterSignInUrl};return r.useEffect((function(){n.redirectToSignUp(i||u)}),[]),null}),"RedirectToSignUp"),T=S((function(e){var n=e.clerk;return r.useEffect((function(){n.redirectToUserProfile()}),[]),null}),"RedirectToUserProfile"),W=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.useEffect((function(){n.handleRedirectCallback(t)}),[]),null}),"AuthenticateWithRedirectCallback"),F=S((function(e){var n=e.clerk,i=e.children,u=o(e,["clerk","children"]),l=u.afterSignInUrl,s=u.afterSignUpUrl,f=u.redirectUrl,p=u.mode,v=o(u,["afterSignInUrl","afterSignUpUrl","redirectUrl","mode"]);i=c(i,"Sign in");var m=a(i)("SignInButton"),h=t({},v,{onClick:function(e){try{return Promise.resolve(d(m.props.onClick)(e)).then((function(){return e={afterSignInUrl:l,afterSignUpUrl:s,redirectUrl:f},"modal"===p?n.openSignIn(e):n.redirectToSignIn(e);var e}))}catch(e){return Promise.reject(e)}}});return r.cloneElement(m,h)}),"SignInButton"),J=S((function(e){var n=e.clerk,i=e.children,u=o(e,["clerk","children"]),l=u.afterSignInUrl,s=u.afterSignUpUrl,f=u.redirectUrl,p=u.mode,v=o(u,["afterSignInUrl","afterSignUpUrl","redirectUrl","mode"]);i=c(i,"Sign up");var m=a(i)("SignUpButton"),h=t({},v,{onClick:function(e){try{return Promise.resolve(d(m.props.onClick)(e)).then((function(){return e={afterSignInUrl:l,afterSignUpUrl:s,redirectUrl:f},"modal"===p?n.openSignUp(e):n.redirectToSignUp(e);var e}))}catch(e){return Promise.reject(e)}}});return r.cloneElement(m,h)}),"SignUpButton"),Y=S((function(e){var n=e.clerk,i=e.children,u=o(e,["clerk","children"]),l=u.signOutCallback,s=o(u,["signOutCallback"]);i=c(i,"Sign out");var f=a(i)("SignOutButton"),p=t({},s,{onClick:function(e){try{return Promise.resolve(d(f.props.onClick)(e)).then((function(){return n.signOutOne(l)}))}catch(e){return Promise.reject(e)}}});return r.cloneElement(f,p)}),"SignOutButton");exports.AuthenticateWithRedirectCallback=W,exports.ClerkLoaded=A,exports.ClerkLoading=function(e){var n=e.children;return void 0===j().value?r.createElement(r.Fragment,null,n):null},exports.ClerkProvider=w,exports.MagicLinkErrorCode=s,exports.RedirectToSignIn=B,exports.RedirectToSignUp=R,exports.RedirectToUserProfile=T,exports.SignIn=b,exports.SignInButton=F,exports.SignOutButton=Y,exports.SignUp=_,exports.SignUpButton=J,exports.SignedIn=M,exports.SignedOut=N,exports.UserButton=L,exports.UserProfile=O,exports.WithClerk=function(e){var n=e.children;return r.createElement(g.Consumer,null,(function(e){return r.createElement(k.Consumer,null,(function(t){if("function"!=typeof n)throw new Error("Clerk: Child of WithClerk must be a function.");p(e),p(t);var o=t.value;return o?e.guaranteedLoaded?n(o):o.client?r.createElement(g.Provider,{value:h.guaranteedLoaded},n(o)):null:null}))}))},exports.WithSession=function(e){var n=e.children;return r.createElement(g.Consumer,null,(function(e){return r.createElement(U.Consumer,null,(function(t){if("function"!=typeof n)throw new Error("Clerk: Child of WithClerk must be a function.");p(e),p(t);var o=t.value;return e.guaranteedUser&&o?n(o):o?r.createElement(g.Provider,{value:h.guaranteedAll},n(o)):null}))}))},exports.WithUser=function(e){var n=e.children;return r.createElement(g.Consumer,null,(function(e){return r.createElement(y.Consumer,null,(function(t){if("function"!=typeof n)throw new Error("Clerk: Child of WithClerk must be a function.");p(e),p(t);var o=t.value;return e.guaranteedUser&&o?n(o):o?r.createElement(g.Provider,{value:h.guaranteedAll},n(o)):null}))}))},exports.isMagicLinkError=function(e){return!!e&&(e.code===s.Expired||e.code===s.Failed)},exports.useClerk=function(){var e=n.useContext(g),r=n.useContext(k);return p(e),p(r),v(e.guaranteedLoaded,"useClerk()"),v(r.value,"useClerk()"),r.value},exports.useSession=function(e){var r=t({},e);r.withAssertions=r.withAssertions||!1;var o=n.useContext(g),i=function(){var e=n.useContext(U);return p(e),e}();return r.withAssertions?t({session:i.value},{isLoading:function(e){return void 0===e},isSignedOut:function(e){return null===e},isSignedIn:function(e){return null!=e}}):(p(o),m(o.guaranteedUser,"useSession()"),m(i.value,"useSession()"),i.value)},exports.useSessionList=function(){var e=n.useContext(g),t=r.useContext(C);return p(t),p(e),v(e.guaranteedLoaded,"useSessionList()"),t.value.sessions},exports.useSignIn=function(){var e=n.useContext(g),t=r.useContext(C);return p(t),p(e),v(e.guaranteedLoaded,"useSignIn()"),t.value.signIn},exports.useSignUp=function(){var e=n.useContext(g),t=r.useContext(C);return p(t),p(e),v(e.guaranteedLoaded,"useSignUp()"),t.value.signUp},exports.useUser=function(e){var r=t({},e);r.withAssertions=r.withAssertions||!1;var o=n.useContext(g),i=j();return r.withAssertions?t({user:i.value},{isLoading:function(e){return void 0===e},isSignedOut:function(e){return null===e},isSignedIn:function(e){return!!e}}):(p(o),m(o.guaranteedUser,"useUser()"),m(i.value,"useUser()"),i.value)},exports.withClerk=S,exports.withSession=function(e,o){e.displayName=o=o||e.displayName||e.name||"Component";var u=function(o){var u=n.useContext(g),l=n.useContext(U);if(!i())return null;p(u),p(l);var s=l.value;return u.guaranteedUser&&s?r.createElement(e,t({},o,{session:s})):s?r.createElement(g.Provider,{value:h.guaranteedAll},r.createElement(e,t({},o,{session:s}))):null};return u.displayName="withSession("+o+")",u},exports.withUser=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e;function t(){return(t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function o(e,n){if(null==e)return{};var r,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)n.indexOf(r=i[t])>=0||(o[r]=e[r]);return o}function i(){return"undefined"!=typeof window}"undefined"!=typeof Symbol&&(Symbol.iterator||(Symbol.iterator=Symbol("Symbol.iterator"))),"undefined"!=typeof Symbol&&(Symbol.asyncIterator||(Symbol.asyncIterator=Symbol("Symbol.asyncIterator")));var u=new Map;function l(e,n,o){var i=function(i){return function(e,n,t){void 0===t&&(t=1),r.useEffect((function(){var r=u.get(e)||0;if(r==t)throw new Error(n);return u.set(e,r+1),function(){u.set(e,(u.get(e)||1)-1)}}),[])}(n,o),r.createElement(e,t({},i))};return i.displayName="withMaxAllowedInstancesGuard("+(e.displayName||e.name||n||"Component")+")",i}var s={Expired:"expired",Failed:"failed"},a=function(e){return function(n){try{return r.Children.only(e)}catch(e){throw new Error(function(e){return"Clerk: You've passed multiple children components to <"+e+"/>. You can only pass a single child component or text."}(n))}}},c=function(e,n){return e||(e=n),"string"==typeof e&&(e=r.createElement("button",null,e)),e},d=function(e){return function(){if(e&&"function"==typeof e)return e.apply(void 0,arguments)}},f=function(){function e(e,n,r){var t=this,o=this,u=this,l=this,s=this;void 0===n&&(n={}),void 0===r&&(r=null),this.mode=void 0,this.frontendApi=void 0,this.options=void 0,this.Clerk=void 0,this.clerkjs=null,this.preopenSignIn=null,this.preopenSignUp=null,this.premountSignInNodes=new Map,this.premountSignUpNodes=new Map,this.premountUserProfileNodes=new Map,this.premountUserButtonNodes=new Map,this.premountMethodCalls=new Map,this._loaded=!1,this.ssrData=null,this.ssrClient=void 0,this.ssrSession=void 0,this.hydrateClerkJS=function(e){try{if(!e)throw new Error("Failed to hydrate latest Clerk JS");return o.clerkjs=e,o.premountMethodCalls.forEach((function(e){return e()})),null!==o.preopenSignIn&&e.openSignIn(o.preopenSignIn),null!==o.preopenSignUp&&e.openSignUp(o.preopenSignUp),o.premountSignInNodes.forEach((function(n,r){e.mountSignIn(r,n)})),o.premountSignUpNodes.forEach((function(n,r){e.mountSignUp(r,n)})),o.premountUserProfileNodes.forEach((function(n,r){e.mountUserProfile(r,n)})),o.premountUserButtonNodes.forEach((function(n,r){e.mountUserButton(r,n)})),o._loaded=!0,Promise.resolve(o.clerkjs)}catch(e){return Promise.reject(e)}},this.setSession=function(e,n){return t.clerkjs?t.clerkjs.setSession(e,n):Promise.reject()},this.openSignIn=function(e){t.clerkjs&&t._loaded?t.clerkjs.openSignIn(e):t.preopenSignIn=e},this.closeSignIn=function(){t.clerkjs&&t._loaded?t.clerkjs.closeSignIn():t.preopenSignIn=null},this.openSignUp=function(e){t.clerkjs&&t._loaded?t.clerkjs.openSignUp(e):t.preopenSignUp=e},this.closeSignUp=function(){t.clerkjs&&t._loaded?t.clerkjs.closeSignUp():t.preopenSignUp=null},this.mountSignIn=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountSignIn(e,n):t.premountSignInNodes.set(e,n)},this.unmountSignIn=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountSignIn(e):t.premountSignInNodes.delete(e)},this.mountSignUp=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountSignUp(e,n):t.premountSignUpNodes.set(e,n)},this.unmountSignUp=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountSignUp(e):t.premountSignUpNodes.delete(e)},this.mountUserProfile=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountUserProfile(e,n):t.premountUserProfileNodes.set(e,n)},this.unmountUserProfile=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountUserProfile(e):t.premountUserProfileNodes.delete(e)},this.mountUserButton=function(e,n){t.clerkjs&&t._loaded?t.clerkjs.mountUserButton(e,n):t.premountUserButtonNodes.set(e,n)},this.unmountUserButton=function(e){t.clerkjs&&t._loaded?t.clerkjs.unmountUserButton(e):t.premountUserButtonNodes.delete(e)},this.addListener=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.addListener(e)};t.clerkjs?n():t.premountMethodCalls.set("addListener",n)},this.loadFromServer=function(e){"browser"===t.mode&&t.throwError("loadFromServer cannot be called in a browser context."),t.ssrData=JSON.stringify({client:t.client,session:t.session,token:e})},this.navigate=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.navigate(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("navigate",n)},this.redirectToSignIn=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.redirectToSignIn(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("redirectToSignIn",n)},this.redirectToSignUp=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.redirectToSignUp(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("redirectToSignUp",n)},this.redirectToUserProfile=function(){var e=function(){var e;return null===(e=t.clerkjs)||void 0===e?void 0:e.redirectToUserProfile()};t.clerkjs&&t._loaded?e():t.premountMethodCalls.set("redirectToUserProfile",e)},this.handleRedirectCallback=function(e){var n=function(){var n;return null===(n=t.clerkjs)||void 0===n?void 0:n.handleRedirectCallback(e)};t.clerkjs&&t._loaded?n():t.premountMethodCalls.set("handleRedirectCallback",n)},this.handleMagicLinkVerification=function(e){try{var n=function(){var n;return null===(n=u.clerkjs)||void 0===n?void 0:n.handleMagicLinkVerification(e)};return u.clerkjs&&u._loaded?Promise.resolve(n()):(u.premountMethodCalls.set("handleMagicLinkVerification",n),Promise.resolve())}catch(e){return Promise.reject(e)}},this.signOut=function(e){try{var n=function(){var n;return null===(n=l.clerkjs)||void 0===n?void 0:n.signOut(e)};return l.clerkjs&&l._loaded?Promise.resolve(n()):(l.premountMethodCalls.set("signOut",n),Promise.resolve())}catch(e){return Promise.reject(e)}},this.signOutOne=function(e){try{var n=function(){var n;return null===(n=s.clerkjs)||void 0===n?void 0:n.signOutOne(e)};return s.clerkjs&&s._loaded?Promise.resolve(n()):(s.premountMethodCalls.set("signOutOne",n),Promise.resolve())}catch(e){return Promise.reject(e)}},this.frontendApi=e,this.options=n,this.Clerk=r,this.mode=i()?"browser":"server"}var n,r=e.prototype;return r.loadClerkJS=function(){try{var e=this;return e.frontendApi||e.throwError("Clerk: You must add the frontendApi prop to your <ClerkProvider>"),Promise.resolve(function(n,r){try{var t=function(){function n(n){return e.hydrateClerkJS(global.Clerk)}var r=function(){if(e.Clerk){var n,r=function(){global.Clerk=n},t=function(){if("function"==typeof e.Clerk)return n=new e.Clerk(e.frontendApi),Promise.resolve(n.load(e.options)).then((function(){}));n=e.Clerk;var r=function(){if(!n.isReady())return Promise.resolve(n.load(e.options)).then((function(){}))}();return r&&r.then?r.then((function(){})):void 0}();return t&&t.then?t.then(r):r()}return Promise.resolve((o=e.frontendApi,i=e.options.scriptUrl,new Promise((function(e,n){global.Clerk&&e(null),o||n("Clerk: Missing provider");var r=document.createElement("script"),t=function(e,n){if(n)return n;var r=function(e){return e.endsWith(".lclstage.dev")||e.endsWith(".stgstage.dev")||e.endsWith(".clerkstage.dev")}(e)?"staging":parseInt("2.4.0".split(".")[0],10);return"https://"+e+"/npm/@clerk/clerk-js@"+r+"/dist/clerk.browser.js"}(o,i);r.setAttribute("data-clerk-frontend-api",o),r.setAttribute("crossorigin","anonymous"),r.async=!0,document.body||n("Clerk: Missing <body> element."),r.addEventListener("load",(function(){return e(r)})),r.addEventListener("error",(function(){return n("Clerk: Failed to load Clerk")})),r.src=t,document.body.appendChild(r)})))).then((function(){if(!global.Clerk)throw new Error("Failed to download latest ClerkJS. Contact [e-mail].");return Promise.resolve(global.Clerk.load(e.options)).then((function(){}))}));var o,i}();return r&&r.then?r.then(n):n()}()}catch(e){return r(e)}return t&&t.then?t.then(void 0,r):t}(0,(function(n){var r;r=n instanceof Error?n.message:String(n),e.throwError(r)})))}catch(e){return Promise.reject(e)}},r.throwError=function(e){throw console.error(e),new Error(e)},(n=[{key:"version",get:function(){var e;return null===(e=this.clerkjs)||void 0===e?void 0:e.version}},{key:"client",get:function(){return this.clerkjs?this.clerkjs.client:void 0}},{key:"session",get:function(){return this.clerkjs?this.clerkjs.session:void 0}},{key:"user",get:function(){return this.clerkjs?this.clerkjs.user:void 0}},{key:"__unstable__environment",get:function(){return this.clerkjs?this.clerkjs.__unstable__environment:void 0}}])&&function(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}(e.prototype,n),e}();function p(e){if(!e)throw new Error("Clerk: You must wrap your application in a <ClerkProvider> component.")}function v(e,n){if(!e)throw new Error(function(e){return"Clerk: You're calling "+e+" before there's a guarantee the client has been loaded. Call "+e+" from a child of <SignedIn>, <SignedOut>, or <ClerkLoaded>, or use the withClerk() HOC."}(n))}function m(e,n){if(!e)throw new Error(function(e){return"Clerk: You're calling "+e+" before there's a guarantee there's an active user. Call "+e+" from a child of <SignedIn> or use the withUser() HOC."}(n))}var h=Object.freeze({noGuarantees:Object.freeze({guaranteedLoaded:!1,guaranteedUser:!1}),guaranteedLoaded:Object.freeze({guaranteedLoaded:!0,guaranteedUser:!1}),guaranteedAll:Object.freeze({guaranteedLoaded:!0,guaranteedUser:!0})}),g=r.createContext(void 0);g.displayName="StructureContext";var k=r.createContext(void 0);k.displayName="IsomorphicClerkContext";var S=function(e,o){e.displayName=o=o||e.displayName||e.name||"Component";var u=function(o){var u=n.useContext(g),l=n.useContext(k);if(!i())return null;p(u),p(l);var s=l.value;return s?u.guaranteedLoaded?r.createElement(e,t({},o,{clerk:s})):s.client?r.createElement(g.Provider,{value:h.guaranteedLoaded},r.createElement(e,t({},o,{clerk:s}))):null:null};return u.displayName="withClerk("+o+")",u},C=r.createContext(void 0);C.displayName="ClientContext";var U=r.createContext(void 0);U.displayName="SessionContext";var y=r.createContext(void 0);function j(){var e=n.useContext(y);return p(e),e}y.displayName="UserContext";var E=function(e,o){e.displayName=o=o||e.displayName||e.name||"Component";var u=function(o){var u=n.useContext(g),l=n.useContext(y);if(!i())return null;p(u),p(l);var s=l.value;return u.guaranteedUser&&s?r.createElement(e,t({},o,{user:s})):s?r.createElement(g.Provider,{value:h.guaranteedAll},r.createElement(e,t({},o,{user:s}))):null};return u.displayName="withUser("+o+")",u};function x(e){var n=e.children,o=e.clerkLoaded,i=e.isomorphicClerk,u=r.useState({client:i.client,session:i.session,user:i.user}),l=u[0],s=u[1];r.useEffect((function(){return i.addListener((function(e){return s(t({},e))}))}),[]);var a=l.client,c=l.session,d=l.user,f=r.useMemo((function(){return{value:i}}),[o]),p=r.useMemo((function(){return{value:a}}),[a]),v=r.useMemo((function(){return{value:c}}),[c]),m=r.useMemo((function(){return{value:d}}),[d]);return r.createElement(k.Provider,{value:f},r.createElement(C.Provider,{value:p},r.createElement(U.Provider,{value:v},r.createElement(y.Provider,{value:m},r.createElement(r.Fragment,{key:c?c.id:"no-users"},n)))))}function P(e){var t=n.useMemo((function(){var n=e.frontendApi,r=void 0===n?"":n,t=e.Clerk,i=o(e,["frontendApi","Clerk"]);return new f(r,i,t)}),[]),i=n.useState(!1),u=i[0],l=i[1];return n.useEffect((function(){t.loadClerkJS().then((function(){return l(!0)}))}),[]),r.createElement(g.Provider,{value:h.noGuarantees},t instanceof f&&t.ssrData&&r.createElement("script",{type:"application/json","data-clerk":"SSR",dangerouslySetInnerHTML:{__html:t.ssrData}}),r.createElement(x,{isomorphicClerk:t,clerkLoaded:u},e.children))}var w=l(P,"ClerkProvider","Clerk: You've added multiple <ClerkProvider> components in your React component tree. Wrap your components in a single <ClerkProvider>."),I=function(e){var n,t;function o(){for(var n,t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];return(n=e.call.apply(e,[this].concat(o))||this).portalRef=r.createRef(),n}t=e,(n=o).prototype=Object.create(t.prototype),n.prototype.constructor=n,n.__proto__=t;var i=o.prototype;return i.componentDidMount=function(){this.portalRef.current&&this.props.mount(this.portalRef.current,this.props.props)},i.componentWillUnmount=function(){this.portalRef.current&&this.props.unmount(this.portalRef.current)},i.render=function(){return r.createElement("div",{ref:this.portalRef})},o}(r.PureComponent),b=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountSignIn,unmount:n.unmountSignIn,props:t})}),"SignIn"),_=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountSignUp,unmount:n.unmountSignUp,props:t})}),"SignUp"),O=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountUserProfile,unmount:n.unmountUserProfile,props:t})}),"UserProfile"),L=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.createElement(I,{mount:n.mountUserButton,unmount:n.unmountUserButton,props:t})}),"UserButton"),M=E((function(e){return r.createElement(r.Fragment,null,e.children)}),"SignedIn"),N=S((function(e){var n=e.children;return null===j().value?r.createElement(r.Fragment,null,n):null}),"SignedOut"),A=S((function(e){return r.createElement(r.Fragment,null,e.children)}),"ClerkLoaded"),B=S((function(e){var n=e.clerk,t=o(e,["clerk"]),i=t.returnBack,u={afterSignUpUrl:t.afterSignUpUrl,redirectUrl:t.redirectUrl,afterSignInUrl:t.afterSignInUrl},l=n.client,s=n.session,a=n.__unstable__environment,c=l.activeSessions&&l.activeSessions.length>0;return r.useEffect((function(){null===s&&c&&a?n.navigate(a.displayConfig.afterSignOutOneUrl):n.redirectToSignIn(i||u)}),[]),null}),"RedirectToSignIn"),R=S((function(e){var n=e.clerk,t=o(e,["clerk"]),i=t.returnBack,u={afterSignUpUrl:t.afterSignUpUrl,redirectUrl:t.redirectUrl,afterSignInUrl:t.afterSignInUrl};return r.useEffect((function(){n.redirectToSignUp(i||u)}),[]),null}),"RedirectToSignUp"),T=S((function(e){var n=e.clerk;return r.useEffect((function(){n.redirectToUserProfile()}),[]),null}),"RedirectToUserProfile"),W=S((function(e){var n=e.clerk,t=o(e,["clerk"]);return r.useEffect((function(){n.handleRedirectCallback(t)}),[]),null}),"AuthenticateWithRedirectCallback"),F=S((function(e){var n=e.clerk,i=e.children,u=o(e,["clerk","children"]),l=u.afterSignInUrl,s=u.afterSignUpUrl,f=u.redirectUrl,p=u.mode,v=o(u,["afterSignInUrl","afterSignUpUrl","redirectUrl","mode"]);i=c(i,"Sign in");var m=a(i)("SignInButton"),h=t({},v,{onClick:function(e){try{return Promise.resolve(d(m.props.onClick)(e)).then((function(){return e={afterSignInUrl:l,afterSignUpUrl:s,redirectUrl:f},"modal"===p?n.openSignIn(e):n.redirectToSignIn(e);var e}))}catch(e){return Promise.reject(e)}}});return r.cloneElement(m,h)}),"SignInButton"),J=S((function(e){var n=e.clerk,i=e.children,u=o(e,["clerk","children"]),l=u.afterSignInUrl,s=u.afterSignUpUrl,f=u.redirectUrl,p=u.mode,v=o(u,["afterSignInUrl","afterSignUpUrl","redirectUrl","mode"]);i=c(i,"Sign up");var m=a(i)("SignUpButton"),h=t({},v,{onClick:function(e){try{return Promise.resolve(d(m.props.onClick)(e)).then((function(){return e={afterSignInUrl:l,afterSignUpUrl:s,redirectUrl:f},"modal"===p?n.openSignUp(e):n.redirectToSignUp(e);var e}))}catch(e){return Promise.reject(e)}}});return r.cloneElement(m,h)}),"SignUpButton"),Y=S((function(e){var n=e.clerk,i=e.children,u=o(e,["clerk","children"]),l=u.signOutCallback,s=o(u,["signOutCallback"]);i=c(i,"Sign out");var f=a(i)("SignOutButton"),p=t({},s,{onClick:function(e){try{return Promise.resolve(d(f.props.onClick)(e)).then((function(){return n.signOutOne(l)}))}catch(e){return Promise.reject(e)}}});return r.cloneElement(f,p)}),"SignOutButton");exports.AuthenticateWithRedirectCallback=W,exports.ClerkLoaded=A,exports.ClerkLoading=function(e){var n=e.children;return void 0===j().value?r.createElement(r.Fragment,null,n):null},exports.ClerkProvider=w,exports.MagicLinkErrorCode=s,exports.RedirectToSignIn=B,exports.RedirectToSignUp=R,exports.RedirectToUserProfile=T,exports.SignIn=b,exports.SignInButton=F,exports.SignOutButton=Y,exports.SignUp=_,exports.SignUpButton=J,exports.SignedIn=M,exports.SignedOut=N,exports.UserButton=L,exports.UserProfile=O,exports.WithClerk=function(e){var n=e.children;return r.createElement(g.Consumer,null,(function(e){return r.createElement(k.Consumer,null,(function(t){if("function"!=typeof n)throw new Error("Clerk: Child of WithClerk must be a function.");p(e),p(t);var o=t.value;return o?e.guaranteedLoaded?n(o):o.client?r.createElement(g.Provider,{value:h.guaranteedLoaded},n(o)):null:null}))}))},exports.WithSession=function(e){var n=e.children;return r.createElement(g.Consumer,null,(function(e){return r.createElement(U.Consumer,null,(function(t){if("function"!=typeof n)throw new Error("Clerk: Child of WithClerk must be a function.");p(e),p(t);var o=t.value;return e.guaranteedUser&&o?n(o):o?r.createElement(g.Provider,{value:h.guaranteedAll},n(o)):null}))}))},exports.WithUser=function(e){var n=e.children;return r.createElement(g.Consumer,null,(function(e){return r.createElement(y.Consumer,null,(function(t){if("function"!=typeof n)throw new Error("Clerk: Child of WithClerk must be a function.");p(e),p(t);var o=t.value;return e.guaranteedUser&&o?n(o):o?r.createElement(g.Provider,{value:h.guaranteedAll},n(o)):null}))}))},exports.isMagicLinkError=function(e){return!!e&&(e.code===s.Expired||e.code===s.Failed)},exports.useClerk=function(){var e=n.useContext(g),r=n.useContext(k);return p(e),p(r),v(e.guaranteedLoaded,"useClerk()"),v(r.value,"useClerk()"),r.value},exports.useSession=function(e){var r=t({},e);r.withAssertions=r.withAssertions||!1;var o=n.useContext(g),i=function(){var e=n.useContext(U);return p(e),e}();return r.withAssertions?t({session:i.value},{isLoading:function(e){return void 0===e},isSignedOut:function(e){return null===e},isSignedIn:function(e){return null!=e}}):(p(o),m(o.guaranteedUser,"useSession()"),m(i.value,"useSession()"),i.value)},exports.useSessionList=function(){var e=n.useContext(g),t=r.useContext(C);return p(t),p(e),v(e.guaranteedLoaded,"useSessionList()"),t.value.sessions},exports.useSignIn=function(){var e=n.useContext(g),t=r.useContext(C);return p(t),p(e),v(e.guaranteedLoaded,"useSignIn()"),t.value.signIn},exports.useSignUp=function(){var e=n.useContext(g),t=r.useContext(C);return p(t),p(e),v(e.guaranteedLoaded,"useSignUp()"),t.value.signUp},exports.useUser=function(e){var r=t({},e);r.withAssertions=r.withAssertions||!1;var o=n.useContext(g),i=j();return r.withAssertions?t({user:i.value},{isLoading:function(e){return void 0===e},isSignedOut:function(e){return null===e},isSignedIn:function(e){return!!e}}):(p(o),m(o.guaranteedUser,"useUser()"),m(i.value,"useUser()"),i.value)},exports.withClerk=S,exports.withSession=function(e,o){e.displayName=o=o||e.displayName||e.name||"Component";var u=function(o){var u=n.useContext(g),l=n.useContext(U);if(!i())return null;p(u),p(l);var s=l.value;return u.guaranteedUser&&s?r.createElement(e,t({},o,{session:s})):s?r.createElement(g.Provider,{value:h.guaranteedAll},r.createElement(e,t({},o,{session:s}))):null};return u.displayName="withSession("+o+")",u},exports.withUser=E;
 //# sourceMappingURL=clerk-react.cjs.production.min.js.map

dist/clerk-react.esm.js

@@ -84,3 +84,3 @@ import React, { useContext, useMemo, useState, useEffect } from 'react';
 
-var version = "2.3.1-staging.0";
+var version = "2.4.0";
 
@@ -87,0 +87,0 @@ var FAILED_TO_LOAD_ERROR = 'Clerk: Failed to load Clerk';

package.json

 {
   "name": "@clerk/clerk-react",
-  "version": "2.3.1-staging.0",
+  "version": "2.4.0",
   "license": "MIT",
@@ -37,3 +37,3 @@ "description": "Clerk.dev React library",
   "dependencies": {
-    "@clerk/types": "1.18.1-staging.0"
+    "@clerk/types": "1.19.0"
   },
@@ -40,0 +40,0 @@ "devDependencies": {

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

423022

decreased by-0.01%

Dependency changes

• + Added@clerk/types@1.19.0(transitive)

• - Removed@clerk/types@1.18.1-staging.0(transitive)

• Updated@clerk/types@1.19.0