@descope/react-sdk 0.0.52-alpha.9 → 0.0.55

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Descope
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,29 +1,34 @@
 # @descope/react-sdk
+
 This library lets you consume your login pages created by Descope console-app in your application
 Under the hood, it uses [web-js-sdk](https://github.com/descope/web-js-sdk)
 
 ## Usage
+
 ### Install the package
+
 ```bash
 npm install @descope/react-sdk
 ```
 
 ### Render it in your application
+
 #### Wrap your app with Auth Provider
+
 ```js
-import { AuthProvider } from '@descope/react-sdk'
+import { AuthProvider } from '@descope/react-sdk';
 
 const AppRoot = () => {
-    return (
-        <AuthProvider 
-            projectId="myProjectId" 
-        >
-         <App />
-        </AuthProvider>
-    )
-}
+	return (
+		<AuthProvider projectId="my-project-id">
+			<App />
+		</AuthProvider>
+	);
+};
 ```
+
 #### Use Descope to render specific flow
+
 You can use **default flows** or **provide flow id** directly to the Descope component
 
 ##### 1. Default flows
@@ -37,7 +42,7 @@ import { SignInFlow } from '@descope/react-sdk'
 const App = () => {
     return (
         {...}
-        <SignInFlow 
+        <SignInFlow
             onSuccess={(e) => console.log('Logged in!')}
             onError={(e) => console.log('Could not logged in!')}
         />
@@ -53,77 +58,97 @@ import { Descope } from '@descope/react-sdk'
 const App = () => {
     return (
         {...}
-        <Descope 
-            flowId="myFlowId" 
+        <Descope
+            flowId="my-flow-id"
             onSuccess={(e) => console.log('Logged in!')}
-            onError={(e) => console.log('Could not logged in!')}
+            onError={(e) => console.log('Could not logged in')}
+            // theme can be "light" or "dark". If empty, Descope will use the OS theme
+            // theme="light"
+
+            // debug can be set to true to enable debug mode
+            // debug={true}
         />
     )
 }
 ```
 
-#### Use the `useAuth` hook in your components in order to access authentication state and utilities
-This can be helpful to implement application-specific logic. Examples: 
- - Render different components if current session is authenticated
- - Render user's content 
- - Logout button
+#### Use the `useDescope`, `useSession` and `useUser` hooks in your components in order to get authentication state, user details and utilities
+
+This can be helpful to implement application-specific logic. Examples:
+
+- Render different components if current session is authenticated
+- Render user's content
+- Logout button
+
 ```js
-import { useAuth } from '@descope/react-sdk'
+import { useDescope, useSession, useUser } from '@descope/react-sdk'
 
 const App = () => {
-    // NOTE - `useAuth` should be used inside `AuthProvider` context, 
+    // NOTE - `useDescope`, `useSession`, `useUser` should be used inside `AuthProvider` context,
     // and will throw an exception if this requirement is not met
-    const { authenticated, user, logout } = useAuth()
-    return (
-        {...}
-        {
-            // render different components if current session is authenticated 
-            authenticated && <MyPrivateComponent />
-        }
-        {
-            // render user's content 
-            authenticated && <div>Hello ${user.name}</div>
-        }
-        {
-            // logout button
-            authenticated && <button onClick={logout}>Logout</div>
-        }
-    )
+    const { isAuthenticated, isSessionLoading } = useSession()
+    const { user, isUserLoading } = useUser()
+    const { logout } = useDescope()
+
+    if(isSessionLoading || isUserLoading){
+        return <p>Loading...</p>
+    }
+
+     if(isAuthenticated){
+        return (
+            <p>Hello ${user.name}</p>
+            <button onClick={logout}>Logout</div>
+        )
+    }
+
+    return <p>You are not logged in</p>
 }
 ```
 
-#### Session token server validation (pass session token to server API) 
+#### Session token server validation (pass session token to server API)
+
 When developing a full-stack application, it is common to have private server API which requires a valid session token:
 
 ![session-token-validation-diagram](https://docs.descope.com/static/SessionValidation-cf7b2d5d26594f96421d894273a713d8.png)
 
-
 Note: Descope also provides server-side SDKs in various languages (NodeJS, Go, Python, etc). Descope's server SDKs have out-of-the-box session validation API that supports the options described bellow. To read more about session validation, Read [this section](https://docs.descope.com/guides/gettingstarted/#session-validation) in Descope documentation.
 
-The mechanism to pass session token depends on the Descope project's "Token response method" configuration.
-##### 1. Manage in cookies
- - Descope sets session token as cookie, which automatically sent each server api request. This option is more secure and is the recommended method for managing tokens, but for this option to work well with the browser - you must also configure a CNAME record for the custom domain listed, which will give a unified log in experience and securely restrict access to the session tokens that are stored in the cookies.
+There are 2 ways to achieve that:
 
- When this option is configured, the browser will automatically add the session token cookie to the server in every request.
+1. Using `getSessionToken` to get the token, and pass it on the `Authorization` Header (Recommended)
+2. Passing `sessionTokenViaCookie` boolean prop to the `AuthProvider` component (Use cautiously, session token may grow, especially in cases of using authorization, or adding custom claim)
 
-##### 2. Manage in response body
- - Descope API returns session token in body. In this option, The React application should pass session cookie (`const { sessionToken } = useAuth()`) as Authorization header. This option never requires a custom domain, and is recommended for testing or while working in a sandbox environment.
+##### 1. Using `getSessionToken` to get the token
 
-An example for using session token,
+An example for api function, and passing the token on the `Authorization` header:
 
 ```js
-import { useAuth } from '@descope/react-sdk'
+import { getSessionToken } from '@descope/react-sdk';
+
+// fetch data using back
+// Note: Descope backend SDKs support extracting session token from the Authorization header
+export const fetchData = async () => {
+	const sessionToken = getSessionToken();
+	const res = await fetch('/path/to/server/api', {
+		headers: {
+			Authorization: `Bearer ${sessionToken}`
+		}
+	});
+	// ... use res
+};
+```
+
+An example for component that uses `fetchData` function from above
+
+```js
+// Component code
+import { fetchData } from 'path/to/api/file'
 import { useCallback } from 'react'
 
-const App = () => {
-    const { sessionToken } = useAuth()
-  
-    const onClick = useCallback(() => {     
-        fetch('https://localhost:3002/api/some-path' {
-            method: 'GET',
-            headers: { Authorization: `Bearer ${sessionToken}` }
-        })
-    },[sessionToken])
+const Component = () => {
+    const onClick = useCallback(() => {
+        fetchData()
+    },[])
     return (
         {...}
         {
@@ -134,14 +159,61 @@ const App = () => {
 }
 ```
 
-## Contributing to this project
-In order to use this repo locally
- - Clone this repository
- - Navigate to repository directory
- - Run `npm i`
- - Edit `src/app/index.tsx` in the following way
-      - Set `projectId` prop - replace `<project-id>` with your project id
-      - Set `flowId` prop - Replace  `<flow-id>` (for example - `sign-up-or-in`)
-      - Optional - set a different `baseUrl` (for example - `http://localhost:8000`)    
- - Run `npm run start`
- - Go to `http://localhost:3000/` and start flow
+##### 2. Passing `sessionTokenViaCookie` boolean prop to the `AuthProvider`
+
+Passing `sessionTokenViaCookie` prop to `AuthProvider` component. Descope SDK will automatically store session token on the `DS` cookie.
+
+Note: Use this option if session token will stay small (less than 1k). Session token can grow, especially in cases of using authorization, or adding custom claims
+
+Example:
+
+```js
+import { AuthProvider } from '@descope/react-sdk';
+
+const AppRoot = () => {
+	return (
+		<AuthProvider projectId="my-project-id" sessionTokenViaCookie>
+			<App />
+		</AuthProvider>
+	);
+};
+```
+
+Now, whenever you call `fetch`, the cookie will automatically be sent with the request. Descope backend SDKs also support extracting the token from the `DS` cookie.
+
+## Run a local example
+
+There is a simple app that uses Descope React SDK, with two routes
+
+- Home
+- Login
+
+In order to run this app locally, do the following steps:
+
+- Clone this repository
+- Navigate to repository directory
+- Run `npm i`
+- Create a `.env` file with the following variables (or alternatively export them manually):
+
+```env
+// .env
+# Your project id
+DESCOPE_PROJECT_ID=<project-id>
+# Flow id to run, e.g. sign-up-or-in
+DESCOPE_FLOW_ID=<flow-id>
+# Optional - Descope base url, e.g. http://localhost:8000
+DESCOPE_BASE_URL=<base-url>
+# Optional - Debug mode
+DESCOPE_DEBUG_MODE=<debug-mode>
+# Optional - Theme, can be "light", "dark" or "os" (Auto select based on the OS theme settings). Default is "light"
+DESCOPE_THEME=<theme>
+# Optional - Telemetry key provided by Descope Inc
+DESCOPE_TELEMETRY_KEY=<telemetry-key>
+# Optional - Step-Up flow id. If exists, The home page of a logged-in user will show a step-up button
+DESCOPE_STEP_UP_FLOW_ID=step-up
+```
+
+- Run `npm run start`
+- Go to `http://localhost:3000/` and press the "Start Flow" button
+
+Note: if you change env file (for example, change DESCOPE_PROJECT_ID), you need to rerun `npm run start`

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@descope/web-js-sdk");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var r=s(e),n=s(t);const u=r.default.createContext(void 0),i={"x-descope-sdk-name":"react","x-descope-sdk-version":"0.0.55"},a=e=>(...t)=>{if(!e)throw Error("You can only use this function after sdk initialization. Make sure to supply 'projectId' to <AuthProvider /> component");return e(...t)},l=e=>(...t)=>{let s;try{s=e(...t)}catch(e){console.error(e)}return s};let c;const d=e=>{const t=n.default({...e,persistTokens:!0,autoRefresh:!0});return c=t,t};c=d({projectId:"temp pid"});const f=()=>c?.getSessionToken(),p=l(((e=f(),t)=>c?.getJwtPermissions(e,t))),g=l(((e=f(),t)=>c?.getJwtRoles(e,t)));const m=({projectId:t,baseUrl:s,sessionTokenViaCookie:o,children:n})=>{const[l,c]=e.useState(),[f,p]=e.useState(),[g,m]=e.useState(!1),[k,h]=e.useState(!1),b=(({projectId:t,baseUrl:s,sessionTokenViaCookie:o})=>e.useMemo((()=>{if(t)return d({projectId:t,baseUrl:s,sessionTokenViaCookie:o,baseHeaders:i,persistToken:!0,autoRefresh:!0})}),[t,s,o]))({projectId:t,baseUrl:s,sessionTokenViaCookie:o});e.useEffect((()=>{if(b){const e=b.onSessionTokenChange(p),t=b.onUserChange(c);return()=>{e(),t()}}}),[b]);const v=e.useCallback((()=>{h(!0),a(b?.refresh)().then((()=>{h(!1)}))}),[b]),w=e.useCallback((()=>{m(!0),a(b.me)().then((()=>{m(!1)}))}),[b]),S=e.useCallback(a(b?.logoutAll),[b]),y=e.useCallback(a(b?.logout),[b]),E=e.useMemo((()=>({fetchUser:w,user:l,isUserLoading:g,fetchSession:v,session:f,isSessionLoading:k,logout:y,logoutAll:S,projectId:t,baseUrl:s,setUser:c,setSession:p,sdk:b})),[w,l,g,v,f,k,y,S,t,s,c,p,b]);return r.default.createElement(u.Provider,{value:E},n)};m.defaultProps={baseUrl:"",children:void 0,sessionTokenViaCookie:!1};const k=e.lazy((async()=>((await Promise.resolve().then((function(){return o(require("@descope/web-component"))}))).default.sdkConfigOverrides={baseHeaders:i},{default:({projectId:e,flowId:t,baseUrl:s,innerRef:o,tenant:n,theme:u,debug:i,telemetryKey:a})=>r.default.createElement("descope-wc",{"project-id":e,"flow-id":t,"base-url":s,ref:o,tenant:n,theme:u,debug:i,telemetryKey:a})}))),h=r.default.forwardRef((({flowId:t,onSuccess:s,onError:o,tenant:n,theme:i,debug:a,telemetryKey:l},c)=>{const[d,f]=e.useState(null);e.useImperativeHandle(c,(()=>d));const{projectId:p,baseUrl:g,setUser:m,setSession:h,sdk:b}=r.default.useContext(u),v=e.useCallback((async e=>{m(e.detail?.user);const t=e.detail?.sessionJwt;h(t),await b.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),s&&s(e)}),[m,h,s]);return e.useEffect((()=>{const e=d;return e?.addEventListener("success",v),o&&e?.addEventListener("error",o),()=>{o&&e?.removeEventListener("error",o),e?.removeEventListener("success",v)}}),[d,o,v]),r.default.createElement("form",null,r.default.createElement(e.Suspense,{fallback:null},r.default.createElement(k,{projectId:p,flowId:t,baseUrl:g,innerRef:f,tenant:n,theme:i,debug:a,telemetryKey:l})))}));h.defaultProps={onError:void 0,onSuccess:void 0};var b=()=>{const t=e.useContext(u);if(!t)throw Error("You can only use this hook in the context of <AuthProvider />");return t};exports.AuthProvider=m,exports.Descope=h,exports.SignInFlow=e=>r.default.createElement(h,{...e,flowId:"sign-in"}),exports.SignUpFlow=e=>r.default.createElement(h,{...e,flowId:"sign-up"}),exports.SignUpOrInFlow=e=>r.default.createElement(h,{...e,flowId:"sign-up-or-in"}),exports.getJwtPermissions=p,exports.getJwtRoles=g,exports.getRefreshToken=()=>c?.getRefreshToken(),exports.getSessionToken=f,exports.useDescope=()=>{const{logout:t,logoutAll:s}=b();return e.useMemo((()=>({logoutAll:s,logout:t})),[s,t])},exports.useSession=()=>{const{session:t,isSessionLoading:s,fetchSession:o}=b(),r=e.useRef(s);return e.useMemo((()=>{r.current=s}),[s]),e.useMemo((()=>{t||s||(r.current=!0)}),[o]),e.useEffect((()=>{t||s||o()}),[o]),{isSessionLoading:r.current,sessionToken:t,isAuthenticated:!!t}},exports.useUser=()=>{const{user:t,fetchUser:s,isUserLoading:o,session:r}=b(),[n,u]=e.useState(!1),i=e.useRef(o),a=e.useMemo((()=>!t&&!o&&r&&!n),[s,r,n]);return e.useMemo((()=>{i.current=o}),[o]),e.useMemo((()=>{a&&(i.current=!0)}),[a]),e.useEffect((()=>{a&&(u(!0),s())}),[a]),{isUserLoading:i.current,user:t}};
+//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../src/lib/hooks/Context.ts","../../src/lib/constants.ts","../../src/lib/utils.ts","../../src/lib/sdk.ts","../../src/lib/components/AuthProvider/AuthProvider.tsx","../../src/lib/components/AuthProvider/useSdk.ts","../../src/lib/components/Descope.tsx","../../src/lib/hooks/useContext.ts","../../src/lib/components/DefaultFlows.tsx","../../src/lib/hooks/useDescope.ts","../../src/lib/hooks/useSession.ts","../../src/lib/hooks/useUser.ts"],"sourcesContent":["import React from 'react';\nimport { IContext } from '../types';\n\nconst Context = React.createContext<IContext>(undefined);\n\nexport default Context;\n","declare const BUILD_VERSION: string;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const baseHeaders = {\n\t'x-descope-sdk-name': 'react',\n\t'x-descope-sdk-version': BUILD_VERSION\n};\n","/**\n * Wrap a function with a validation that it exists\n * @param fn The function to wrap with the validation\n * @throws if function does not exist, an error with the relevant message will be thrown\n */\nexport const withValidation =\n\t<T extends Array<any>, U>(fn: (...args: T) => U) =>\n\t(...args: T): U => {\n\t\tif (!fn) {\n\t\t\tthrow Error(\n\t\t\t\t`You can only use this function after sdk initialization. Make sure to supply 'projectId' to <AuthProvider /> component`\n\t\t\t);\n\t\t}\n\t\treturn fn(...args);\n\t};\n\nexport const wrapInTry =\n\t<T extends Array<any>, U>(fn: (...args: T) => U) =>\n\t(...args: T): U => {\n\t\tlet res: U;\n\t\ttry {\n\t\t\tres = fn(...args);\n\t\t} catch (err) {\n\t\t\tconsole.error(err); // eslint-disable-line no-console\n\t\t}\n\t\treturn res;\n\t};\n","import createSdk from '@descope/web-js-sdk';\nimport { wrapInTry } from './utils';\n\ntype Sdk = ReturnType<typeof createSdkWrapper>;\nlet sdkInstance: Sdk;\n\nconst createSdkWrapper = <P extends Parameters<typeof createSdk>[0]>(\n\tconfig: P\n) => {\n\tconst sdk = createSdk({\n\t\t...config,\n\t\tpersistTokens: true,\n\t\tautoRefresh: true\n\t});\n\tsdkInstance = sdk;\n\n\treturn sdk;\n};\n\n/**\n * We want to make sure the getSessionToken fn is used only when persistTokens is on\n *\n * So we are keeping the SDK init in a single place,\n * and we are creating a temp instance in order to export the getSessionToken\n * even before the SDK was init\n */\nsdkInstance = createSdkWrapper({ projectId: 'temp pid' });\n\nexport const getSessionToken = () => sdkInstance?.getSessionToken();\nexport const getJwtPermissions = wrapInTry(\n\t(token = getSessionToken(), tenant?: string) =>\n\t\tsdkInstance?.getJwtPermissions(token, tenant)\n);\nexport const getJwtRoles = wrapInTry(\n\t(token = getSessionToken(), tenant?: string) =>\n\t\tsdkInstance?.getJwtRoles(token, tenant)\n);\nexport const getRefreshToken = () => sdkInstance?.getRefreshToken();\n\nexport default createSdkWrapper;\n","import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport Context from '../../hooks/Context';\nimport { IContext, User } from '../../types';\nimport useSdk from './useSdk';\nimport { withValidation } from '../../utils';\n\ninterface IAuthProviderProps {\n\tprojectId: string;\n\tbaseUrl?: string;\n\t// If true, session token (jwt) will be stored on cookie. Otherwise, the session token will be\n\t// stored on local storage and can accessed with getSessionToken function\n\t// Use this option if session token will stay small (less than 1k)\n\t// NOTE: Session token can grow, especially in cases of using authorization, or adding custom claims\n\tsessionTokenViaCookie?: boolean;\n\tchildren?: JSX.Element;\n}\n\nconst AuthProvider: FC<IAuthProviderProps> = ({\n\tprojectId,\n\tbaseUrl,\n\tsessionTokenViaCookie,\n\tchildren\n}) => {\n\tconst [user, setUser] = useState<User>();\n\tconst [session, setSession] = useState<string>();\n\n\tconst [isUserLoading, setIsUserLoading] = useState(false);\n\tconst [isSessionLoading, setIsSessionLoading] = useState(false);\n\n\tconst sdk = useSdk({ projectId, baseUrl, sessionTokenViaCookie });\n\n\tuseEffect(() => {\n\t\tif (sdk) {\n\t\t\tconst unsubscribeSessionToken = sdk.onSessionTokenChange(setSession);\n\t\t\tconst unsubscribeUser = sdk.onUserChange(setUser);\n\n\t\t\treturn () => {\n\t\t\t\tunsubscribeSessionToken();\n\t\t\t\tunsubscribeUser();\n\t\t\t};\n\t\t}\n\t\treturn undefined;\n\t}, [sdk]);\n\n\tconst fetchSession = useCallback(() => {\n\t\tsetIsSessionLoading(true);\n\t\twithValidation(sdk?.refresh)().then(() => {\n\t\t\tsetIsSessionLoading(false);\n\t\t});\n\t}, [sdk]);\n\n\tconst fetchUser = useCallback(() => {\n\t\tsetIsUserLoading(true);\n\t\twithValidation(sdk.me)().then(() => {\n\t\t\tsetIsUserLoading(false);\n\t\t});\n\t}, [sdk]);\n\n\tconst logoutAll = useCallback(withValidation(sdk?.logoutAll), [sdk]);\n\n\tconst logout = useCallback(withValidation(sdk?.logout), [sdk]);\n\n\tconst value = useMemo<IContext>(\n\t\t() => ({\n\t\t\tfetchUser,\n\t\t\tuser,\n\t\t\tisUserLoading,\n\t\t\tfetchSession,\n\t\t\tsession,\n\t\t\tisSessionLoading,\n\t\t\tlogout,\n\t\t\tlogoutAll,\n\t\t\tprojectId,\n\t\t\tbaseUrl,\n\t\t\tsetUser,\n\t\t\tsetSession,\n\t\t\tsdk\n\t\t}),\n\t\t[\n\t\t\tfetchUser,\n\t\t\tuser,\n\t\t\tisUserLoading,\n\t\t\tfetchSession,\n\t\t\tsession,\n\t\t\tisSessionLoading,\n\t\t\tlogout,\n\t\t\tlogoutAll,\n\t\t\tprojectId,\n\t\t\tbaseUrl,\n\t\t\tsetUser,\n\t\t\tsetSession,\n\t\t\tsdk\n\t\t]\n\t);\n\treturn <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nAuthProvider.defaultProps = {\n\tbaseUrl: '',\n\tchildren: undefined,\n\tsessionTokenViaCookie: false\n};\n\nexport default AuthProvider;\n","import { useMemo } from 'react';\nimport { baseHeaders } from '../../constants';\nimport createSdk from '../../sdk';\n\ntype Config = Pick<\n\tParameters<typeof createSdk>[0],\n\t'projectId' | 'baseUrl' | 'sessionTokenViaCookie'\n>;\n\nexport default ({\n\tprojectId,\n\tbaseUrl,\n\tsessionTokenViaCookie\n}: Config): ReturnType<typeof createSdk> =>\n\tuseMemo(() => {\n\t\tif (!projectId) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn createSdk({\n\t\t\tprojectId,\n\t\t\tbaseUrl,\n\t\t\tsessionTokenViaCookie,\n\t\t\tbaseHeaders,\n\t\t\tpersistToken: true,\n\t\t\tautoRefresh: true\n\t\t});\n\t}, [projectId, baseUrl, sessionTokenViaCookie]);\n","import React, {\n\tlazy,\n\tSuspense,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseState\n} from 'react';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { baseHeaders } from '../constants';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n\tconst module = await import('@descope/web-component');\n\t// we want to override the web-component base headers so we can tell that is was used via the React SDK\n\tmodule.default.sdkConfigOverrides = { baseHeaders };\n\n\treturn {\n\t\tdefault: ({\n\t\t\tprojectId,\n\t\t\tflowId,\n\t\t\tbaseUrl,\n\t\t\tinnerRef,\n\t\t\ttenant,\n\t\t\ttheme,\n\t\t\tdebug,\n\t\t\ttelemetryKey\n\t\t}) => (\n\t\t\t<descope-wc\n\t\t\t\tproject-id={projectId}\n\t\t\t\tflow-id={flowId}\n\t\t\t\tbase-url={baseUrl}\n\t\t\t\tref={innerRef}\n\t\t\t\ttenant={tenant}\n\t\t\t\ttheme={theme}\n\t\t\t\tdebug={debug}\n\t\t\t\ttelemetryKey={telemetryKey}\n\t\t\t/>\n\t\t)\n\t};\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n\t({ flowId, onSuccess, onError, tenant, theme, debug, telemetryKey }, ref) => {\n\t\tconst [innerRef, setInnerRef] = useState(null);\n\n\t\tuseImperativeHandle(ref, () => innerRef);\n\n\t\tconst { projectId, baseUrl, setUser, setSession, sdk } =\n\t\t\tReact.useContext(Context);\n\n\t\tconst handleSuccess = useCallback(\n\t\t\tasync (e: CustomEvent) => {\n\t\t\t\tsetUser(e.detail?.user);\n\t\t\t\tconst sessionJwt = e.detail?.sessionJwt;\n\t\t\t\tsetSession(sessionJwt);\n\t\t\t\t// In order to make sure all the after-hooks are running with the success response\n\t\t\t\t// we are generating a fake response with the success data and calling the http client after hook fn with it\n\t\t\t\tawait sdk.httpClient.hooks.afterRequest(\n\t\t\t\t\t{} as any,\n\t\t\t\t\tnew Response(JSON.stringify(e.detail))\n\t\t\t\t);\n\t\t\t\tif (onSuccess) {\n\t\t\t\t\tonSuccess(e);\n\t\t\t\t}\n\t\t\t},\n\t\t\t[setUser, setSession, onSuccess]\n\t\t);\n\n\t\tuseEffect(() => {\n\t\t\tconst ele = innerRef;\n\t\t\tele?.addEventListener('success', handleSuccess);\n\t\t\tif (onError) ele?.addEventListener('error', onError);\n\n\t\t\treturn () => {\n\t\t\t\tif (onError) ele?.removeEventListener('error', onError);\n\n\t\t\t\tele?.removeEventListener('success', handleSuccess);\n\t\t\t};\n\t\t}, [innerRef, onError, handleSuccess]);\n\n\t\treturn (\n\t\t\t/**\n\t\t\t * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n\t\t\t * this workaround is done in order to support webauthn passkeys\n\t\t\t * it can be removed once this issue will be solved\n\t\t\t * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n\t\t\t */\n\t\t\t<form>\n\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t<DescopeWC\n\t\t\t\t\t\tprojectId={projectId}\n\t\t\t\t\t\tflowId={flowId}\n\t\t\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\t\t\tinnerRef={setInnerRef}\n\t\t\t\t\t\ttenant={tenant}\n\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t\tdebug={debug}\n\t\t\t\t\t\ttelemetryKey={telemetryKey}\n\t\t\t\t\t/>\n\t\t\t\t</Suspense>\n\t\t\t</form>\n\t\t);\n\t}\n);\n\nDescope.defaultProps = {\n\tonError: undefined,\n\tonSuccess: undefined\n};\n\nexport default Descope;\n","import { useContext } from 'react';\nimport Context from './Context';\n\nexport default () => {\n\tconst ctx = useContext(Context);\n\tif (!ctx) {\n\t\tthrow Error(\n\t\t\t`You can only use this hook in the context of <AuthProvider />`\n\t\t);\n\t}\n\n\treturn ctx;\n};\n","import React from 'react';\nimport { DefaultFlowProps } from '../types';\nimport Descope from './Descope';\n\nexport const SignInFlow = (props: DefaultFlowProps) => (\n\t<Descope {...props} flowId=\"sign-in\" />\n);\n\nexport const SignUpFlow = (props: DefaultFlowProps) => (\n\t<Descope {...props} flowId=\"sign-up\" />\n);\n\nexport const SignUpOrInFlow = (props: DefaultFlowProps) => (\n\t<Descope {...props} flowId=\"sign-up-or-in\" />\n);\n","import { useMemo } from 'react';\nimport { IAuth } from '../types';\nimport useContext from './useContext';\n\nconst useDescope = (): IAuth => {\n\tconst { logout, logoutAll } = useContext();\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\tlogoutAll,\n\t\t\tlogout\n\t\t}),\n\t\t[logoutAll, logout]\n\t);\n};\n\nexport default useDescope;\n","import { useEffect, useMemo, useRef } from 'react';\nimport useContext from './useContext';\n\nconst useSession = () => {\n\tconst { session, isSessionLoading, fetchSession } = useContext();\n\n\t// when session should be received, we want the return value of \"isSessionLoading\" to be true starting from the first call\n\t// (and not only when receiving an update from the context)\n\tconst isLoading = useRef(isSessionLoading);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tisLoading.current = isSessionLoading;\n\t}, [isSessionLoading]);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tif (!session && !isSessionLoading) {\n\t\t\tisLoading.current = true;\n\t\t}\n\t}, [fetchSession]);\n\n\tuseEffect(() => {\n\t\tif (!session && !isSessionLoading) {\n\t\t\tfetchSession();\n\t\t}\n\t}, [fetchSession]);\n\n\treturn {\n\t\tisSessionLoading: isLoading.current,\n\t\tsessionToken: session,\n\t\tisAuthenticated: !!session\n\t};\n};\n\nexport default useSession;\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport useContext from './useContext';\n\nconst useUser = () => {\n\tconst { user, fetchUser, isUserLoading, session } = useContext();\n\tconst [isInit, setIsInit] = useState(false); // we want to get the user only in the first time we got a session\n\n\t// when session should be received, we want the return value of \"isUserLoading\" to be true starting from the first call\n\t// (and not only when receiving an update from the context)\n\tconst isLoading = useRef(isUserLoading);\n\n\tconst shouldFetchUser = useMemo(\n\t\t() => !user && !isUserLoading && session && !isInit,\n\t\t[fetchUser, session, isInit]\n\t);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tisLoading.current = isUserLoading;\n\t}, [isUserLoading]);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tif (shouldFetchUser) {\n\t\t\tisLoading.current = true;\n\t\t}\n\t}, [shouldFetchUser]);\n\n\tuseEffect(() => {\n\t\tif (shouldFetchUser) {\n\t\t\tsetIsInit(true);\n\t\t\tfetchUser();\n\t\t}\n\t}, [shouldFetchUser]);\n\n\treturn { isUserLoading: isLoading.current, user };\n};\n\nexport default useUser;\n"],"names":["Context","React","createContext","undefined","baseHeaders","withValidation","fn","args","Error","wrapInTry","res","err","console","error","sdkInstance","createSdkWrapper","config","sdk","createSdk","persistTokens","autoRefresh","projectId","getSessionToken","getJwtPermissions","token","tenant","getJwtRoles","AuthProvider","baseUrl","sessionTokenViaCookie","children","user","setUser","useState","session","setSession","isUserLoading","setIsUserLoading","isSessionLoading","setIsSessionLoading","useMemo","persistToken","useSdk","useEffect","unsubscribeSessionToken","onSessionTokenChange","unsubscribeUser","onUserChange","fetchSession","useCallback","refresh","then","fetchUser","me","logoutAll","logout","value","createElement","Provider","defaultProps","DescopeWC","lazy","async","Promise","resolve","_interopNamespace","require","default","sdkConfigOverrides","flowId","innerRef","theme","debug","telemetryKey","ref","Descope","forwardRef","onSuccess","onError","setInnerRef","useImperativeHandle","useContext","handleSuccess","e","detail","sessionJwt","httpClient","hooks","afterRequest","Response","JSON","stringify","ele","addEventListener","removeEventListener","Suspense","fallback","ctx","props","getRefreshToken","isLoading","useRef","current","sessionToken","isAuthenticated","isInit","setIsInit","shouldFetchUser"],"mappings":"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"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/index.d.ts

@@ -1,15 +1,590 @@
 /// <reference types="react" />
 import React, { FC, DOMAttributes } from 'react';
 import DescopeWc from '@descope/web-component';
-import createSdk from '@descope/web-js-sdk';
+import * as _descope_core_js_sdk from '@descope/core-js-sdk';
 
 interface IAuthProviderProps {
     projectId: string;
     baseUrl?: string;
+    sessionTokenViaCookie?: boolean;
     children?: JSX.Element;
 }
 declare const AuthProvider: FC<IAuthProviderProps>;
 
+declare const createSdkWrapper: <P extends Omit<{
+    projectId: string;
+    logger?: {
+        debug: {
+            (...data: any[]): void;
+            (message?: any, ...optionalParams: any[]): void;
+        };
+        log: {
+            (...data: any[]): void;
+            (message?: any, ...optionalParams: any[]): void;
+        };
+        error: {
+            (...data: any[]): void;
+            (message?: any, ...optionalParams: any[]): void;
+        };
+        warn: {
+            (...data: any[]): void;
+            (message?: any, ...optionalParams: any[]): void;
+        };
+    };
+    baseUrl?: string;
+    hooks?: {
+        beforeRequest?: (config: _descope_core_js_sdk.RequestConfig) => _descope_core_js_sdk.RequestConfig;
+        afterRequest?: (req: _descope_core_js_sdk.RequestConfig, res: Response) => void | Promise<void>;
+    };
+    cookiePolicy?: RequestCredentials;
+    baseHeaders?: HeadersInit;
+}, "hooks"> & {
+    hooks?: {
+        beforeRequest?: ((config: _descope_core_js_sdk.RequestConfig) => _descope_core_js_sdk.RequestConfig) | ((config: _descope_core_js_sdk.RequestConfig) => _descope_core_js_sdk.RequestConfig)[];
+        afterRequest?: ((req: _descope_core_js_sdk.RequestConfig, res: Response) => void | Promise<void>) | ((req: _descope_core_js_sdk.RequestConfig, res: Response) => void | Promise<void>)[];
+    };
+} & {
+    fpKey?: string;
+    fpLoad?: boolean;
+} & {
+    autoRefresh?: boolean;
+} & {
+    persistTokens?: boolean;
+    sessionTokenViaCookie?: boolean;
+}>(config: P) => (({
+    flow: {
+        start: (flowId: string, options?: {
+            tenant?: string;
+        }, interactionId?: string, input?: {
+            [x: string]: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any[])[])[])[])[])[])[])[])[])[])[];
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.FlowResponse>>;
+        next: (executionId: string, stepId: string, interactionId: string, input?: {
+            [x: string]: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any[])[])[])[])[])[])[])[])[])[])[];
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.FlowResponse>>;
+    };
+    webauthn: {
+        signUp: ((identifier: string, name: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>) & {
+            start: (loginId: string, origin: string, name: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+            finish: (transactionId: string, response: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        };
+        signIn: ((identifier: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>) & {
+            start: (loginId: string, origin: string, loginOptions?: {
+                stepup?: boolean;
+                mfa?: boolean;
+                customClaims?: Record<string, any>;
+            }, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+            finish: (transactionId: string, response: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        };
+        signUpOrIn: ((identifier: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>) & {
+            start: (loginId: string, origin: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+        };
+        update: ((identifier: string, token: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.ResponseData>>) & {
+            start: (loginId: string, origin: string, token: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+            finish: (transactionId: string, response: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.ResponseData>>;
+        };
+        helpers: {
+            create: (options: string) => Promise<string>;
+            get: (options: string) => Promise<string>;
+            isSupported: (requirePlatformAuthenticator?: boolean) => Promise<boolean>;
+            conditional: (options: string, abort: AbortController) => Promise<string>;
+        };
+    };
+    accessKey: {
+        exchange: (accessKey: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.ExchangeAccessKeyResponse>>;
+    };
+    otp: {
+        verify: {
+            email: (loginId: string, code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+            sms: (loginId: string, code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+            whatsapp: (loginId: string, code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        };
+        signIn: {
+            email: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUp: {
+            email: (loginId: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUpOrIn: {
+            email: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        update: {
+            email: (loginId: string, email: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            phone: {
+                email: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                sms: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                whatsapp: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            };
+        };
+    };
+    magicLink: {
+        verify: (token: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        signIn: {
+            email: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUp: {
+            email: (loginId: string, uri: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, uri: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, uri: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUpOrIn: {
+            email: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        update: {
+            email: (loginId: string, email: string, uri: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            phone: {
+                email: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                sms: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                whatsapp: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            };
+        };
+    };
+    enchantedLink: {
+        verify: (token: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        signIn: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        signUpOrIn: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        signUp: (loginId: string, uri: string, user?: {
+            email?: string;
+            name?: string;
+            phone?: string;
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        waitForSession: (pendingRef: string, config?: {
+            pollingIntervalMs: number;
+            timeoutMs: number;
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        update: {
+            email: (loginId: string, email: string, uri: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        };
+    };
+    oauth: {
+        start: {
+            facebook: <B extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B) => Promise<B extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            github: <B_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_1) => Promise<B_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            google: <B_2 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_2) => Promise<B_2 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            microsoft: <B_3 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_3) => Promise<B_3 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            gitlab: <B_4 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_4) => Promise<B_4 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            apple: <B_5 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_5) => Promise<B_5 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            discord: <B_6 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_6) => Promise<B_6 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            linkedin: <B_7 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_7) => Promise<B_7 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+        };
+        exchange: (code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+    };
+    saml: {
+        start: <B_1_1 extends {
+            redirect: boolean;
+        }>(tenantNameOrEmail: string, config?: B_1_1) => Promise<B_1_1 extends {
+            redirect: true;
+        } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+        exchange: (code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+    };
+    totp: {
+        signUp: (loginId: string, user?: {
+            email?: string;
+            name?: string;
+            phone?: string;
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.TOTPResponse>>;
+        verify: (loginId: string, code: string, loginOptions?: {
+            stepup?: boolean;
+            mfa?: boolean;
+            customClaims?: Record<string, any>;
+        }, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        update: (loginId: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.TOTPResponse>>;
+    };
+    refresh: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+    logout: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+    logoutAll: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+    me: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.UserResponse>>;
+    isJwtExpired: (token: string) => boolean;
+    getJwtPermissions: (token: string, tenant?: string) => string[];
+    getJwtRoles: (token: string, tenant?: string) => string[];
+    httpClient: {
+        get: (path: string, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        post: (path: string, body?: any, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        put: (path: string, body?: any, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        delete: (path: string, body?: any, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        hooks?: {
+            beforeRequest?: (config: _descope_core_js_sdk.RequestConfig) => _descope_core_js_sdk.RequestConfig;
+            afterRequest?: (req: _descope_core_js_sdk.RequestConfig, res: Response) => void | Promise<void>;
+        };
+    };
+} | {
+    flow: {
+        start: (flowId: string, options?: {
+            tenant?: string;
+        }, interactionId?: string, input?: {
+            [x: string]: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any[])[])[])[])[])[])[])[])[])[])[];
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.FlowResponse>>;
+        next: (executionId: string, stepId: string, interactionId: string, input?: {
+            [x: string]: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any[])[])[])[])[])[])[])[])[])[])[];
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.FlowResponse>>;
+    };
+    webauthn: {
+        signUp: ((identifier: string, name: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>) & {
+            start: (loginId: string, origin: string, name: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+            finish: (transactionId: string, response: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        };
+        signIn: ((identifier: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>) & {
+            start: (loginId: string, origin: string, loginOptions?: {
+                stepup?: boolean;
+                mfa?: boolean;
+                customClaims?: Record<string, any>;
+            }, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+            finish: (transactionId: string, response: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        };
+        signUpOrIn: ((identifier: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>) & {
+            start: (loginId: string, origin: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+        };
+        update: ((identifier: string, token: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.ResponseData>>) & {
+            start: (loginId: string, origin: string, token: string) => Promise<_descope_core_js_sdk.SdkResponse<{
+                transactionId: string;
+                options: string;
+                create: boolean;
+            }>>;
+            finish: (transactionId: string, response: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.ResponseData>>;
+        };
+        helpers: {
+            create: (options: string) => Promise<string>;
+            get: (options: string) => Promise<string>;
+            isSupported: (requirePlatformAuthenticator?: boolean) => Promise<boolean>;
+            conditional: (options: string, abort: AbortController) => Promise<string>;
+        };
+    };
+    accessKey: {
+        exchange: (accessKey: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.ExchangeAccessKeyResponse>>;
+    };
+    otp: {
+        verify: {
+            email: (loginId: string, code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+            sms: (loginId: string, code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+            whatsapp: (loginId: string, code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        };
+        signIn: {
+            email: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUp: {
+            email: (loginId: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUpOrIn: {
+            email: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        update: {
+            email: (loginId: string, email: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            phone: {
+                email: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                sms: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                whatsapp: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            };
+        };
+    };
+    magicLink: {
+        verify: (token: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        signIn: {
+            email: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUp: {
+            email: (loginId: string, uri: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, uri: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, uri: string, user?: {
+                email?: string;
+                name?: string;
+                phone?: string;
+            }) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        signUpOrIn: {
+            email: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            sms: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            whatsapp: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        };
+        update: {
+            email: (loginId: string, email: string, uri: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            phone: {
+                email: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                sms: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+                whatsapp: (loginId: string, phone: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+            };
+        };
+    };
+    enchantedLink: {
+        verify: (token: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+        signIn: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        signUpOrIn: (loginId: string, uri: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        signUp: (loginId: string, uri: string, user?: {
+            email?: string;
+            name?: string;
+            phone?: string;
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        waitForSession: (pendingRef: string, config?: {
+            pollingIntervalMs: number;
+            timeoutMs: number;
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        update: {
+            email: (loginId: string, email: string, uri: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.EnchantedLinkResponse>>;
+        };
+    };
+    oauth: {
+        start: {
+            facebook: <B_8 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_8) => Promise<B_8 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            github: <B_1_2 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_1_2) => Promise<B_1_2 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            google: <B_2_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_2_1) => Promise<B_2_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            microsoft: <B_3_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_3_1) => Promise<B_3_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            gitlab: <B_4_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_4_1) => Promise<B_4_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            apple: <B_5_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_5_1) => Promise<B_5_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            discord: <B_6_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_6_1) => Promise<B_6_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+            linkedin: <B_7_1 extends {
+                redirect: boolean;
+            }>(redirectURL?: string, config?: B_7_1) => Promise<B_7_1 extends {
+                redirect: true;
+            } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+        };
+        exchange: (code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+    };
+    saml: {
+        start: <B_1_3 extends {
+            redirect: boolean;
+        }>(tenantNameOrEmail: string, config?: B_1_3) => Promise<B_1_3 extends {
+            redirect: true;
+        } ? undefined : _descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.URLResponse>>;
+        exchange: (code: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+    };
+    totp: {
+        signUp: (loginId: string, user?: {
+            email?: string;
+            name?: string;
+            phone?: string;
+        }) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.TOTPResponse>>;
+        verify: (loginId: string, code: string, loginOptions?: {
+            stepup?: boolean;
+            mfa?: boolean;
+            customClaims?: Record<string, any>;
+        }, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+        update: (loginId: string, token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.TOTPResponse>>;
+    };
+    refresh: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.JWTResponse>>;
+    logout: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+    logoutAll: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<never>>;
+    me: (token?: string) => Promise<_descope_core_js_sdk.SdkResponse<_descope_core_js_sdk.UserResponse>>;
+    isJwtExpired: (token: string) => boolean;
+    getJwtPermissions: (token: string, tenant?: string) => string[];
+    getJwtRoles: (token: string, tenant?: string) => string[];
+    httpClient: {
+        get: (path: string, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        post: (path: string, body?: any, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        put: (path: string, body?: any, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        delete: (path: string, body?: any, config?: {
+            headers?: HeadersInit;
+            queryParams?: {
+                [key: string]: string;
+            };
+            token?: string;
+        }) => Promise<Response>;
+        hooks?: {
+            beforeRequest?: (config: _descope_core_js_sdk.RequestConfig) => _descope_core_js_sdk.RequestConfig;
+            afterRequest?: (req: _descope_core_js_sdk.RequestConfig, res: Response) => void | Promise<void>;
+        };
+    };
+}) & {
+    onSessionTokenChange: (cb: (data: string) => void) => () => any[];
+    onUserChange: (cb: (data: _descope_core_js_sdk.UserResponse) => void) => () => any[];
+}) & {
+    getRefreshToken: () => string;
+    getSessionToken: () => string;
+};
+declare const getSessionToken: () => string;
+declare const getJwtPermissions: (token?: any, tenant?: string) => string[];
+declare const getJwtRoles: (token?: any, tenant?: string) => string[];
+declare const getRefreshToken: () => string;
+
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -17,51 +592,30 @@ declare global {
         }
     }
 }
-declare type Sdk = ReturnType<typeof createSdk>;
-declare type CustomEvents<K extends string> = {
+type Sdk = ReturnType<typeof createSdkWrapper>;
+type CustomEvents<K extends string> = {
     [key in K]: (event: CustomEvent) => void;
 };
-declare type CustomElement<T, K extends string = ''> = Partial<T & DOMAttributes<T> & {
+type CustomElement<T, K extends string = ''> = Partial<T & DOMAttributes<T> & {
     children: React.ReactChild;
     ref: React.Ref<HTMLElement>;
 } & CustomEvents<`on${K}`>>;
-declare type DescopeCustomElement = CustomElement<DescopeWc, 'success' | 'error'>;
-declare enum UserStatus {
-    enabled = "enabled",
-    disabled = "disabled",
-    invited = "invited",
-    unknown = "unknown"
-}
-interface IExternalID {
-    id: string;
-    type?: string;
-}
-interface User {
-    externalIDs?: IExternalID[];
-    displayName?: string;
-    project?: string;
-    logoutTime?: number;
-    createTime?: number;
-    email?: string;
-    phoneNumber?: string;
-    status?: UserStatus;
-    verifiedEmail?: boolean;
-    verifiedPhone?: boolean;
-    tenants?: string[];
-}
+type DescopeCustomElement = CustomElement<DescopeWc, 'success' | 'error'>;
 interface IAuth {
-    authenticated: boolean;
-    user?: User;
-    sessionToken?: string;
+    logoutAll: Sdk['logoutAll'];
     logout: Sdk['logout'];
-    me: Sdk['me'];
 }
+type DescopeTheme = 'light' | 'dark';
 interface DescopeProps {
     flowId: string;
     onSuccess?: DescopeCustomElement['onsuccess'];
     onError?: DescopeCustomElement['onerror'];
+    tenant?: string;
+    theme?: DescopeTheme;
+    debug?: boolean;
+    telemetryKey?: string;
 }
-declare type DefaultFlowProps = Omit<DescopeProps, 'flowId'>;
+type DefaultFlowProps = Omit<DescopeProps, 'flowId'>;
 
 declare const SignInFlow: (props: DefaultFlowProps) => JSX.Element;
 declare const SignUpFlow: (props: DefaultFlowProps) => JSX.Element;
@@ -69,6 +623,17 @@ declare const SignUpOrInFlow: (props: DefaultFlowProps) => JSX.Element;
 
 declare const Descope: React.ForwardRefExoticComponent<DescopeProps & React.RefAttributes<HTMLElement>>;
 
-declare const useAuth: () => IAuth;
+declare const useDescope: () => IAuth;
+
+declare const useSession: () => {
+    isSessionLoading: boolean;
+    sessionToken: string;
+    isAuthenticated: boolean;
+};
+
+declare const useUser: () => {
+    isUserLoading: boolean;
+    user: _descope_core_js_sdk.UserResponse;
+};
 
-export { AuthProvider, Descope, SignInFlow, SignUpFlow, SignUpOrInFlow, useAuth };
+export { AuthProvider, Descope, SignInFlow, SignUpFlow, SignUpOrInFlow, getJwtPermissions, getJwtRoles, getRefreshToken, getSessionToken, useDescope, useSession, useUser };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+import e,{useMemo as t,useState as o,useEffect as s,useCallback as r,lazy as n,useImperativeHandle as i,Suspense as c,useContext as a,useRef as l}from"react";import d from"@descope/web-js-sdk";const u=e.createContext(void 0),f={"x-descope-sdk-name":"react","x-descope-sdk-version":"0.0.55"},p=e=>(...t)=>{if(!e)throw Error("You can only use this function after sdk initialization. Make sure to supply 'projectId' to <AuthProvider /> component");return e(...t)},h=e=>(...t)=>{let o;try{o=e(...t)}catch(e){console.error(e)}return o};let m;const g=e=>{const t=d({...e,persistTokens:!0,autoRefresh:!0});return m=t,t};m=g({projectId:"temp pid"});const k=()=>m?.getSessionToken(),b=h(((e=k(),t)=>m?.getJwtPermissions(e,t))),w=h(((e=k(),t)=>m?.getJwtRoles(e,t))),v=()=>m?.getRefreshToken();const U=({projectId:n,baseUrl:i,sessionTokenViaCookie:c,children:a})=>{const[l,d]=o(),[h,m]=o(),[k,b]=o(!1),[w,v]=o(!1),U=(({projectId:e,baseUrl:o,sessionTokenViaCookie:s})=>t((()=>{if(e)return g({projectId:e,baseUrl:o,sessionTokenViaCookie:s,baseHeaders:f,persistToken:!0,autoRefresh:!0})}),[e,o,s]))({projectId:n,baseUrl:i,sessionTokenViaCookie:c});s((()=>{if(U){const e=U.onSessionTokenChange(m),t=U.onUserChange(d);return()=>{e(),t()}}}),[U]);const E=r((()=>{v(!0),p(U?.refresh)().then((()=>{v(!1)}))}),[U]),I=r((()=>{b(!0),p(U.me)().then((()=>{b(!1)}))}),[U]),y=r(p(U?.logoutAll),[U]),j=r(p(U?.logout),[U]),C=t((()=>({fetchUser:I,user:l,isUserLoading:k,fetchSession:E,session:h,isSessionLoading:w,logout:j,logoutAll:y,projectId:n,baseUrl:i,setUser:d,setSession:m,sdk:U})),[I,l,k,E,h,w,j,y,n,i,d,m,U]);return e.createElement(u.Provider,{value:C},a)};U.defaultProps={baseUrl:"",children:void 0,sessionTokenViaCookie:!1};const E=n((async()=>((await import("@descope/web-component")).default.sdkConfigOverrides={baseHeaders:f},{default:({projectId:t,flowId:o,baseUrl:s,innerRef:r,tenant:n,theme:i,debug:c,telemetryKey:a})=>e.createElement("descope-wc",{"project-id":t,"flow-id":o,"base-url":s,ref:r,tenant:n,theme:i,debug:c,telemetryKey:a})}))),I=e.forwardRef((({flowId:t,onSuccess:n,onError:a,tenant:l,theme:d,debug:f,telemetryKey:p},h)=>{const[m,g]=o(null);i(h,(()=>m));const{projectId:k,baseUrl:b,setUser:w,setSession:v,sdk:U}=e.useContext(u),I=r((async e=>{w(e.detail?.user);const t=e.detail?.sessionJwt;v(t),await U.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),n&&n(e)}),[w,v,n]);return s((()=>{const e=m;return e?.addEventListener("success",I),a&&e?.addEventListener("error",a),()=>{a&&e?.removeEventListener("error",a),e?.removeEventListener("success",I)}}),[m,a,I]),e.createElement("form",null,e.createElement(c,{fallback:null},e.createElement(E,{projectId:k,flowId:t,baseUrl:b,innerRef:g,tenant:l,theme:d,debug:f,telemetryKey:p})))}));I.defaultProps={onError:void 0,onSuccess:void 0};const y=t=>e.createElement(I,{...t,flowId:"sign-in"}),j=t=>e.createElement(I,{...t,flowId:"sign-up"}),C=t=>e.createElement(I,{...t,flowId:"sign-up-or-in"});var S=()=>{const e=a(u);if(!e)throw Error("You can only use this hook in the context of <AuthProvider />");return e};const T=()=>{const{logout:e,logoutAll:o}=S();return t((()=>({logoutAll:o,logout:e})),[o,e])},L=()=>{const{session:e,isSessionLoading:o,fetchSession:r}=S(),n=l(o);return t((()=>{n.current=o}),[o]),t((()=>{e||o||(n.current=!0)}),[r]),s((()=>{e||o||r()}),[r]),{isSessionLoading:n.current,sessionToken:e,isAuthenticated:!!e}},R=()=>{const{user:e,fetchUser:r,isUserLoading:n,session:i}=S(),[c,a]=o(!1),d=l(n),u=t((()=>!e&&!n&&i&&!c),[r,i,c]);return t((()=>{d.current=n}),[n]),t((()=>{u&&(d.current=!0)}),[u]),s((()=>{u&&(a(!0),r())}),[u]),{isUserLoading:d.current,user:e}};export{U as AuthProvider,I as Descope,y as SignInFlow,j as SignUpFlow,C as SignUpOrInFlow,b as getJwtPermissions,w as getJwtRoles,v as getRefreshToken,k as getSessionToken,T as useDescope,L as useSession,R as useUser};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/lib/hooks/Context.ts","../src/lib/constants.ts","../src/lib/utils.ts","../src/lib/sdk.ts","../src/lib/components/AuthProvider/AuthProvider.tsx","../src/lib/components/AuthProvider/useSdk.ts","../src/lib/components/Descope.tsx","../src/lib/components/DefaultFlows.tsx","../src/lib/hooks/useContext.ts","../src/lib/hooks/useDescope.ts","../src/lib/hooks/useSession.ts","../src/lib/hooks/useUser.ts"],"sourcesContent":["import React from 'react';\nimport { IContext } from '../types';\n\nconst Context = React.createContext<IContext>(undefined);\n\nexport default Context;\n","declare const BUILD_VERSION: string;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const baseHeaders = {\n\t'x-descope-sdk-name': 'react',\n\t'x-descope-sdk-version': BUILD_VERSION\n};\n","/**\n * Wrap a function with a validation that it exists\n * @param fn The function to wrap with the validation\n * @throws if function does not exist, an error with the relevant message will be thrown\n */\nexport const withValidation =\n\t<T extends Array<any>, U>(fn: (...args: T) => U) =>\n\t(...args: T): U => {\n\t\tif (!fn) {\n\t\t\tthrow Error(\n\t\t\t\t`You can only use this function after sdk initialization. Make sure to supply 'projectId' to <AuthProvider /> component`\n\t\t\t);\n\t\t}\n\t\treturn fn(...args);\n\t};\n\nexport const wrapInTry =\n\t<T extends Array<any>, U>(fn: (...args: T) => U) =>\n\t(...args: T): U => {\n\t\tlet res: U;\n\t\ttry {\n\t\t\tres = fn(...args);\n\t\t} catch (err) {\n\t\t\tconsole.error(err); // eslint-disable-line no-console\n\t\t}\n\t\treturn res;\n\t};\n","import createSdk from '@descope/web-js-sdk';\nimport { wrapInTry } from './utils';\n\ntype Sdk = ReturnType<typeof createSdkWrapper>;\nlet sdkInstance: Sdk;\n\nconst createSdkWrapper = <P extends Parameters<typeof createSdk>[0]>(\n\tconfig: P\n) => {\n\tconst sdk = createSdk({\n\t\t...config,\n\t\tpersistTokens: true,\n\t\tautoRefresh: true\n\t});\n\tsdkInstance = sdk;\n\n\treturn sdk;\n};\n\n/**\n * We want to make sure the getSessionToken fn is used only when persistTokens is on\n *\n * So we are keeping the SDK init in a single place,\n * and we are creating a temp instance in order to export the getSessionToken\n * even before the SDK was init\n */\nsdkInstance = createSdkWrapper({ projectId: 'temp pid' });\n\nexport const getSessionToken = () => sdkInstance?.getSessionToken();\nexport const getJwtPermissions = wrapInTry(\n\t(token = getSessionToken(), tenant?: string) =>\n\t\tsdkInstance?.getJwtPermissions(token, tenant)\n);\nexport const getJwtRoles = wrapInTry(\n\t(token = getSessionToken(), tenant?: string) =>\n\t\tsdkInstance?.getJwtRoles(token, tenant)\n);\nexport const getRefreshToken = () => sdkInstance?.getRefreshToken();\n\nexport default createSdkWrapper;\n","import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport Context from '../../hooks/Context';\nimport { IContext, User } from '../../types';\nimport useSdk from './useSdk';\nimport { withValidation } from '../../utils';\n\ninterface IAuthProviderProps {\n\tprojectId: string;\n\tbaseUrl?: string;\n\t// If true, session token (jwt) will be stored on cookie. Otherwise, the session token will be\n\t// stored on local storage and can accessed with getSessionToken function\n\t// Use this option if session token will stay small (less than 1k)\n\t// NOTE: Session token can grow, especially in cases of using authorization, or adding custom claims\n\tsessionTokenViaCookie?: boolean;\n\tchildren?: JSX.Element;\n}\n\nconst AuthProvider: FC<IAuthProviderProps> = ({\n\tprojectId,\n\tbaseUrl,\n\tsessionTokenViaCookie,\n\tchildren\n}) => {\n\tconst [user, setUser] = useState<User>();\n\tconst [session, setSession] = useState<string>();\n\n\tconst [isUserLoading, setIsUserLoading] = useState(false);\n\tconst [isSessionLoading, setIsSessionLoading] = useState(false);\n\n\tconst sdk = useSdk({ projectId, baseUrl, sessionTokenViaCookie });\n\n\tuseEffect(() => {\n\t\tif (sdk) {\n\t\t\tconst unsubscribeSessionToken = sdk.onSessionTokenChange(setSession);\n\t\t\tconst unsubscribeUser = sdk.onUserChange(setUser);\n\n\t\t\treturn () => {\n\t\t\t\tunsubscribeSessionToken();\n\t\t\t\tunsubscribeUser();\n\t\t\t};\n\t\t}\n\t\treturn undefined;\n\t}, [sdk]);\n\n\tconst fetchSession = useCallback(() => {\n\t\tsetIsSessionLoading(true);\n\t\twithValidation(sdk?.refresh)().then(() => {\n\t\t\tsetIsSessionLoading(false);\n\t\t});\n\t}, [sdk]);\n\n\tconst fetchUser = useCallback(() => {\n\t\tsetIsUserLoading(true);\n\t\twithValidation(sdk.me)().then(() => {\n\t\t\tsetIsUserLoading(false);\n\t\t});\n\t}, [sdk]);\n\n\tconst logoutAll = useCallback(withValidation(sdk?.logoutAll), [sdk]);\n\n\tconst logout = useCallback(withValidation(sdk?.logout), [sdk]);\n\n\tconst value = useMemo<IContext>(\n\t\t() => ({\n\t\t\tfetchUser,\n\t\t\tuser,\n\t\t\tisUserLoading,\n\t\t\tfetchSession,\n\t\t\tsession,\n\t\t\tisSessionLoading,\n\t\t\tlogout,\n\t\t\tlogoutAll,\n\t\t\tprojectId,\n\t\t\tbaseUrl,\n\t\t\tsetUser,\n\t\t\tsetSession,\n\t\t\tsdk\n\t\t}),\n\t\t[\n\t\t\tfetchUser,\n\t\t\tuser,\n\t\t\tisUserLoading,\n\t\t\tfetchSession,\n\t\t\tsession,\n\t\t\tisSessionLoading,\n\t\t\tlogout,\n\t\t\tlogoutAll,\n\t\t\tprojectId,\n\t\t\tbaseUrl,\n\t\t\tsetUser,\n\t\t\tsetSession,\n\t\t\tsdk\n\t\t]\n\t);\n\treturn <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nAuthProvider.defaultProps = {\n\tbaseUrl: '',\n\tchildren: undefined,\n\tsessionTokenViaCookie: false\n};\n\nexport default AuthProvider;\n","import { useMemo } from 'react';\nimport { baseHeaders } from '../../constants';\nimport createSdk from '../../sdk';\n\ntype Config = Pick<\n\tParameters<typeof createSdk>[0],\n\t'projectId' | 'baseUrl' | 'sessionTokenViaCookie'\n>;\n\nexport default ({\n\tprojectId,\n\tbaseUrl,\n\tsessionTokenViaCookie\n}: Config): ReturnType<typeof createSdk> =>\n\tuseMemo(() => {\n\t\tif (!projectId) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn createSdk({\n\t\t\tprojectId,\n\t\t\tbaseUrl,\n\t\t\tsessionTokenViaCookie,\n\t\t\tbaseHeaders,\n\t\t\tpersistToken: true,\n\t\t\tautoRefresh: true\n\t\t});\n\t}, [projectId, baseUrl, sessionTokenViaCookie]);\n","import React, {\n\tlazy,\n\tSuspense,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseState\n} from 'react';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { baseHeaders } from '../constants';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n\tconst module = await import('@descope/web-component');\n\t// we want to override the web-component base headers so we can tell that is was used via the React SDK\n\tmodule.default.sdkConfigOverrides = { baseHeaders };\n\n\treturn {\n\t\tdefault: ({\n\t\t\tprojectId,\n\t\t\tflowId,\n\t\t\tbaseUrl,\n\t\t\tinnerRef,\n\t\t\ttenant,\n\t\t\ttheme,\n\t\t\tdebug,\n\t\t\ttelemetryKey\n\t\t}) => (\n\t\t\t<descope-wc\n\t\t\t\tproject-id={projectId}\n\t\t\t\tflow-id={flowId}\n\t\t\t\tbase-url={baseUrl}\n\t\t\t\tref={innerRef}\n\t\t\t\ttenant={tenant}\n\t\t\t\ttheme={theme}\n\t\t\t\tdebug={debug}\n\t\t\t\ttelemetryKey={telemetryKey}\n\t\t\t/>\n\t\t)\n\t};\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n\t({ flowId, onSuccess, onError, tenant, theme, debug, telemetryKey }, ref) => {\n\t\tconst [innerRef, setInnerRef] = useState(null);\n\n\t\tuseImperativeHandle(ref, () => innerRef);\n\n\t\tconst { projectId, baseUrl, setUser, setSession, sdk } =\n\t\t\tReact.useContext(Context);\n\n\t\tconst handleSuccess = useCallback(\n\t\t\tasync (e: CustomEvent) => {\n\t\t\t\tsetUser(e.detail?.user);\n\t\t\t\tconst sessionJwt = e.detail?.sessionJwt;\n\t\t\t\tsetSession(sessionJwt);\n\t\t\t\t// In order to make sure all the after-hooks are running with the success response\n\t\t\t\t// we are generating a fake response with the success data and calling the http client after hook fn with it\n\t\t\t\tawait sdk.httpClient.hooks.afterRequest(\n\t\t\t\t\t{} as any,\n\t\t\t\t\tnew Response(JSON.stringify(e.detail))\n\t\t\t\t);\n\t\t\t\tif (onSuccess) {\n\t\t\t\t\tonSuccess(e);\n\t\t\t\t}\n\t\t\t},\n\t\t\t[setUser, setSession, onSuccess]\n\t\t);\n\n\t\tuseEffect(() => {\n\t\t\tconst ele = innerRef;\n\t\t\tele?.addEventListener('success', handleSuccess);\n\t\t\tif (onError) ele?.addEventListener('error', onError);\n\n\t\t\treturn () => {\n\t\t\t\tif (onError) ele?.removeEventListener('error', onError);\n\n\t\t\t\tele?.removeEventListener('success', handleSuccess);\n\t\t\t};\n\t\t}, [innerRef, onError, handleSuccess]);\n\n\t\treturn (\n\t\t\t/**\n\t\t\t * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n\t\t\t * this workaround is done in order to support webauthn passkeys\n\t\t\t * it can be removed once this issue will be solved\n\t\t\t * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n\t\t\t */\n\t\t\t<form>\n\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t<DescopeWC\n\t\t\t\t\t\tprojectId={projectId}\n\t\t\t\t\t\tflowId={flowId}\n\t\t\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\t\t\tinnerRef={setInnerRef}\n\t\t\t\t\t\ttenant={tenant}\n\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t\tdebug={debug}\n\t\t\t\t\t\ttelemetryKey={telemetryKey}\n\t\t\t\t\t/>\n\t\t\t\t</Suspense>\n\t\t\t</form>\n\t\t);\n\t}\n);\n\nDescope.defaultProps = {\n\tonError: undefined,\n\tonSuccess: undefined\n};\n\nexport default Descope;\n","import React from 'react';\nimport { DefaultFlowProps } from '../types';\nimport Descope from './Descope';\n\nexport const SignInFlow = (props: DefaultFlowProps) => (\n\t<Descope {...props} flowId=\"sign-in\" />\n);\n\nexport const SignUpFlow = (props: DefaultFlowProps) => (\n\t<Descope {...props} flowId=\"sign-up\" />\n);\n\nexport const SignUpOrInFlow = (props: DefaultFlowProps) => (\n\t<Descope {...props} flowId=\"sign-up-or-in\" />\n);\n","import { useContext } from 'react';\nimport Context from './Context';\n\nexport default () => {\n\tconst ctx = useContext(Context);\n\tif (!ctx) {\n\t\tthrow Error(\n\t\t\t`You can only use this hook in the context of <AuthProvider />`\n\t\t);\n\t}\n\n\treturn ctx;\n};\n","import { useMemo } from 'react';\nimport { IAuth } from '../types';\nimport useContext from './useContext';\n\nconst useDescope = (): IAuth => {\n\tconst { logout, logoutAll } = useContext();\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\tlogoutAll,\n\t\t\tlogout\n\t\t}),\n\t\t[logoutAll, logout]\n\t);\n};\n\nexport default useDescope;\n","import { useEffect, useMemo, useRef } from 'react';\nimport useContext from './useContext';\n\nconst useSession = () => {\n\tconst { session, isSessionLoading, fetchSession } = useContext();\n\n\t// when session should be received, we want the return value of \"isSessionLoading\" to be true starting from the first call\n\t// (and not only when receiving an update from the context)\n\tconst isLoading = useRef(isSessionLoading);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tisLoading.current = isSessionLoading;\n\t}, [isSessionLoading]);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tif (!session && !isSessionLoading) {\n\t\t\tisLoading.current = true;\n\t\t}\n\t}, [fetchSession]);\n\n\tuseEffect(() => {\n\t\tif (!session && !isSessionLoading) {\n\t\t\tfetchSession();\n\t\t}\n\t}, [fetchSession]);\n\n\treturn {\n\t\tisSessionLoading: isLoading.current,\n\t\tsessionToken: session,\n\t\tisAuthenticated: !!session\n\t};\n};\n\nexport default useSession;\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport useContext from './useContext';\n\nconst useUser = () => {\n\tconst { user, fetchUser, isUserLoading, session } = useContext();\n\tconst [isInit, setIsInit] = useState(false); // we want to get the user only in the first time we got a session\n\n\t// when session should be received, we want the return value of \"isUserLoading\" to be true starting from the first call\n\t// (and not only when receiving an update from the context)\n\tconst isLoading = useRef(isUserLoading);\n\n\tconst shouldFetchUser = useMemo(\n\t\t() => !user && !isUserLoading && session && !isInit,\n\t\t[fetchUser, session, isInit]\n\t);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tisLoading.current = isUserLoading;\n\t}, [isUserLoading]);\n\n\t// we want this to happen before returning a value so we are using \"useMemo\" and not \"useEffect\"\n\tuseMemo(() => {\n\t\tif (shouldFetchUser) {\n\t\t\tisLoading.current = true;\n\t\t}\n\t}, [shouldFetchUser]);\n\n\tuseEffect(() => {\n\t\tif (shouldFetchUser) {\n\t\t\tsetIsInit(true);\n\t\t\tfetchUser();\n\t\t}\n\t}, [shouldFetchUser]);\n\n\treturn { isUserLoading: isLoading.current, user };\n};\n\nexport default useUser;\n"],"names":["Context","React","createContext","undefined","baseHeaders","withValidation","fn","args","Error","wrapInTry","res","err","console","error","sdkInstance","createSdkWrapper","config","sdk","createSdk","persistTokens","autoRefresh","projectId","getSessionToken","getJwtPermissions","token","tenant","getJwtRoles","getRefreshToken","AuthProvider","baseUrl","sessionTokenViaCookie","children","user","setUser","useState","session","setSession","isUserLoading","setIsUserLoading","isSessionLoading","setIsSessionLoading","useMemo","persistToken","useSdk","useEffect","unsubscribeSessionToken","onSessionTokenChange","unsubscribeUser","onUserChange","fetchSession","useCallback","refresh","then","fetchUser","me","logoutAll","logout","value","createElement","Provider","defaultProps","DescopeWC","lazy","async","import","default","sdkConfigOverrides","flowId","innerRef","theme","debug","telemetryKey","ref","Descope","forwardRef","onSuccess","onError","setInnerRef","useImperativeHandle","useContext","handleSuccess","e","detail","sessionJwt","httpClient","hooks","afterRequest","Response","JSON","stringify","ele","addEventListener","removeEventListener","Suspense","fallback","SignInFlow","props","SignUpFlow","SignUpOrInFlow","ctx","useDescope","useSession","isLoading","useRef","current","sessionToken","isAuthenticated","useUser","isInit","setIsInit","shouldFetchUser"],"mappings":"iMAGA,MAAMA,EAAUC,EAAMC,mBAAwBC,GCAjCC,EAAc,CAC1B,qBAAsB,QACtB,wBAAyB,UCAbC,EACcC,GAC1B,IAAIC,KACH,IAAKD,EACJ,MAAME,MACL,0HAGF,OAAOF,KAAMC,EAAK,EAGPE,EACcH,GAC1B,IAAIC,KACH,IAAIG,EACJ,IACCA,EAAMJ,KAAMC,EAGZ,CAFC,MAAOI,GACRC,QAAQC,MAAMF,EACd,CACD,OAAOD,CAAG,ECrBZ,IAAII,EAEJ,MAAMC,EACLC,IAEA,MAAMC,EAAMC,EAAU,IAClBF,EACHG,eAAe,EACfC,aAAa,IAId,OAFAN,EAAcG,EAEPA,CAAG,EAUXH,EAAcC,EAAiB,CAAEM,UAAW,aAE/B,MAAAC,EAAkB,IAAMR,GAAaQ,kBACrCC,EAAoBd,GAChC,CAACe,EAAQF,IAAmBG,IAC3BX,GAAaS,kBAAkBC,EAAOC,KAE3BC,EAAcjB,GAC1B,CAACe,EAAQF,IAAmBG,IAC3BX,GAAaY,YAAYF,EAAOC,KAErBE,EAAkB,IAAMb,GAAaa,kBCpBlD,MAAMC,EAAuC,EAC5CP,YACAQ,UACAC,wBACAC,eAEA,MAAOC,EAAMC,GAAWC,KACjBC,EAASC,GAAcF,KAEvBG,EAAeC,GAAoBJ,GAAS,IAC5CK,EAAkBC,GAAuBN,GAAS,GAEnDjB,ECpBQ,GACdI,YACAQ,UACAC,2BAEAW,GAAQ,KACP,GAAKpB,EAGL,OAAOH,EAAU,CAChBG,YACAQ,UACAC,wBACA1B,cACAsC,cAAc,EACdtB,aAAa,GACZ,GACA,CAACC,EAAWQ,EAASC,IDGZa,CAAO,CAAEtB,YAAWQ,UAASC,0BAEzCc,GAAU,KACT,GAAI3B,EAAK,CACR,MAAM4B,EAA0B5B,EAAI6B,qBAAqBV,GACnDW,EAAkB9B,EAAI+B,aAAaf,GAEzC,MAAO,KACNY,IACAE,GAAiB,CAElB,CACe,GACd,CAAC9B,IAEJ,MAAMgC,EAAeC,GAAY,KAChCV,GAAoB,GACpBnC,EAAeY,GAAKkC,QAApB9C,GAA+B+C,MAAK,KACnCZ,GAAoB,EAAM,GACzB,GACA,CAACvB,IAEEoC,EAAYH,GAAY,KAC7BZ,GAAiB,GACjBjC,EAAeY,EAAIqC,GAAnBjD,GAAyB+C,MAAK,KAC7Bd,GAAiB,EAAM,GACtB,GACA,CAACrB,IAEEsC,EAAYL,EAAY7C,EAAeY,GAAKsC,WAAY,CAACtC,IAEzDuC,EAASN,EAAY7C,EAAeY,GAAKuC,QAAS,CAACvC,IAEnDwC,EAAQhB,GACb,KAAO,CACNY,YACArB,OACAK,gBACAY,eACAd,UACAI,mBACAiB,SACAD,YACAlC,YACAQ,UACAI,UACAG,aACAnB,SAED,CACCoC,EACArB,EACAK,EACAY,EACAd,EACAI,EACAiB,EACAD,EACAlC,EACAQ,EACAI,EACAG,EACAnB,IAGF,OAAOhB,EAAAyD,cAAC1D,EAAQ2D,SAAQ,CAACF,MAAOA,GAAQ1B,EAA4B,EAGrEH,EAAagC,aAAe,CAC3B/B,QAAS,GACTE,cAAU5B,EACV2B,uBAAuB,GEvFxB,MAAM+B,EAAYC,GAAKC,iBACDC,OAAO,2BAErBC,QAAQC,mBAAqB,CAAE9D,eAE/B,CACN6D,QAAS,EACR5C,YACA8C,SACAtC,UACAuC,WACA3C,SACA4C,QACAC,QACAC,kBAEAtE,EACayD,cAAA,aAAA,CAAA,aAAArC,YACH8C,EAAM,WACLtC,EACV2C,IAAKJ,EACL3C,OAAQA,EACR4C,MAAOA,EACPC,MAAOA,EACPC,aAAcA,QAMZE,EAAUxE,EAAMyE,YACrB,EAAGP,SAAQQ,YAAWC,UAASnD,SAAQ4C,QAAOC,QAAOC,gBAAgBC,KACpE,MAAOJ,EAAUS,GAAe3C,EAAS,MAEzC4C,EAAoBN,GAAK,IAAMJ,IAE/B,MAAM/C,UAAEA,EAASQ,QAAEA,EAAOI,QAAEA,EAAOG,WAAEA,EAAUnB,IAAEA,GAChDhB,EAAM8E,WAAW/E,GAEZgF,EAAgB9B,GACrBa,MAAOkB,IACNhD,EAAQgD,EAAEC,QAAQlD,MAClB,MAAMmD,EAAaF,EAAEC,QAAQC,WAC7B/C,EAAW+C,SAGLlE,EAAImE,WAAWC,MAAMC,aAC1B,CAAA,EACA,IAAIC,SAASC,KAAKC,UAAUR,EAAEC,UAE3BP,GACHA,EAAUM,EACV,GAEF,CAAChD,EAASG,EAAYuC,IAevB,OAZA/B,GAAU,KACT,MAAM8C,EAAMtB,EAIZ,OAHAsB,GAAKC,iBAAiB,UAAWX,GAC7BJ,GAASc,GAAKC,iBAAiB,QAASf,GAErC,KACFA,GAASc,GAAKE,oBAAoB,QAAShB,GAE/Cc,GAAKE,oBAAoB,UAAWZ,EAAc,CAClD,GACC,CAACZ,EAAUQ,EAASI,IAStB/E,EAAAyD,cAAA,OAAA,KACCzD,EAAAyD,cAACmC,EAAQ,CAACC,SAAU,MACnB7F,EAAAyD,cAACG,EACA,CAAAxC,UAAWA,EACX8C,OAAQA,EACRtC,QAASA,EACTuC,SAAUS,EACVpD,OAAQA,EACR4C,MAAOA,EACPC,MAAOA,EACPC,aAAcA,KAIhB,IAIJE,EAAQb,aAAe,CACtBgB,aAASzE,EACTwE,eAAWxE,SCzGC4F,EAAcC,GAC1B/F,gBAACwE,EAAO,IAAKuB,EAAO7B,OAAO,YAGf8B,EAAcD,GAC1B/F,gBAACwE,EAAO,IAAKuB,EAAO7B,OAAO,YAGf+B,EAAkBF,GAC9B/F,gBAACwE,EAAO,IAAKuB,EAAO7B,OAAO,kBCV5B,IAAAY,EAAe,KACd,MAAMoB,EAAMpB,EAAW/E,GACvB,IAAKmG,EACJ,MAAM3F,MACL,iEAIF,OAAO2F,CAAG,ECPL,MAAAC,EAAa,KAClB,MAAM5C,OAAEA,EAAMD,UAAEA,GAAcwB,IAE9B,OAAOtC,GACN,KAAO,CACNc,YACAC,YAED,CAACD,EAAWC,GACZ,ECVI6C,EAAa,KAClB,MAAMlE,QAAEA,EAAOI,iBAAEA,EAAgBU,aAAEA,GAAiB8B,IAI9CuB,EAAYC,EAAOhE,GAoBzB,OAjBAE,GAAQ,KACP6D,EAAUE,QAAUjE,CAAgB,GAClC,CAACA,IAGJE,GAAQ,KACFN,GAAYI,IAChB+D,EAAUE,SAAU,EACpB,GACC,CAACvD,IAEJL,GAAU,KACJT,GAAYI,GAChBU,GACA,GACC,CAACA,IAEG,CACNV,iBAAkB+D,EAAUE,QAC5BC,aAActE,EACduE,kBAAmBvE,EACnB,EC7BIwE,EAAU,KACf,MAAM3E,KAAEA,EAAIqB,UAAEA,EAAShB,cAAEA,EAAaF,QAAEA,GAAY4C,KAC7C6B,EAAQC,GAAa3E,GAAS,GAI/BoE,EAAYC,EAAOlE,GAEnByE,EAAkBrE,GACvB,KAAOT,IAASK,GAAiBF,IAAYyE,GAC7C,CAACvD,EAAWlB,EAASyE,IAsBtB,OAlBAnE,GAAQ,KACP6D,EAAUE,QAAUnE,CAAa,GAC/B,CAACA,IAGJI,GAAQ,KACHqE,IACHR,EAAUE,SAAU,EACpB,GACC,CAACM,IAEJlE,GAAU,KACLkE,IACHD,GAAU,GACVxD,IACA,GACC,CAACyD,IAEG,CAAEzE,cAAeiE,EAAUE,QAASxE,OAAM"}

package/package.json

@@ -1,80 +1,105 @@
 {
-  "name": "@descope/react-sdk",
-  "version": "0.0.52-alpha.9",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "description": "Descope React SDK",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/descope/react-sdk.git"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@descope/web-component": "^0.0.26-alpha.12"
-  },
-  "devDependencies": {
-    "@babel/core": "7.18.9",
-    "@babel/preset-env": "7.18.9",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "7.18.6",
-    "@open-wc/rollup-plugin-html": "^1.2.5",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.1",
-    "@rollup/plugin-replace": "^3.0.0",
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.3.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/jest": "^27.0.2",
-    "@types/react": "18.0.17",
-    "@types/react-dom": "18.0.5",
-    "babel-jest": "27.5.1",
-    "eslint": "8.20.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-airbnb-typescript": "17.0.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-config-standard": "17.0.0",
-    "eslint-import-resolver-typescript": "2.7.1",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jest": "26.7.0",
-    "eslint-plugin-jest-dom": "4.0.2",
-    "eslint-plugin-jest-formatting": "3.1.0",
-    "eslint-plugin-jsx-a11y": "6.6.1",
-    "eslint-plugin-n": "15.2.4",
-    "eslint-plugin-no-only-tests": "2.6.0",
-    "eslint-plugin-prefer-arrow": "1.2.3",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-react": "7.30.1",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-testing-library": "5.6.0",
-    "jest": "^27.3.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "rollup": "^2.62.0",
-    "rollup-plugin-auto-external": "^2.0.0",
-    "rollup-plugin-browsersync": "^1.3.3",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-dts": "^4.2.2",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-serve": "^1.1.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "ts-jest": "^27.0.7",
-    "ts-node": "10.9.1",
-    "typescript": "^4.5.3"
-  },
-  "peerDependencies": {
-    "@types/react": ">=16",
-    "react": ">=16"
-  },
-  "scripts": {
-    "start": "npm run build && rollup -c rollup.config.app.js -w",
-    "build": "rollup -c",
-    "test": "jest",
-    "lint": "eslint ./src",
-    "prepublishOnly": "npm run build"
-  }
+	"name": "@descope/react-sdk",
+	"version": "0.0.55",
+	"description": "Descope React SDK",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/descope/react-sdk.git"
+	},
+	"license": "ISC",
+	"type": "module",
+	"exports": {
+		"require": "./dist/cjs/index.cjs.js",
+		"import": "./dist/index.esm.js"
+	},
+	"main": "dist/cjs/index.cjs.js",
+	"module": "dist/index.esm.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "rollup -c",
+		"format": "prettier . -w --ignore-path .gitignore",
+		"format-check": "prettier . --check --ignore-path .gitignore",
+		"format-lint": "pretty-quick --staged --ignore-path .gitignore && lint-staged",
+		"leaks": "bash ./scripts/gitleaks/gitleaks.sh",
+		"lint": "eslint '+(src|test|testUtils)/**/*.+(ts|tsx)' --fix",
+		"prepare": "husky install",
+		"prepublishOnly": "npm run build",
+		"start": "npm run build && rollup -c rollup.config.app.js -w",
+		"test": "jest"
+	},
+	"lint-staged": {
+		"+(src|test|examples)/**/*.{js,ts,jsx,tsx}": [
+			"npm run lint"
+		]
+	},
+	"dependencies": {
+		"@descope/web-component": "0.1.0-alpha.42",
+		"react-router-dom": "6.8.0"
+	},
+	"devDependencies": {
+		"@babel/core": "7.20.12",
+		"@babel/preset-env": "7.20.2",
+		"@babel/preset-react": "7.18.6",
+		"@babel/preset-typescript": "7.18.6",
+		"@open-wc/rollup-plugin-html": "^1.2.5",
+		"@rollup/plugin-commonjs": "^24.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
+		"@rollup/plugin-replace": "^5.0.0",
+		"@rollup/plugin-typescript": "^8.3.0",
+		"@testing-library/jest-dom": "5.16.5",
+		"@testing-library/react": "13.4.0",
+		"@testing-library/user-event": "14.4.3",
+		"@types/jest": "^27.0.2",
+		"@types/react": "18.0.27",
+		"@types/react-dom": "18.0.10",
+		"@types/react-router-dom": "^5.3.3",
+		"babel-jest": "27.5.1",
+		"eslint": "8.33.0",
+		"eslint-config-airbnb": "19.0.4",
+		"eslint-config-airbnb-typescript": "17.0.0",
+		"eslint-config-prettier": "8.6.0",
+		"eslint-config-standard": "17.0.0",
+		"eslint-import-resolver-typescript": "2.7.1",
+		"eslint-plugin-import": "2.27.5",
+		"eslint-plugin-jest": "27.2.1",
+		"eslint-plugin-jest-dom": "4.0.3",
+		"eslint-plugin-jest-formatting": "3.1.0",
+		"eslint-plugin-jsx-a11y": "6.7.1",
+		"eslint-plugin-n": "15.6.1",
+		"eslint-plugin-no-only-tests": "3.1.0",
+		"eslint-plugin-prefer-arrow": "1.2.3",
+		"eslint-plugin-prettier": "4.2.1",
+		"eslint-plugin-promise": "6.1.1",
+		"eslint-plugin-react": "7.32.2",
+		"eslint-plugin-react-hooks": "4.6.0",
+		"eslint-plugin-testing-library": "5.10.0",
+		"husky": "^8.0.1",
+		"jest": "^27.3.1",
+		"jest-extended": "^3.2.2",
+		"lint-staged": "^13.0.3",
+		"pretty-quick": "^3.1.3",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"rollup": "^2.62.0",
+		"rollup-plugin-auto-external": "^2.0.0",
+		"rollup-plugin-browsersync": "^1.3.3",
+		"rollup-plugin-define": "^1.0.1",
+		"rollup-plugin-delete": "^2.0.0",
+		"rollup-plugin-dotenv": "^0.4.1",
+		"rollup-plugin-dts": "^4.2.2",
+		"rollup-plugin-livereload": "^2.0.5",
+		"rollup-plugin-serve": "^2.0.0",
+		"rollup-plugin-terser": "^7.0.2",
+		"ts-jest": "^27.0.7",
+		"ts-node": "10.9.1",
+		"typescript": "^4.5.3"
+	},
+	"peerDependencies": {
+		"@descope/web-js-sdk": "0.1.0-alpha.29",
+		"@types/react": ">=16",
+		"react": ">=16"
+	}
 }

package/dist/index.js

@@ -1 +0,0 @@
-import e from"@descope/web-js-sdk";import t,{useState as o,useMemo as r,useRef as s,useImperativeHandle as n,useCallback as c,useEffect as i}from"react";import"@descope/web-component";const u=t.createContext(void 0),d=({projectId:s,baseUrl:n,children:c})=>{const[i,d]=o(!1),[a,l]=o({}),[p,f]=o(""),m=r((()=>s?e({projectId:s,baseUrl:n}):null),[s,n]),h=r((()=>({sdk:m,projectId:s,baseUrl:n,user:a,authenticated:i,sessionToken:p,setUser:l,setAuthenticated:d,setSessionToken:f})),[i,a,s,n]);return t.createElement(u.Provider,{value:h},c)};d.defaultProps={baseUrl:"",children:void 0};const a=t.forwardRef((({flowId:e,onSuccess:o,onError:r},d)=>{const a=s();n(d,(()=>a.current));const{projectId:l,baseUrl:p,setAuthenticated:f,setUser:m,setSessionToken:h}=t.useContext(u),v=c((e=>{m(e.detail?.user),f(!0),h(e.detail?.sessionJwt),o&&o(e)}),[m,f,o]);return i((()=>{const e=a.current;return e?.addEventListener("success",v),r&&e?.addEventListener("error",r),()=>{r&&e?.removeEventListener("error",r),e?.removeEventListener("success",v)}}),[a,r,v]),t.createElement("descope-wc",{"project-id":l,"flow-id":e,"base-url":p,ref:a})}));a.defaultProps={onError:void 0,onSuccess:void 0};const l=e=>t.createElement(a,{...e,flowId:"sign-in"}),p=e=>t.createElement(a,{...e,flowId:"sign-up"}),f=e=>t.createElement(a,{...e,flowId:"sign-up-or-in"}),m=()=>{const e=t.useContext(u);if(!e)throw Error("You can only use 'useAuth' in the context of <AuthProvider />");const{authenticated:o,user:s,sessionToken:n,sdk:i}=e,d=c(((...e)=>{if(!i)throw Error("You can only use 'logout' after sdk initialization. Make sure to supply 'projectId' to <AuthProvider /> component");return i.logout(...e)}),[i]),a=c(((...e)=>{if(!i)throw Error("You can only use 'me' after sdk initialization. Make sure to supply 'projectId' to <AuthProvider /> component");return i.me(...e)}),[i]);return r((()=>({authenticated:o,user:s,sessionToken:n,logout:d,me:a})),[o,s,n,i])};export{d as AuthProvider,a as Descope,l as SignInFlow,p as SignUpFlow,f as SignUpOrInFlow,m as useAuth};