@descope/react-sdk 2.21.1 → 2.21.3

package/README.md

@@ -163,6 +163,9 @@ const App = () => {
             // Set a CSP nonce that will be used for style and script tags
             //nonce="rAnd0m"
 
+            // popupOrigin: sets the expected origin for OAuth popup communication when redirect URL is on different origin than the main application. Required for cross-origin OAuth popup flows
+            //popupOrigin="https://auth.example.com"
+
             // 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("../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.22.4_tslib@2.8.1_typescript@5.4.5/node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../constants.js"),s=require("../hooks/Context.js"),n=require("../sdk.js"),o=require("./withPropsMapping/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(t);const u=t.lazy((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:r.baseHeaders,persistTokens:!1,hooks:{get beforeRequest(){return n.getGlobalSdk().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:o.default(l.default.forwardRef(((s,n)=>{var{"external-request-id":o}=s,a=e.__rest(s,["external-request-id"]);return t.useMemo((()=>{var e,t;e="x-external-rid",(t=o)?r.baseHeaders[e]=t:delete r.baseHeaders[e]}),[o]),l.default.createElement("descope-wc",Object.assign({ref:n},a))})))}))),d=l.default.forwardRef((({flowId:e,onSuccess:r,onError:n,onReady:o,logger:a,tenant:d,theme:c,nonce:i,locale:p,debug:f,client:m,form:v,telemetryKey:b,redirectUrl:E,autoFocus:g,validateOnBlur:h,restartOnError:y,errorTransformer:L,styleId:k,onScreenUpdate:q,dismissScreenErrorOnInput:S,outboundAppId:U,outboundAppScopes:_,children:w,externalRequestId:x},I)=>{const[C,R]=t.useState(null);t.useImperativeHandle(I,(()=>C));const{projectId:j,baseUrl:O,baseStaticUrl:A,baseCdnUrl:H,storeLastAuthenticatedUser:M,keepLastAuthenticatedUserAfterLogout:N,refreshCookieName:T,customStorage:B,sdk:F}=l.default.useContext(s.default),K=t.useCallback((async e=>{await F.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),r&&r(e)}),[r]);return t.useEffect((()=>{const e=C;return null==e||e.addEventListener("success",K),n&&(null==e||e.addEventListener("error",n)),o&&(null==e||e.addEventListener("ready",o)),()=>{n&&(null==e||e.removeEventListener("error",n)),o&&(null==e||e.removeEventListener("ready",o)),null==e||e.removeEventListener("success",K)}}),[C,n,K]),t.useEffect((()=>{const e=C;return null==e||e.addEventListener("success",K),()=>{null==e||e.removeEventListener("success",K)}}),[C,K]),t.useEffect((()=>{const e=C;return n&&(null==e||e.addEventListener("error",n)),()=>{n&&(null==e||e.removeEventListener("error",n))}}),[C,n]),t.useEffect((()=>{const e=C;return o&&(null==e||e.addEventListener("ready",o)),()=>{o&&(null==e||e.removeEventListener("error",o))}}),[C,o]),l.default.createElement("form",null,l.default.createElement(t.Suspense,{fallback:null},l.default.createElement(u,{projectId:j,flowId:e,baseUrl:O,baseStaticUrl:A,baseCdnUrl:H,ref:R,telemetryKey:b,redirectUrl:E,autoFocus:g,styleId:k,validateOnBlur:h,restartOnError:y,keepLastAuthenticatedUserAfterLogout:N,tenant:d,externalRequestId:x,customStorage:B,"theme.attr":c,"nonce.attr":i,"locale.attr":p,"form.attr":v,"client.attr":m,"debug.attr":f,"outbound-app-id.attr":U,"outbound-app-scopes.attr":_,"store-last-authenticated-user.attr":M,"refreshCookieName.attr":T,"dismiss-screen-error-on-input.attr":S,"errorTransformer.prop":L,"logger.prop":a,"onScreenUpdate.prop":q,"customStorage.prop":B},w)))}));exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.22.4_tslib@2.8.1_typescript@5.4.5/node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../constants.js"),s=require("../hooks/Context.js"),n=require("../sdk.js"),o=require("./withPropsMapping/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(t);const u=t.lazy((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:r.baseHeaders,persistTokens:!1,hooks:{get beforeRequest(){return n.getGlobalSdk().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:o.default(l.default.forwardRef(((s,n)=>{var{"external-request-id":o}=s,a=e.__rest(s,["external-request-id"]);return t.useMemo((()=>{var e,t;e="x-external-rid",(t=o)?r.baseHeaders[e]=t:delete r.baseHeaders[e]}),[o]),l.default.createElement("descope-wc",Object.assign({ref:n},a))})))}))),d=l.default.forwardRef((({flowId:e,onSuccess:r,onError:n,onReady:o,logger:a,tenant:d,theme:c,nonce:i,locale:p,debug:f,client:m,form:v,telemetryKey:b,redirectUrl:E,autoFocus:g,validateOnBlur:h,restartOnError:y,errorTransformer:L,styleId:k,onScreenUpdate:q,dismissScreenErrorOnInput:S,outboundAppId:U,outboundAppScopes:_,popupOrigin:w,children:x,externalRequestId:I},C)=>{const[O,R]=t.useState(null);t.useImperativeHandle(C,(()=>O));const{projectId:j,baseUrl:A,baseStaticUrl:H,baseCdnUrl:M,storeLastAuthenticatedUser:N,keepLastAuthenticatedUserAfterLogout:T,refreshCookieName:B,customStorage:F,sdk:K}=l.default.useContext(s.default),P=t.useCallback((async e=>{await K.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),r&&r(e)}),[r]);return t.useEffect((()=>{const e=O;return null==e||e.addEventListener("success",P),n&&(null==e||e.addEventListener("error",n)),o&&(null==e||e.addEventListener("ready",o)),()=>{n&&(null==e||e.removeEventListener("error",n)),o&&(null==e||e.removeEventListener("ready",o)),null==e||e.removeEventListener("success",P)}}),[O,n,P]),t.useEffect((()=>{const e=O;return null==e||e.addEventListener("success",P),()=>{null==e||e.removeEventListener("success",P)}}),[O,P]),t.useEffect((()=>{const e=O;return n&&(null==e||e.addEventListener("error",n)),()=>{n&&(null==e||e.removeEventListener("error",n))}}),[O,n]),t.useEffect((()=>{const e=O;return o&&(null==e||e.addEventListener("ready",o)),()=>{o&&(null==e||e.removeEventListener("error",o))}}),[O,o]),l.default.createElement("form",null,l.default.createElement(t.Suspense,{fallback:null},l.default.createElement(u,{projectId:j,flowId:e,baseUrl:A,baseStaticUrl:H,baseCdnUrl:M,ref:R,telemetryKey:b,redirectUrl:E,autoFocus:g,styleId:k,validateOnBlur:h,restartOnError:y,keepLastAuthenticatedUserAfterLogout:T,tenant:d,externalRequestId:I,customStorage:F,"theme.attr":c,"nonce.attr":i,"locale.attr":p,"form.attr":v,"client.attr":m,"debug.attr":f,"outbound-app-id.attr":U,"outbound-app-scopes.attr":_,"popup-origin.attr":w,"store-last-authenticated-user.attr":N,"refreshCookieName.attr":B,"dismiss-screen-error-on-input.attr":S,"errorTransformer.prop":L,"logger.prop":a,"onScreenUpdate.prop":q,"customStorage.prop":F},x)))}));exports.default=d;
 //# sourceMappingURL=Descope.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\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 updateDynamicHeader = (key: string, value: string) => {\n    if (value) {\n      baseHeaders[key] = value;\n    } else {\n      delete baseHeaders[key];\n    }\n  };\n\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>(\n        ({ 'external-request-id': externalRequestId, ...props }: any, ref) => {\n          // update the dynamic headers with the external request ID if provided\n          useMemo(() => {\n            updateDynamicHeader('x-external-rid', externalRequestId);\n          }, [externalRequestId]);\n\n          return <descope-wc ref={ref} {...props} />;\n        },\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      outboundAppId,\n      outboundAppScopes,\n      children,\n      externalRequestId,\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      customStorage,\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            externalRequestId={externalRequestId}\n            customStorage={customStorage}\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              'outbound-app-id.attr': outboundAppId,\n              'outbound-app-scopes.attr': outboundAppScopes,\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              'customStorage.prop': customStorage,\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","_a","ref","externalRequestId","props","__rest","useMemo","key","value","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","dismissScreenErrorOnInput","outboundAppId","outboundAppScopes","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","customStorage","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","createElement","Suspense","fallback"],"mappings":"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"}
+{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\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 updateDynamicHeader = (key: string, value: string) => {\n    if (value) {\n      baseHeaders[key] = value;\n    } else {\n      delete baseHeaders[key];\n    }\n  };\n\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>(\n        ({ 'external-request-id': externalRequestId, ...props }: any, ref) => {\n          // update the dynamic headers with the external request ID if provided\n          useMemo(() => {\n            updateDynamicHeader('x-external-rid', externalRequestId);\n          }, [externalRequestId]);\n\n          return <descope-wc ref={ref} {...props} />;\n        },\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      outboundAppId,\n      outboundAppScopes,\n      popupOrigin,\n      children,\n      externalRequestId,\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      customStorage,\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            externalRequestId={externalRequestId}\n            customStorage={customStorage}\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              'outbound-app-id.attr': outboundAppId,\n              'outbound-app-scopes.attr': outboundAppScopes,\n              'popup-origin.attr': popupOrigin,\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              'customStorage.prop': customStorage,\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","_a","ref","externalRequestId","props","__rest","useMemo","key","value","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","dismissScreenErrorOnInput","outboundAppId","outboundAppScopes","popupOrigin","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","customStorage","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","createElement","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.21.1"};
+"use strict";const e="undefined"!=typeof window;exports.IS_BROWSER=e,exports.baseHeaders={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.21.3"};
 //# sourceMappingURL=constants.js.map

package/dist/esm/components/Descope.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.22.4_tslib@2.8.1_typescript@5.4.5/node_modules/tslib/tslib.es6.js";import t,{lazy as r,useMemo as o,useState as n,useImperativeHandle as s,useCallback as a,useEffect as l,Suspense as u}from"react";import{baseHeaders as d}from"../constants.js";import c from"../hooks/Context.js";import{getGlobalSdk as i}from"../sdk.js";import p from"./withPropsMapping/index.js";const m=r((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:d,persistTokens:!1,hooks:{get beforeRequest(){return i().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:p(t.forwardRef(((r,n)=>{var{"external-request-id":s}=r,a=e(r,["external-request-id"]);return o((()=>{var e,t;e="x-external-rid",(t=s)?d[e]=t:delete d[e]}),[s]),t.createElement("descope-wc",Object.assign({ref:n},a))})))}))),f=t.forwardRef((({flowId:e,onSuccess:r,onError:o,onReady:d,logger:i,tenant:p,theme:f,nonce:v,locale:E,debug:b,client:g,form:h,telemetryKey:L,redirectUrl:y,autoFocus:k,validateOnBlur:U,restartOnError:w,errorTransformer:S,styleId:x,onScreenUpdate:I,dismissScreenErrorOnInput:R,outboundAppId:C,outboundAppScopes:j,children:q,externalRequestId:O},A)=>{const[_,N]=n(null);s(A,(()=>_));const{projectId:T,baseUrl:B,baseStaticUrl:F,baseCdnUrl:K,storeLastAuthenticatedUser:H,keepLastAuthenticatedUserAfterLogout:J,refreshCookieName:M,customStorage:P,sdk:z}=t.useContext(c),D=a((async e=>{await z.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),r&&r(e)}),[r]);return l((()=>{const e=_;return null==e||e.addEventListener("success",D),o&&(null==e||e.addEventListener("error",o)),d&&(null==e||e.addEventListener("ready",d)),()=>{o&&(null==e||e.removeEventListener("error",o)),d&&(null==e||e.removeEventListener("ready",d)),null==e||e.removeEventListener("success",D)}}),[_,o,D]),l((()=>{const e=_;return null==e||e.addEventListener("success",D),()=>{null==e||e.removeEventListener("success",D)}}),[_,D]),l((()=>{const e=_;return o&&(null==e||e.addEventListener("error",o)),()=>{o&&(null==e||e.removeEventListener("error",o))}}),[_,o]),l((()=>{const e=_;return d&&(null==e||e.addEventListener("ready",d)),()=>{d&&(null==e||e.removeEventListener("error",d))}}),[_,d]),t.createElement("form",null,t.createElement(u,{fallback:null},t.createElement(m,{projectId:T,flowId:e,baseUrl:B,baseStaticUrl:F,baseCdnUrl:K,ref:N,telemetryKey:L,redirectUrl:y,autoFocus:k,styleId:x,validateOnBlur:U,restartOnError:w,keepLastAuthenticatedUserAfterLogout:J,tenant:p,externalRequestId:O,customStorage:P,"theme.attr":f,"nonce.attr":v,"locale.attr":E,"form.attr":h,"client.attr":g,"debug.attr":b,"outbound-app-id.attr":C,"outbound-app-scopes.attr":j,"store-last-authenticated-user.attr":H,"refreshCookieName.attr":M,"dismiss-screen-error-on-input.attr":R,"errorTransformer.prop":S,"logger.prop":i,"onScreenUpdate.prop":I,"customStorage.prop":P},q)))}));export{f as default};
+import{__rest as e}from"../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.22.4_tslib@2.8.1_typescript@5.4.5/node_modules/tslib/tslib.es6.js";import t,{lazy as r,useMemo as o,useState as n,useImperativeHandle as s,useCallback as a,useEffect as l,Suspense as u}from"react";import{baseHeaders as d}from"../constants.js";import i from"../hooks/Context.js";import{getGlobalSdk as c}from"../sdk.js";import p from"./withPropsMapping/index.js";const m=r((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:d,persistTokens:!1,hooks:{get beforeRequest(){return c().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:p(t.forwardRef(((r,n)=>{var{"external-request-id":s}=r,a=e(r,["external-request-id"]);return o((()=>{var e,t;e="x-external-rid",(t=s)?d[e]=t:delete d[e]}),[s]),t.createElement("descope-wc",Object.assign({ref:n},a))})))}))),f=t.forwardRef((({flowId:e,onSuccess:r,onError:o,onReady:d,logger:c,tenant:p,theme:f,nonce:v,locale:E,debug:b,client:g,form:h,telemetryKey:L,redirectUrl:y,autoFocus:k,validateOnBlur:U,restartOnError:w,errorTransformer:S,styleId:x,onScreenUpdate:I,dismissScreenErrorOnInput:R,outboundAppId:C,outboundAppScopes:O,popupOrigin:j,children:q,externalRequestId:A},_)=>{const[N,T]=n(null);s(_,(()=>N));const{projectId:B,baseUrl:F,baseStaticUrl:K,baseCdnUrl:H,storeLastAuthenticatedUser:J,keepLastAuthenticatedUserAfterLogout:M,refreshCookieName:P,customStorage:z,sdk:D}=t.useContext(i),G=a((async e=>{await D.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),r&&r(e)}),[r]);return l((()=>{const e=N;return null==e||e.addEventListener("success",G),o&&(null==e||e.addEventListener("error",o)),d&&(null==e||e.addEventListener("ready",d)),()=>{o&&(null==e||e.removeEventListener("error",o)),d&&(null==e||e.removeEventListener("ready",d)),null==e||e.removeEventListener("success",G)}}),[N,o,G]),l((()=>{const e=N;return null==e||e.addEventListener("success",G),()=>{null==e||e.removeEventListener("success",G)}}),[N,G]),l((()=>{const e=N;return o&&(null==e||e.addEventListener("error",o)),()=>{o&&(null==e||e.removeEventListener("error",o))}}),[N,o]),l((()=>{const e=N;return d&&(null==e||e.addEventListener("ready",d)),()=>{d&&(null==e||e.removeEventListener("error",d))}}),[N,d]),t.createElement("form",null,t.createElement(u,{fallback:null},t.createElement(m,{projectId:B,flowId:e,baseUrl:F,baseStaticUrl:K,baseCdnUrl:H,ref:T,telemetryKey:L,redirectUrl:y,autoFocus:k,styleId:x,validateOnBlur:U,restartOnError:w,keepLastAuthenticatedUserAfterLogout:M,tenant:p,externalRequestId:A,customStorage:z,"theme.attr":f,"nonce.attr":v,"locale.attr":E,"form.attr":h,"client.attr":g,"debug.attr":b,"outbound-app-id.attr":C,"outbound-app-scopes.attr":O,"popup-origin.attr":j,"store-last-authenticated-user.attr":J,"refreshCookieName.attr":P,"dismiss-screen-error-on-input.attr":R,"errorTransformer.prop":S,"logger.prop":c,"onScreenUpdate.prop":I,"customStorage.prop":z},q)))}));export{f 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":["/* eslint-disable react/prop-types */\nimport React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\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 updateDynamicHeader = (key: string, value: string) => {\n    if (value) {\n      baseHeaders[key] = value;\n    } else {\n      delete baseHeaders[key];\n    }\n  };\n\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>(\n        ({ 'external-request-id': externalRequestId, ...props }: any, ref) => {\n          // update the dynamic headers with the external request ID if provided\n          useMemo(() => {\n            updateDynamicHeader('x-external-rid', externalRequestId);\n          }, [externalRequestId]);\n\n          return <descope-wc ref={ref} {...props} />;\n        },\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      outboundAppId,\n      outboundAppScopes,\n      children,\n      externalRequestId,\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      customStorage,\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            externalRequestId={externalRequestId}\n            customStorage={customStorage}\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              'outbound-app-id.attr': outboundAppId,\n              'outbound-app-scopes.attr': outboundAppScopes,\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              'customStorage.prop': customStorage,\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","_a","ref","externalRequestId","props","__rest","useMemo","key","value","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","dismissScreenErrorOnInput","outboundAppId","outboundAppScopes","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","customStorage","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","createElement","Suspense","fallback"],"mappings":"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"}
+{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\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 updateDynamicHeader = (key: string, value: string) => {\n    if (value) {\n      baseHeaders[key] = value;\n    } else {\n      delete baseHeaders[key];\n    }\n  };\n\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>(\n        ({ 'external-request-id': externalRequestId, ...props }: any, ref) => {\n          // update the dynamic headers with the external request ID if provided\n          useMemo(() => {\n            updateDynamicHeader('x-external-rid', externalRequestId);\n          }, [externalRequestId]);\n\n          return <descope-wc ref={ref} {...props} />;\n        },\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      outboundAppId,\n      outboundAppScopes,\n      popupOrigin,\n      children,\n      externalRequestId,\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      customStorage,\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            externalRequestId={externalRequestId}\n            customStorage={customStorage}\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              'outbound-app-id.attr': outboundAppId,\n              'outbound-app-scopes.attr': outboundAppScopes,\n              'popup-origin.attr': popupOrigin,\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              'customStorage.prop': customStorage,\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","_a","ref","externalRequestId","props","__rest","useMemo","key","value","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","nonce","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","onScreenUpdate","dismissScreenErrorOnInput","outboundAppId","outboundAppScopes","popupOrigin","children","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","baseCdnUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","refreshCookieName","customStorage","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","createElement","Suspense","fallback"],"mappings":"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"}

package/dist/esm/constants.js

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

package/dist/index.d.ts

@@ -2051,6 +2051,7 @@ type DescopeProps = {
     redirectUrl?: string;
     outboundAppId?: string;
     outboundAppScopes?: string[];
+    popupOrigin?: string;
     errorTransformer?: (error: {
         text: string;
         type: string;