@descope/react-sdk 2.9.0 → 2.10.0

package/README.md

@@ -163,6 +163,8 @@ const App = () => {
             // Set a CSP nonce that will be used for style and script tags
             //nonce="rAnd0m"
 
+            // Clear screen error message on user input
+            //dismissScreenErrorOnInput={true}
         />
     )
 }

package/dist/cjs/components/Descope.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../constants.js"),r=require("../hooks/Context.js"),s=require("../sdk.js"),n=require("./withPropsMapping/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l=e.lazy((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:t.baseHeaders,persistTokens:!1,hooks:{get beforeRequest(){return s.getGlobalSdk().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:n.default(o.default.forwardRef(((e,t)=>o.default.createElement("descope-wc",Object.assign({ref:t},e)))))}))),u=o.default.forwardRef((({flowId:t,onSuccess:s,onError:n,onReady:a,logger:u,tenant:d,theme:c,nonce:i,locale:f,debug:m,client:p,form:v,telemetryKey:E,redirectUrl:b,autoFocus:h,validateOnBlur:L,restartOnError:g,errorTransformer:k,styleId:y,onScreenUpdate:U,children:w},C)=>{const[q,S]=e.useState(null);e.useImperativeHandle(C,(()=>q));const{projectId:j,baseUrl:O,baseStaticUrl:R,baseCdnUrl:I,storeLastAuthenticatedUser:x,keepLastAuthenticatedUserAfterLogout:A,refreshCookieName:_,sdk:H}=o.default.useContext(r.default),M=e.useCallback((async e=>{await H.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),s&&s(e)}),[s]);return e.useEffect((()=>{const e=q;return null==e||e.addEventListener("success",M),n&&(null==e||e.addEventListener("error",n)),a&&(null==e||e.addEventListener("ready",a)),()=>{n&&(null==e||e.removeEventListener("error",n)),a&&(null==e||e.removeEventListener("ready",a)),null==e||e.removeEventListener("success",M)}}),[q,n,M]),e.useEffect((()=>{const e=q;return null==e||e.addEventListener("success",M),()=>{null==e||e.removeEventListener("success",M)}}),[q,M]),e.useEffect((()=>{const e=q;return n&&(null==e||e.addEventListener("error",n)),()=>{n&&(null==e||e.removeEventListener("error",n))}}),[q,n]),e.useEffect((()=>{const e=q;return a&&(null==e||e.addEventListener("ready",a)),()=>{a&&(null==e||e.removeEventListener("error",a))}}),[q,a]),o.default.createElement("form",null,o.default.createElement(e.Suspense,{fallback:null},o.default.createElement(l,{projectId:j,flowId:t,baseUrl:O,baseStaticUrl:R,baseCdnUrl:I,ref:S,telemetryKey:E,redirectUrl:b,autoFocus:h,styleId:y,validateOnBlur:L,restartOnError:g,keepLastAuthenticatedUserAfterLogout:A,tenant:d,"theme.attr":c,"nonce.attr":i,"locale.attr":f,"form.attr":v,"client.attr":p,"debug.attr":m,"store-last-authenticated-user.attr":x,"refreshCookieName.attr":_,"errorTransformer.prop":k,"logger.prop":u,"onScreenUpdate.prop":U},w)))}));exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../constants.js"),r=require("../hooks/Context.js"),s=require("../sdk.js"),n=require("./withPropsMapping/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l=e.lazy((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:t.baseHeaders,persistTokens:!1,hooks:{get beforeRequest(){return s.getGlobalSdk().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:n.default(o.default.forwardRef(((e,t)=>o.default.createElement("descope-wc",Object.assign({ref:t},e)))))}))),u=o.default.forwardRef((({flowId:t,onSuccess:s,onError:n,onReady:a,logger:u,tenant:d,theme:c,nonce:i,locale:f,debug:m,client:p,form:v,telemetryKey:E,redirectUrl:b,autoFocus:h,validateOnBlur:L,restartOnError:g,errorTransformer:k,styleId:y,onScreenUpdate:U,dismissScreenErrorOnInput:w,children:C},S)=>{const[q,O]=e.useState(null);e.useImperativeHandle(S,(()=>q));const{projectId:j,baseUrl:I,baseStaticUrl:R,baseCdnUrl:x,storeLastAuthenticatedUser:A,keepLastAuthenticatedUserAfterLogout:_,refreshCookieName:H,sdk:M}=o.default.useContext(r.default),N=e.useCallback((async e=>{await M.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),s&&s(e)}),[s]);return e.useEffect((()=>{const e=q;return null==e||e.addEventListener("success",N),n&&(null==e||e.addEventListener("error",n)),a&&(null==e||e.addEventListener("ready",a)),()=>{n&&(null==e||e.removeEventListener("error",n)),a&&(null==e||e.removeEventListener("ready",a)),null==e||e.removeEventListener("success",N)}}),[q,n,N]),e.useEffect((()=>{const e=q;return null==e||e.addEventListener("success",N),()=>{null==e||e.removeEventListener("success",N)}}),[q,N]),e.useEffect((()=>{const e=q;return n&&(null==e||e.addEventListener("error",n)),()=>{n&&(null==e||e.removeEventListener("error",n))}}),[q,n]),e.useEffect((()=>{const e=q;return a&&(null==e||e.addEventListener("ready",a)),()=>{a&&(null==e||e.removeEventListener("error",a))}}),[q,a]),o.default.createElement("form",null,o.default.createElement(e.Suspense,{fallback:null},o.default.createElement(l,{projectId:j,flowId:t,baseUrl:I,baseStaticUrl:R,baseCdnUrl:x,ref:O,telemetryKey:E,redirectUrl:b,autoFocus:h,styleId:y,validateOnBlur:L,restartOnError:g,keepLastAuthenticatedUserAfterLogout:_,tenant:d,"theme.attr":c,"nonce.attr":i,"locale.attr":f,"form.attr":v,"client.attr":p,"debug.attr":m,"store-last-authenticated-user.attr":A,"refreshCookieName.attr":H,"dismiss-screen-error-on-input.attr":w,"errorTransformer.prop":k,"logger.prop":u,"onScreenUpdate.prop":U},C)))}));exports.default=u;
 //# sourceMappingURL=Descope.js.map

package/dist/cjs/components/Descope.js.map

@@ -1 +1 @@
-{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["import React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { baseHeaders } from '../constants';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { getGlobalSdk } from '../sdk';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n  const WebComponent: any =\n    customElements?.get('descope-wc') ||\n    (await import('@descope/web-component').then((module) => module.default));\n\n  WebComponent.sdkConfigOverrides = {\n    // Overrides the web-component's base headers to indicate usage via the React SDK\n    baseHeaders,\n    // Disables token persistence within the web-component to delegate token management\n    // to the global SDK hooks. This ensures token handling aligns with the SDK's configuration,\n    // and web-component requests leverage the global SDK's beforeRequest hooks for consistency\n    persistTokens: false,\n    hooks: {\n      get beforeRequest() {\n        // Retrieves the beforeRequest hook from the global SDK, which is initialized\n        // within the AuthProvider using the desired configuration. This approach ensures\n        // the web-component utilizes the same beforeRequest hooks as the global SDK\n        return getGlobalSdk().httpClient.hooks.beforeRequest;\n      },\n      set beforeRequest(_) {\n        // The empty setter prevents runtime errors when attempts are made to assign a value to 'beforeRequest'.\n        // JavaScript objects default to having both getters and setters\n      },\n    },\n  };\n\n  return {\n    default: withPropsMapping(\n      React.forwardRef<HTMLElement>((props, ref) => (\n\t<descope-wc ref={ref} {...props} />\n      )),\n    ),\n  };\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n  (\n    {\n      flowId,\n      onSuccess,\n      onError,\n      onReady,\n      logger,\n      tenant,\n      theme,\n      nonce,\n      locale,\n      debug,\n      client,\n      form,\n      telemetryKey,\n      redirectUrl,\n      autoFocus,\n      validateOnBlur,\n      restartOnError,\n      errorTransformer,\n      styleId,\n      onScreenUpdate,\n      children,\n    },\n    ref,\n  ) => {\n    const [innerRef, setInnerRef] = useState(null);\n\n    useImperativeHandle(ref, () => innerRef);\n\n    const {\n      projectId,\n      baseUrl,\n      baseStaticUrl,\n      baseCdnUrl,\n      storeLastAuthenticatedUser,\n      keepLastAuthenticatedUserAfterLogout,\n      refreshCookieName,\n      sdk,\n    } = React.useContext(Context);\n\n    const handleSuccess = useCallback(\n      async (e: CustomEvent) => {\n        // In order to make sure all the after-hooks are running with the success response\n        // we are generating a fake response with the success data and calling the http client after hook fn with it\n        await sdk.httpClient.hooks.afterRequest(\n          {} as any,\n          new Response(JSON.stringify(e.detail)),\n        );\n        if (onSuccess) {\n          onSuccess(e);\n        }\n      },\n      [onSuccess],\n    );\n\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      if (onError) ele?.addEventListener('error', onError);\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n        if (onReady) ele?.removeEventListener('ready', onReady);\n\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, onError, handleSuccess]);\n\n    // Success event\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      return () => {\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, handleSuccess]);\n\n    // Error event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onError) ele?.addEventListener('error', onError);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n      };\n    }, [innerRef, onError]);\n\n    // Ready event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onReady) ele?.removeEventListener('error', onReady);\n      };\n    }, [innerRef, onReady]);\n\n    return (\n      /**\n       * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n       * this workaround is done in order to support webauthn passkeys\n       * it can be removed once this issue will be solved\n       * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n       */\n\t<form>\n\t\t<Suspense fallback={null}>\n\t\t\t<DescopeWC\n            projectId={projectId}\n            flowId={flowId}\n            baseUrl={baseUrl}\n            baseStaticUrl={baseStaticUrl}\n            baseCdnUrl={baseCdnUrl}\n            ref={setInnerRef}\n            telemetryKey={telemetryKey}\n            redirectUrl={redirectUrl}\n            autoFocus={autoFocus}\n            styleId={styleId}\n            validateOnBlur={validateOnBlur}\n            restartOnError={restartOnError}\n            keepLastAuthenticatedUserAfterLogout={\n              keepLastAuthenticatedUserAfterLogout\n            }\n            tenant={tenant}\n            {...{\n              // attributes\n              'theme.attr': theme,\n              'nonce.attr': nonce,\n              'locale.attr': locale,\n              'form.attr': form,\n              'client.attr': client,\n              'debug.attr': debug,\n              'store-last-authenticated-user.attr': storeLastAuthenticatedUser,\n              'refreshCookieName.attr': refreshCookieName,\n              // props\n              'errorTransformer.prop': errorTransformer,\n              'logger.prop': logger,\n              'onScreenUpdate.prop': onScreenUpdate,\n            }}\n          >\n\t\t\t\t{children}\n\t\t\t</DescopeWC>\n\t\t</Suspense>\n\t</form>\n    );\n  },\n);\n\nexport default Descope;\n"],"names":["DescopeWC","lazy","async","customElements","get","import","then","module","default","sdkConfigOverrides","baseHeaders","persistTokens","hooks","beforeRequest","getGlobalSdk","httpClient","_","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","Suspense","fallback"],"mappings":"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"}
+{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["import React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { baseHeaders } from '../constants';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { getGlobalSdk } from '../sdk';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n  const WebComponent: any =\n    customElements?.get('descope-wc') ||\n    (await import('@descope/web-component').then((module) => module.default));\n\n  WebComponent.sdkConfigOverrides = {\n    // Overrides the web-component's base headers to indicate usage via the React SDK\n    baseHeaders,\n    // Disables token persistence within the web-component to delegate token management\n    // to the global SDK hooks. This ensures token handling aligns with the SDK's configuration,\n    // and web-component requests leverage the global SDK's beforeRequest hooks for consistency\n    persistTokens: false,\n    hooks: {\n      get beforeRequest() {\n        // Retrieves the beforeRequest hook from the global SDK, which is initialized\n        // within the AuthProvider using the desired configuration. This approach ensures\n        // the web-component utilizes the same beforeRequest hooks as the global SDK\n        return getGlobalSdk().httpClient.hooks.beforeRequest;\n      },\n      set beforeRequest(_) {\n        // The empty setter prevents runtime errors when attempts are made to assign a value to 'beforeRequest'.\n        // JavaScript objects default to having both getters and setters\n      },\n    },\n  };\n\n  return {\n    default: withPropsMapping(\n      React.forwardRef<HTMLElement>((props, ref) => (\n\t<descope-wc ref={ref} {...props} />\n      )),\n    ),\n  };\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n  (\n    {\n      flowId,\n      onSuccess,\n      onError,\n      onReady,\n      logger,\n      tenant,\n      theme,\n      nonce,\n      locale,\n      debug,\n      client,\n      form,\n      telemetryKey,\n      redirectUrl,\n      autoFocus,\n      validateOnBlur,\n      restartOnError,\n      errorTransformer,\n      styleId,\n      onScreenUpdate,\n      dismissScreenErrorOnInput,\n      children,\n    },\n    ref,\n  ) => {\n    const [innerRef, setInnerRef] = useState(null);\n\n    useImperativeHandle(ref, () => innerRef);\n\n    const {\n      projectId,\n      baseUrl,\n      baseStaticUrl,\n      baseCdnUrl,\n      storeLastAuthenticatedUser,\n      keepLastAuthenticatedUserAfterLogout,\n      refreshCookieName,\n      sdk,\n    } = React.useContext(Context);\n\n    const handleSuccess = useCallback(\n      async (e: CustomEvent) => {\n        // In order to make sure all the after-hooks are running with the success response\n        // we are generating a fake response with the success data and calling the http client after hook fn with it\n        await sdk.httpClient.hooks.afterRequest(\n          {} as any,\n          new Response(JSON.stringify(e.detail)),\n        );\n        if (onSuccess) {\n          onSuccess(e);\n        }\n      },\n      [onSuccess],\n    );\n\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      if (onError) ele?.addEventListener('error', onError);\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n        if (onReady) ele?.removeEventListener('ready', onReady);\n\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, onError, handleSuccess]);\n\n    // Success event\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      return () => {\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, handleSuccess]);\n\n    // Error event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onError) ele?.addEventListener('error', onError);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n      };\n    }, [innerRef, onError]);\n\n    // Ready event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onReady) ele?.removeEventListener('error', onReady);\n      };\n    }, [innerRef, onReady]);\n\n    return (\n      /**\n       * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n       * this workaround is done in order to support webauthn passkeys\n       * it can be removed once this issue will be solved\n       * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n       */\n\t<form>\n\t\t<Suspense fallback={null}>\n\t\t\t<DescopeWC\n            projectId={projectId}\n            flowId={flowId}\n            baseUrl={baseUrl}\n            baseStaticUrl={baseStaticUrl}\n            baseCdnUrl={baseCdnUrl}\n            ref={setInnerRef}\n            telemetryKey={telemetryKey}\n            redirectUrl={redirectUrl}\n            autoFocus={autoFocus}\n            styleId={styleId}\n            validateOnBlur={validateOnBlur}\n            restartOnError={restartOnError}\n            keepLastAuthenticatedUserAfterLogout={\n              keepLastAuthenticatedUserAfterLogout\n            }\n            tenant={tenant}\n            {...{\n              // attributes\n              'theme.attr': theme,\n              'nonce.attr': nonce,\n              'locale.attr': locale,\n              'form.attr': form,\n              'client.attr': client,\n              'debug.attr': debug,\n              'store-last-authenticated-user.attr': storeLastAuthenticatedUser,\n              'refreshCookieName.attr': refreshCookieName,\n              'dismiss-screen-error-on-input.attr': dismissScreenErrorOnInput,\n              // props\n              'errorTransformer.prop': errorTransformer,\n              'logger.prop': logger,\n              'onScreenUpdate.prop': onScreenUpdate,\n            }}\n          >\n\t\t\t\t{children}\n\t\t\t</DescopeWC>\n\t\t</Suspense>\n\t</form>\n    );\n  },\n);\n\nexport default Descope;\n"],"names":["DescopeWC","lazy","async","customElements","get","import","then","module","default","sdkConfigOverrides","baseHeaders","persistTokens","hooks","beforeRequest","getGlobalSdk","httpClient","_","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","dismissScreenErrorOnInput","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","Suspense","fallback"],"mappings":"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"}

package/dist/cjs/constants.js

@@ -1,2 +1,2 @@
-"use strict";const e="undefined"!=typeof window;exports.IS_BROWSER=e,exports.baseHeaders={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.9.0"};
+"use strict";const e="undefined"!=typeof window;exports.IS_BROWSER=e,exports.baseHeaders={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.10.0"};
 //# sourceMappingURL=constants.js.map

package/dist/esm/components/Descope.js

@@ -1,2 +1,2 @@
-import e,{lazy as t,useState as r,useImperativeHandle as n,useCallback as o,useEffect as s,Suspense as a}from"react";import{baseHeaders as l}from"../constants.js";import c from"../hooks/Context.js";import{getGlobalSdk as d}from"../sdk.js";import u from"./withPropsMapping/index.js";const i=t((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:l,persistTokens:!1,hooks:{get beforeRequest(){return d().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:u(e.forwardRef(((t,r)=>e.createElement("descope-wc",Object.assign({ref:r},t)))))}))),m=e.forwardRef((({flowId:t,onSuccess:l,onError:d,onReady:u,logger:m,tenant:f,theme:p,nonce:v,locale:E,debug:h,client:L,form:b,telemetryKey:g,redirectUrl:k,autoFocus:y,validateOnBlur:U,restartOnError:w,errorTransformer:C,styleId:R,onScreenUpdate:j,children:O},I)=>{const[S,A]=r(null);n(I,(()=>S));const{projectId:q,baseUrl:x,baseStaticUrl:N,baseCdnUrl:T,storeLastAuthenticatedUser:B,keepLastAuthenticatedUserAfterLogout:F,refreshCookieName:K,sdk:H}=e.useContext(c),J=o((async e=>{await H.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),l&&l(e)}),[l]);return s((()=>{const e=S;return null==e||e.addEventListener("success",J),d&&(null==e||e.addEventListener("error",d)),u&&(null==e||e.addEventListener("ready",u)),()=>{d&&(null==e||e.removeEventListener("error",d)),u&&(null==e||e.removeEventListener("ready",u)),null==e||e.removeEventListener("success",J)}}),[S,d,J]),s((()=>{const e=S;return null==e||e.addEventListener("success",J),()=>{null==e||e.removeEventListener("success",J)}}),[S,J]),s((()=>{const e=S;return d&&(null==e||e.addEventListener("error",d)),()=>{d&&(null==e||e.removeEventListener("error",d))}}),[S,d]),s((()=>{const e=S;return u&&(null==e||e.addEventListener("ready",u)),()=>{u&&(null==e||e.removeEventListener("error",u))}}),[S,u]),e.createElement("form",null,e.createElement(a,{fallback:null},e.createElement(i,{projectId:q,flowId:t,baseUrl:x,baseStaticUrl:N,baseCdnUrl:T,ref:A,telemetryKey:g,redirectUrl:k,autoFocus:y,styleId:R,validateOnBlur:U,restartOnError:w,keepLastAuthenticatedUserAfterLogout:F,tenant:f,"theme.attr":p,"nonce.attr":v,"locale.attr":E,"form.attr":b,"client.attr":L,"debug.attr":h,"store-last-authenticated-user.attr":B,"refreshCookieName.attr":K,"errorTransformer.prop":C,"logger.prop":m,"onScreenUpdate.prop":j},O)))}));export{m as default};
+import e,{lazy as t,useState as r,useImperativeHandle as n,useCallback as s,useEffect as o,Suspense as a}from"react";import{baseHeaders as l}from"../constants.js";import c from"../hooks/Context.js";import{getGlobalSdk as d}from"../sdk.js";import u from"./withPropsMapping/index.js";const i=t((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:l,persistTokens:!1,hooks:{get beforeRequest(){return d().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:u(e.forwardRef(((t,r)=>e.createElement("descope-wc",Object.assign({ref:r},t)))))}))),m=e.forwardRef((({flowId:t,onSuccess:l,onError:d,onReady:u,logger:m,tenant:f,theme:p,nonce:v,locale:E,debug:h,client:L,form:b,telemetryKey:g,redirectUrl:k,autoFocus:y,validateOnBlur:U,restartOnError:w,errorTransformer:C,styleId:O,onScreenUpdate:R,dismissScreenErrorOnInput:j,children:I},S)=>{const[A,q]=r(null);n(S,(()=>A));const{projectId:x,baseUrl:N,baseStaticUrl:T,baseCdnUrl:B,storeLastAuthenticatedUser:F,keepLastAuthenticatedUserAfterLogout:K,refreshCookieName:H,sdk:J}=e.useContext(c),M=s((async e=>{await J.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),l&&l(e)}),[l]);return o((()=>{const e=A;return null==e||e.addEventListener("success",M),d&&(null==e||e.addEventListener("error",d)),u&&(null==e||e.addEventListener("ready",u)),()=>{d&&(null==e||e.removeEventListener("error",d)),u&&(null==e||e.removeEventListener("ready",u)),null==e||e.removeEventListener("success",M)}}),[A,d,M]),o((()=>{const e=A;return null==e||e.addEventListener("success",M),()=>{null==e||e.removeEventListener("success",M)}}),[A,M]),o((()=>{const e=A;return d&&(null==e||e.addEventListener("error",d)),()=>{d&&(null==e||e.removeEventListener("error",d))}}),[A,d]),o((()=>{const e=A;return u&&(null==e||e.addEventListener("ready",u)),()=>{u&&(null==e||e.removeEventListener("error",u))}}),[A,u]),e.createElement("form",null,e.createElement(a,{fallback:null},e.createElement(i,{projectId:x,flowId:t,baseUrl:N,baseStaticUrl:T,baseCdnUrl:B,ref:q,telemetryKey:g,redirectUrl:k,autoFocus:y,styleId:O,validateOnBlur:U,restartOnError:w,keepLastAuthenticatedUserAfterLogout:K,tenant:f,"theme.attr":p,"nonce.attr":v,"locale.attr":E,"form.attr":b,"client.attr":L,"debug.attr":h,"store-last-authenticated-user.attr":F,"refreshCookieName.attr":H,"dismiss-screen-error-on-input.attr":j,"errorTransformer.prop":C,"logger.prop":m,"onScreenUpdate.prop":R},I)))}));export{m as default};
 //# sourceMappingURL=Descope.js.map

package/dist/esm/components/Descope.js.map

@@ -1 +1 @@
-{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["import React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { baseHeaders } from '../constants';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { getGlobalSdk } from '../sdk';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n  const WebComponent: any =\n    customElements?.get('descope-wc') ||\n    (await import('@descope/web-component').then((module) => module.default));\n\n  WebComponent.sdkConfigOverrides = {\n    // Overrides the web-component's base headers to indicate usage via the React SDK\n    baseHeaders,\n    // Disables token persistence within the web-component to delegate token management\n    // to the global SDK hooks. This ensures token handling aligns with the SDK's configuration,\n    // and web-component requests leverage the global SDK's beforeRequest hooks for consistency\n    persistTokens: false,\n    hooks: {\n      get beforeRequest() {\n        // Retrieves the beforeRequest hook from the global SDK, which is initialized\n        // within the AuthProvider using the desired configuration. This approach ensures\n        // the web-component utilizes the same beforeRequest hooks as the global SDK\n        return getGlobalSdk().httpClient.hooks.beforeRequest;\n      },\n      set beforeRequest(_) {\n        // The empty setter prevents runtime errors when attempts are made to assign a value to 'beforeRequest'.\n        // JavaScript objects default to having both getters and setters\n      },\n    },\n  };\n\n  return {\n    default: withPropsMapping(\n      React.forwardRef<HTMLElement>((props, ref) => (\n\t<descope-wc ref={ref} {...props} />\n      )),\n    ),\n  };\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n  (\n    {\n      flowId,\n      onSuccess,\n      onError,\n      onReady,\n      logger,\n      tenant,\n      theme,\n      nonce,\n      locale,\n      debug,\n      client,\n      form,\n      telemetryKey,\n      redirectUrl,\n      autoFocus,\n      validateOnBlur,\n      restartOnError,\n      errorTransformer,\n      styleId,\n      onScreenUpdate,\n      children,\n    },\n    ref,\n  ) => {\n    const [innerRef, setInnerRef] = useState(null);\n\n    useImperativeHandle(ref, () => innerRef);\n\n    const {\n      projectId,\n      baseUrl,\n      baseStaticUrl,\n      baseCdnUrl,\n      storeLastAuthenticatedUser,\n      keepLastAuthenticatedUserAfterLogout,\n      refreshCookieName,\n      sdk,\n    } = React.useContext(Context);\n\n    const handleSuccess = useCallback(\n      async (e: CustomEvent) => {\n        // In order to make sure all the after-hooks are running with the success response\n        // we are generating a fake response with the success data and calling the http client after hook fn with it\n        await sdk.httpClient.hooks.afterRequest(\n          {} as any,\n          new Response(JSON.stringify(e.detail)),\n        );\n        if (onSuccess) {\n          onSuccess(e);\n        }\n      },\n      [onSuccess],\n    );\n\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      if (onError) ele?.addEventListener('error', onError);\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n        if (onReady) ele?.removeEventListener('ready', onReady);\n\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, onError, handleSuccess]);\n\n    // Success event\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      return () => {\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, handleSuccess]);\n\n    // Error event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onError) ele?.addEventListener('error', onError);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n      };\n    }, [innerRef, onError]);\n\n    // Ready event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onReady) ele?.removeEventListener('error', onReady);\n      };\n    }, [innerRef, onReady]);\n\n    return (\n      /**\n       * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n       * this workaround is done in order to support webauthn passkeys\n       * it can be removed once this issue will be solved\n       * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n       */\n\t<form>\n\t\t<Suspense fallback={null}>\n\t\t\t<DescopeWC\n            projectId={projectId}\n            flowId={flowId}\n            baseUrl={baseUrl}\n            baseStaticUrl={baseStaticUrl}\n            baseCdnUrl={baseCdnUrl}\n            ref={setInnerRef}\n            telemetryKey={telemetryKey}\n            redirectUrl={redirectUrl}\n            autoFocus={autoFocus}\n            styleId={styleId}\n            validateOnBlur={validateOnBlur}\n            restartOnError={restartOnError}\n            keepLastAuthenticatedUserAfterLogout={\n              keepLastAuthenticatedUserAfterLogout\n            }\n            tenant={tenant}\n            {...{\n              // attributes\n              'theme.attr': theme,\n              'nonce.attr': nonce,\n              'locale.attr': locale,\n              'form.attr': form,\n              'client.attr': client,\n              'debug.attr': debug,\n              'store-last-authenticated-user.attr': storeLastAuthenticatedUser,\n              'refreshCookieName.attr': refreshCookieName,\n              // props\n              'errorTransformer.prop': errorTransformer,\n              'logger.prop': logger,\n              'onScreenUpdate.prop': onScreenUpdate,\n            }}\n          >\n\t\t\t\t{children}\n\t\t\t</DescopeWC>\n\t\t</Suspense>\n\t</form>\n    );\n  },\n);\n\nexport default Descope;\n"],"names":["DescopeWC","lazy","async","customElements","get","import","then","module","default","sdkConfigOverrides","baseHeaders","persistTokens","hooks","beforeRequest","getGlobalSdk","httpClient","_","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","Suspense","fallback"],"mappings":"0RAeA,MAAMA,EAAYC,GAAKC,YAEnB,OAAAC,qBAAA,IAAAA,oBAAA,EAAAA,eAAgBC,IAAI,sBACbC,OAAO,0BAA0BC,MAAMC,GAAWA,EAAOC,WAErDC,mBAAqB,CAEhCC,cAIAC,eAAe,EACfC,MAAO,CACL,iBAAIC,GAIF,OAAOC,IAAeC,WAAWH,MAAMC,aACxC,EACD,iBAAIA,CAAcG,GAGjB,IAIE,CACLR,QAASS,EACPC,EAAMC,YAAwB,CAACC,EAAOC,IAC3CH,EAAYI,cAAA,aAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMrBK,EAAUP,EAAMC,YACpB,EAEIO,SACAC,YACAC,UACAC,UACAC,SACAC,SACAC,QACAC,QACAC,SACAC,QACAC,SACAC,OACAC,eACAC,cACAC,YACAC,iBACAC,iBACAC,mBACAC,UACAC,iBACAC,YAEFzB,KAEA,MAAO0B,EAAUC,GAAeC,EAAS,MAEzCC,EAAoB7B,GAAK,IAAM0B,IAE/B,MAAMI,UACJA,EAASC,QACTA,EAAOC,cACPA,EAAaC,WACbA,EAAUC,2BACVA,EAA0BC,qCAC1BA,EAAoCC,kBACpCA,EAAiBC,IACjBA,GACExC,EAAMyC,WAAWC,GAEfC,EAAgBC,GACpB5D,MAAO6D,UAGCL,EAAI3C,WAAWH,MAAMoD,aACzB,CAAA,EACA,IAAIC,SAASC,KAAKC,UAAUJ,EAAEK,UAE5BzC,GACFA,EAAUoC,EACX,GAEH,CAACpC,IA8CH,OA3CA0C,GAAU,KACR,MAAMC,EAAMvB,EAKZ,OAJAuB,SAAAA,EAAKC,iBAAiB,UAAWV,GAC7BjC,IAAS0C,SAAAA,EAAKC,iBAAiB,QAAS3C,IACxCC,IAASyC,SAAAA,EAAKC,iBAAiB,QAAS1C,IAErC,KACDD,IAAS0C,SAAAA,EAAKE,oBAAoB,QAAS5C,IAC3CC,IAASyC,SAAAA,EAAKE,oBAAoB,QAAS3C,IAE/CyC,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAACd,EAAUnB,EAASiC,IAGvBQ,GAAU,KACR,MAAMC,EAAMvB,EAEZ,OADAuB,SAAAA,EAAKC,iBAAiB,UAAWV,GAC1B,KACLS,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAACd,EAAUc,IAGdQ,GAAU,KACR,MAAMC,EAAMvB,EAGZ,OAFInB,IAAS0C,SAAAA,EAAKC,iBAAiB,QAAS3C,IAErC,KACDA,IAAS0C,SAAAA,EAAKE,oBAAoB,QAAS5C,GAAQ,CACxD,GACA,CAACmB,EAAUnB,IAGdyC,GAAU,KACR,MAAMC,EAAMvB,EAGZ,OAFIlB,IAASyC,SAAAA,EAAKC,iBAAiB,QAAS1C,IAErC,KACDA,IAASyC,SAAAA,EAAKE,oBAAoB,QAAS3C,GAAQ,CACxD,GACA,CAACkB,EAAUlB,IASjBX,EAAAI,cAAA,OAAA,KACCJ,EAAAI,cAACmD,EAAQ,CAACC,SAAU,MACnBxD,EAACI,cAAAtB,EACQ,CAAAmD,UAAWA,EACXzB,OAAQA,EACR0B,QAASA,EACTC,cAAeA,EACfC,WAAYA,EACZjC,IAAK2B,EACLV,aAAcA,EACdC,YAAaA,EACbC,UAAWA,EACXI,QAASA,EACTH,eAAgBA,EAChBC,eAAgBA,EAChBc,qCACEA,EAEFzB,OAAQA,EAGN,aAAcC,EACd,aAAcC,EACd,cAAeC,EACf,YAAaG,EACb,cAAeD,EACf,aAAcD,EACd,qCAAsCoB,EACtC,yBAA0BE,EAE1B,wBAAyBd,EACzB,cAAeb,EACf,sBAAuBe,GAGhCC,IAIC"}
+{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["import React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { baseHeaders } from '../constants';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { getGlobalSdk } from '../sdk';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n  const WebComponent: any =\n    customElements?.get('descope-wc') ||\n    (await import('@descope/web-component').then((module) => module.default));\n\n  WebComponent.sdkConfigOverrides = {\n    // Overrides the web-component's base headers to indicate usage via the React SDK\n    baseHeaders,\n    // Disables token persistence within the web-component to delegate token management\n    // to the global SDK hooks. This ensures token handling aligns with the SDK's configuration,\n    // and web-component requests leverage the global SDK's beforeRequest hooks for consistency\n    persistTokens: false,\n    hooks: {\n      get beforeRequest() {\n        // Retrieves the beforeRequest hook from the global SDK, which is initialized\n        // within the AuthProvider using the desired configuration. This approach ensures\n        // the web-component utilizes the same beforeRequest hooks as the global SDK\n        return getGlobalSdk().httpClient.hooks.beforeRequest;\n      },\n      set beforeRequest(_) {\n        // The empty setter prevents runtime errors when attempts are made to assign a value to 'beforeRequest'.\n        // JavaScript objects default to having both getters and setters\n      },\n    },\n  };\n\n  return {\n    default: withPropsMapping(\n      React.forwardRef<HTMLElement>((props, ref) => (\n\t<descope-wc ref={ref} {...props} />\n      )),\n    ),\n  };\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n  (\n    {\n      flowId,\n      onSuccess,\n      onError,\n      onReady,\n      logger,\n      tenant,\n      theme,\n      nonce,\n      locale,\n      debug,\n      client,\n      form,\n      telemetryKey,\n      redirectUrl,\n      autoFocus,\n      validateOnBlur,\n      restartOnError,\n      errorTransformer,\n      styleId,\n      onScreenUpdate,\n      dismissScreenErrorOnInput,\n      children,\n    },\n    ref,\n  ) => {\n    const [innerRef, setInnerRef] = useState(null);\n\n    useImperativeHandle(ref, () => innerRef);\n\n    const {\n      projectId,\n      baseUrl,\n      baseStaticUrl,\n      baseCdnUrl,\n      storeLastAuthenticatedUser,\n      keepLastAuthenticatedUserAfterLogout,\n      refreshCookieName,\n      sdk,\n    } = React.useContext(Context);\n\n    const handleSuccess = useCallback(\n      async (e: CustomEvent) => {\n        // In order to make sure all the after-hooks are running with the success response\n        // we are generating a fake response with the success data and calling the http client after hook fn with it\n        await sdk.httpClient.hooks.afterRequest(\n          {} as any,\n          new Response(JSON.stringify(e.detail)),\n        );\n        if (onSuccess) {\n          onSuccess(e);\n        }\n      },\n      [onSuccess],\n    );\n\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      if (onError) ele?.addEventListener('error', onError);\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n        if (onReady) ele?.removeEventListener('ready', onReady);\n\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, onError, handleSuccess]);\n\n    // Success event\n    useEffect(() => {\n      const ele = innerRef;\n      ele?.addEventListener('success', handleSuccess);\n      return () => {\n        ele?.removeEventListener('success', handleSuccess);\n      };\n    }, [innerRef, handleSuccess]);\n\n    // Error event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onError) ele?.addEventListener('error', onError);\n\n      return () => {\n        if (onError) ele?.removeEventListener('error', onError);\n      };\n    }, [innerRef, onError]);\n\n    // Ready event\n    useEffect(() => {\n      const ele = innerRef;\n      if (onReady) ele?.addEventListener('ready', onReady);\n\n      return () => {\n        if (onReady) ele?.removeEventListener('error', onReady);\n      };\n    }, [innerRef, onReady]);\n\n    return (\n      /**\n       * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n       * this workaround is done in order to support webauthn passkeys\n       * it can be removed once this issue will be solved\n       * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n       */\n\t<form>\n\t\t<Suspense fallback={null}>\n\t\t\t<DescopeWC\n            projectId={projectId}\n            flowId={flowId}\n            baseUrl={baseUrl}\n            baseStaticUrl={baseStaticUrl}\n            baseCdnUrl={baseCdnUrl}\n            ref={setInnerRef}\n            telemetryKey={telemetryKey}\n            redirectUrl={redirectUrl}\n            autoFocus={autoFocus}\n            styleId={styleId}\n            validateOnBlur={validateOnBlur}\n            restartOnError={restartOnError}\n            keepLastAuthenticatedUserAfterLogout={\n              keepLastAuthenticatedUserAfterLogout\n            }\n            tenant={tenant}\n            {...{\n              // attributes\n              'theme.attr': theme,\n              'nonce.attr': nonce,\n              'locale.attr': locale,\n              'form.attr': form,\n              'client.attr': client,\n              'debug.attr': debug,\n              'store-last-authenticated-user.attr': storeLastAuthenticatedUser,\n              'refreshCookieName.attr': refreshCookieName,\n              'dismiss-screen-error-on-input.attr': dismissScreenErrorOnInput,\n              // props\n              'errorTransformer.prop': errorTransformer,\n              'logger.prop': logger,\n              'onScreenUpdate.prop': onScreenUpdate,\n            }}\n          >\n\t\t\t\t{children}\n\t\t\t</DescopeWC>\n\t\t</Suspense>\n\t</form>\n    );\n  },\n);\n\nexport default Descope;\n"],"names":["DescopeWC","lazy","async","customElements","get","import","then","module","default","sdkConfigOverrides","baseHeaders","persistTokens","hooks","beforeRequest","getGlobalSdk","httpClient","_","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","dismissScreenErrorOnInput","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","Suspense","fallback"],"mappings":"0RAeA,MAAMA,EAAYC,GAAKC,YAEnB,OAAAC,qBAAA,IAAAA,oBAAA,EAAAA,eAAgBC,IAAI,sBACbC,OAAO,0BAA0BC,MAAMC,GAAWA,EAAOC,WAErDC,mBAAqB,CAEhCC,cAIAC,eAAe,EACfC,MAAO,CACL,iBAAIC,GAIF,OAAOC,IAAeC,WAAWH,MAAMC,aACxC,EACD,iBAAIA,CAAcG,GAGjB,IAIE,CACLR,QAASS,EACPC,EAAMC,YAAwB,CAACC,EAAOC,IAC3CH,EAAYI,cAAA,aAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMrBK,EAAUP,EAAMC,YACpB,EAEIO,SACAC,YACAC,UACAC,UACAC,SACAC,SACAC,QACAC,QACAC,SACAC,QACAC,SACAC,OACAC,eACAC,cACAC,YACAC,iBACAC,iBACAC,mBACAC,UACAC,iBACAC,4BACAC,YAEF1B,KAEA,MAAO2B,EAAUC,GAAeC,EAAS,MAEzCC,EAAoB9B,GAAK,IAAM2B,IAE/B,MAAMI,UACJA,EAASC,QACTA,EAAOC,cACPA,EAAaC,WACbA,EAAUC,2BACVA,EAA0BC,qCAC1BA,EAAoCC,kBACpCA,EAAiBC,IACjBA,GACEzC,EAAM0C,WAAWC,GAEfC,EAAgBC,GACpB7D,MAAO8D,UAGCL,EAAI5C,WAAWH,MAAMqD,aACzB,CAAA,EACA,IAAIC,SAASC,KAAKC,UAAUJ,EAAEK,UAE5B1C,GACFA,EAAUqC,EACX,GAEH,CAACrC,IA8CH,OA3CA2C,GAAU,KACR,MAAMC,EAAMvB,EAKZ,OAJAuB,SAAAA,EAAKC,iBAAiB,UAAWV,GAC7BlC,IAAS2C,SAAAA,EAAKC,iBAAiB,QAAS5C,IACxCC,IAAS0C,SAAAA,EAAKC,iBAAiB,QAAS3C,IAErC,KACDD,IAAS2C,SAAAA,EAAKE,oBAAoB,QAAS7C,IAC3CC,IAAS0C,SAAAA,EAAKE,oBAAoB,QAAS5C,IAE/C0C,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAACd,EAAUpB,EAASkC,IAGvBQ,GAAU,KACR,MAAMC,EAAMvB,EAEZ,OADAuB,SAAAA,EAAKC,iBAAiB,UAAWV,GAC1B,KACLS,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAACd,EAAUc,IAGdQ,GAAU,KACR,MAAMC,EAAMvB,EAGZ,OAFIpB,IAAS2C,SAAAA,EAAKC,iBAAiB,QAAS5C,IAErC,KACDA,IAAS2C,SAAAA,EAAKE,oBAAoB,QAAS7C,GAAQ,CACxD,GACA,CAACoB,EAAUpB,IAGd0C,GAAU,KACR,MAAMC,EAAMvB,EAGZ,OAFInB,IAAS0C,SAAAA,EAAKC,iBAAiB,QAAS3C,IAErC,KACDA,IAAS0C,SAAAA,EAAKE,oBAAoB,QAAS5C,GAAQ,CACxD,GACA,CAACmB,EAAUnB,IASjBX,EAAAI,cAAA,OAAA,KACCJ,EAAAI,cAACoD,EAAQ,CAACC,SAAU,MACnBzD,EAACI,cAAAtB,EACQ,CAAAoD,UAAWA,EACX1B,OAAQA,EACR2B,QAASA,EACTC,cAAeA,EACfC,WAAYA,EACZlC,IAAK4B,EACLX,aAAcA,EACdC,YAAaA,EACbC,UAAWA,EACXI,QAASA,EACTH,eAAgBA,EAChBC,eAAgBA,EAChBe,qCACEA,EAEF1B,OAAQA,EAGN,aAAcC,EACd,aAAcC,EACd,cAAeC,EACf,YAAaG,EACb,cAAeD,EACf,aAAcD,EACd,qCAAsCqB,EACtC,yBAA0BE,EAC1B,qCAAsCZ,EAEtC,wBAAyBH,EACzB,cAAeb,EACf,sBAAuBe,GAGhCE,IAIC"}

package/dist/esm/constants.js

@@ -1,2 +1,2 @@
-const e={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.9.0"},d="undefined"!=typeof window;export{d as IS_BROWSER,e as baseHeaders};
+const e={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.10.0"},d="undefined"!=typeof window;export{d as IS_BROWSER,e as baseHeaders};
 //# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["declare const BUILD_VERSION: string;\n\nexport const baseHeaders = {\n  'x-descope-sdk-name': 'react',\n  'x-descope-sdk-version': BUILD_VERSION,\n};\n\n// This sdk can be used in SSR apps\nexport const IS_BROWSER = typeof window !== 'undefined';\n"],"names":["baseHeaders","IS_BROWSER","window"],"mappings":"AAEa,MAAAA,EAAc,CACzB,qBAAsB,QACtB,wBAAyB,SAIdC,EAA+B,oBAAXC"}
+{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["declare const BUILD_VERSION: string;\n\nexport const baseHeaders = {\n  'x-descope-sdk-name': 'react',\n  'x-descope-sdk-version': BUILD_VERSION,\n};\n\n// This sdk can be used in SSR apps\nexport const IS_BROWSER = typeof window !== 'undefined';\n"],"names":["baseHeaders","IS_BROWSER","window"],"mappings":"AAEa,MAAAA,EAAc,CACzB,qBAAsB,QACtB,wBAAyB,UAIdC,EAA+B,oBAAXC"}

package/dist/index.d.ts

@@ -1382,6 +1382,7 @@ type DescopeProps = {
     form?: Record<string, any>;
     client?: Record<string, any>;
     styleId?: string;
+    dismissScreenErrorOnInput?: boolean;
     onScreenUpdate?: (screenName: string, context: Record<string, any>, next: (interactionId: string, form: Record<string, any>) => Promise<unknown>, ref: HTMLElement) => boolean | Promise<boolean>;
     children?: React.ReactNode;
 };