@descope/react-sdk 2.3.6 → 2.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/cjs/components/AccessKeyManagement.js +1 -1
- package/dist/cjs/components/AccessKeyManagement.js.map +1 -1
- package/dist/cjs/components/ApplicationsPortal.js +1 -1
- package/dist/cjs/components/ApplicationsPortal.js.map +1 -1
- package/dist/cjs/components/AuditManagement.js +1 -1
- package/dist/cjs/components/AuditManagement.js.map +1 -1
- package/dist/cjs/components/AuthProvider/AuthProvider.js.map +1 -1
- package/dist/cjs/components/Descope.js +1 -1
- package/dist/cjs/components/Descope.js.map +1 -1
- package/dist/cjs/components/RoleManagement.js +1 -1
- package/dist/cjs/components/RoleManagement.js.map +1 -1
- package/dist/cjs/components/UserManagement.js +1 -1
- package/dist/cjs/components/UserManagement.js.map +1 -1
- package/dist/cjs/components/UserProfile.js +1 -1
- package/dist/cjs/components/UserProfile.js.map +1 -1
- package/dist/cjs/components/withPropsMapping/index.js +2 -0
- package/dist/cjs/components/withPropsMapping/index.js.map +1 -0
- package/dist/cjs/components/withPropsMapping/utils.js +2 -0
- package/dist/cjs/components/withPropsMapping/utils.js.map +1 -0
- package/dist/cjs/constants.js +1 -1
- package/dist/esm/components/AccessKeyManagement.js +1 -1
- package/dist/esm/components/AccessKeyManagement.js.map +1 -1
- package/dist/esm/components/ApplicationsPortal.js +1 -1
- package/dist/esm/components/ApplicationsPortal.js.map +1 -1
- package/dist/esm/components/AuditManagement.js +1 -1
- package/dist/esm/components/AuditManagement.js.map +1 -1
- package/dist/esm/components/AuthProvider/AuthProvider.js.map +1 -1
- package/dist/esm/components/Descope.js +1 -1
- package/dist/esm/components/Descope.js.map +1 -1
- package/dist/esm/components/RoleManagement.js +1 -1
- package/dist/esm/components/RoleManagement.js.map +1 -1
- package/dist/esm/components/UserManagement.js +1 -1
- package/dist/esm/components/UserManagement.js.map +1 -1
- package/dist/esm/components/UserProfile.js +1 -1
- package/dist/esm/components/UserProfile.js.map +1 -1
- package/dist/esm/components/withPropsMapping/index.js +2 -0
- package/dist/esm/components/withPropsMapping/index.js.map +1 -0
- package/dist/esm/components/withPropsMapping/utils.js +2 -0
- package/dist/esm/components/withPropsMapping/utils.js.map +1 -0
- package/dist/esm/constants.js +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.umd.js +2 -2
- package/dist/index.umd.js.map +1 -1
- package/dist/types/components/AuthProvider/AuthProvider.d.ts +2 -2
- package/dist/types/components/withPropsMapping/index.d.ts +15 -0
- package/dist/types/components/withPropsMapping/utils.d.ts +5 -0
- package/dist/types/types.d.ts +2 -2
- package/package.json +12 -11
package/README.md
CHANGED
|
@@ -99,8 +99,8 @@ const App = () => {
|
|
|
99
99
|
// - "skipFirstScreen": automatically focus on the first input of each screen, except first screen
|
|
100
100
|
// autoFocus="skipFirstScreen"
|
|
101
101
|
|
|
102
|
-
// validateOnBlur: set it to true will show input validation errors on blur, in addition to on submit
|
|
103
|
-
|
|
102
|
+
// validateOnBlur: set it to true will show input validation errors on blur, in addition to on submit
|
|
103
|
+
|
|
104
104
|
// restartOnError: if set to true, in case of flow version mismatch, will restart the flow if the components version was not changed. Default is false
|
|
105
105
|
|
|
106
106
|
// errorTransformer is a function that receives an error object and returns a string. The returned string will be displayed to the user.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js"),r=require("./withPropsMapping/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);const l=e.lazy((async()=>(await Promise.resolve().then((function(){return n(require("@descope/access-key-management-widget"))})),{default:r.default(u.default.forwardRef(((e,t)=>u.default.createElement("descope-access-key-management-widget",Object.assign({ref:t},e)))))}))),s=u.default.forwardRef((({logger:r,tenant:a,theme:n,debug:s,widgetId:c,styleId:d},o)=>{const[f,i]=e.useState(null);e.useImperativeHandle(o,(()=>f));const{projectId:p,baseUrl:g,baseStaticUrl:b}=u.default.useContext(t.default);return u.default.createElement(e.Suspense,{fallback:null},u.default.createElement(l,{projectId:p,widgetId:c,baseUrl:g,baseStaticUrl:b,innerRef:i,"tenant.attr":a,"theme.attr":n,"debug.attr":s,"styleId.attr":d,"logger.prop":r}))}));exports.default=s;
|
|
2
2
|
//# sourceMappingURL=AccessKeyManagement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessKeyManagement.js","sources":["../../../src/components/AccessKeyManagement.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"AccessKeyManagement.js","sources":["../../../src/components/AccessKeyManagement.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { AccessKeyManagementProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst AccessKeyManagementWC = lazy(async () => {\n await import('@descope/access-key-management-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-access-key-management-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst AccessKeyManagement = React.forwardRef<\n HTMLElement,\n AccessKeyManagementProps\n>(({ logger, tenant, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <AccessKeyManagementWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n});\n\nexport default AccessKeyManagement;\n"],"names":["AccessKeyManagementWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","AccessKeyManagement","logger","tenant","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"uhBAMA,MAAMA,EAAwBC,EAAIA,MAACC,gBAC3BC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,yCAAuC,IAE7C,CACLC,QAASC,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAAsCI,cAAA,uCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMtDK,EAAsBP,EAAK,QAACC,YAGhC,EAAGO,SAAQC,SAAQC,QAAOC,QAAOC,WAAUC,WAAWV,KACtD,MAAOW,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,UAAMqB,WAAWC,EAAAA,SAE/D,OACEtB,EAAC,QAAAI,cAAAmB,EAAQA,SAAC,CAAAC,SAAU,MAClBxB,EAAAA,QAACI,cAAAd,GACC4B,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,cAAeN,EACf,aAAcC,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeL,IAIrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js"),r=require("./withPropsMapping/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=a(e);const u=e.lazy((async()=>(await Promise.resolve().then((function(){return l(require("@descope/applications-portal-widget"))})),{default:r.default(n.default.forwardRef(((e,t)=>n.default.createElement("descope-applications-portal-widget",Object.assign({ref:t},e)))))}))),o=n.default.forwardRef((({logger:r,theme:a,debug:l,widgetId:o,styleId:d},s)=>{const[c,i]=e.useState(null);e.useImperativeHandle(s,(()=>c));const{projectId:f,baseUrl:p,baseStaticUrl:b}=n.default.useContext(t.default);return n.default.createElement(e.Suspense,{fallback:null},n.default.createElement(u,{projectId:f,widgetId:o,baseUrl:p,baseStaticUrl:b,innerRef:i,"theme.attr":a,"debug.attr":l,"styleId.attr":d,"logger.prop":r}))}));exports.default=o;
|
|
2
2
|
//# sourceMappingURL=ApplicationsPortal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicationsPortal.js","sources":["../../../src/components/ApplicationsPortal.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"ApplicationsPortal.js","sources":["../../../src/components/ApplicationsPortal.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { ApplicationsPortalProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst ApplicationsPortalWC = lazy(async () => {\n await import('@descope/applications-portal-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-applications-portal-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst ApplicationsPortal = React.forwardRef<\n HTMLElement,\n ApplicationsPortalProps\n>(({ logger, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <ApplicationsPortalWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n});\n\nexport default ApplicationsPortal;\n"],"names":["ApplicationsPortalWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","ApplicationsPortal","logger","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"uhBAMA,MAAMA,EAAuBC,EAAIA,MAACC,gBAC1BC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,uCAAqC,IAE3C,CACLC,QAASC,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAAoCI,cAAA,qCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMpDK,EAAqBP,EAAK,QAACC,YAG/B,EAAGO,SAAQC,QAAOC,QAAOC,WAAUC,WAAWT,KAC9C,MAAOU,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBb,GAAK,IAAMU,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBnB,UAAMoB,WAAWC,EAAAA,SAE/D,OACErB,EAAC,QAAAI,cAAAkB,EAAQA,SAAC,CAAAC,SAAU,MAClBvB,EAAAA,QAACI,cAAAd,GACC2B,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,aAAcL,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeJ,IAIrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js"),r=require("./withPropsMapping/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);const l=e.lazy((async()=>(await Promise.resolve().then((function(){return n(require("@descope/audit-management-widget"))})),{default:r.default(u.default.forwardRef(((e,t)=>u.default.createElement("descope-audit-management-widget",Object.assign({ref:t},e)))))}))),d=u.default.forwardRef((({logger:r,tenant:a,theme:n,debug:d,widgetId:o,styleId:f},s)=>{const[c,i]=e.useState(null);e.useImperativeHandle(s,(()=>c));const{projectId:p,baseUrl:g,baseStaticUrl:b}=u.default.useContext(t.default);return u.default.createElement(e.Suspense,{fallback:null},u.default.createElement(l,{projectId:p,widgetId:o,baseUrl:g,baseStaticUrl:b,innerRef:i,"tenant.attr":a,"theme.attr":n,"debug.attr":d,"styleId.attr":f,"logger.prop":r}))}));exports.default=d;
|
|
2
2
|
//# sourceMappingURL=AuditManagement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuditManagement.js","sources":["../../../src/components/AuditManagement.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"AuditManagement.js","sources":["../../../src/components/AuditManagement.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { AuditManagementProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst AuditManagementWC = lazy(async () => {\n await import('@descope/audit-management-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-audit-management-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst AuditManagement = React.forwardRef<HTMLElement, AuditManagementProps>(\n ({ logger, tenant, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <AuditManagementWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n },\n);\n\nexport default AuditManagement;\n"],"names":["AuditManagementWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","AuditManagement","logger","tenant","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"uhBAMA,MAAMA,EAAoBC,EAAIA,MAACC,gBACvBC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,oCAAkC,IAExC,CACLC,QAASC,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAAiCI,cAAA,kCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMjDK,EAAkBP,EAAK,QAACC,YAC5B,EAAGO,SAAQC,SAAQC,QAAOC,QAAOC,WAAUC,WAAWV,KACpD,MAAOW,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,UAAMqB,WAAWC,EAAAA,SAE/D,OACEtB,EAAC,QAAAI,cAAAmB,EAAQA,SAAC,CAAAC,SAAU,MAClBxB,EAAAA,QAACI,cAAAd,GACC4B,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,cAAeN,EACf,aAAcC,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeL,IAIrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthProvider.js","sources":["../../../../src/components/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Context from '../../hooks/Context';\nimport { IContext, User } from '../../types';\nimport { withValidation } from '../../utils';\nimport useSdk from './useSdk';\n\ninterface IAuthProviderProps {\n projectId: string;\n baseUrl?: string;\n // allows to override the base URL that is used to fetch static files\n baseStaticUrl?: string;\n // If true, tokens will be stored on local storage and can accessed with getToken function\n persistTokens?: boolean;\n // If true, session token (jwt) will be stored on cookie. Otherwise, the session token will be\n // stored on local storage and can accessed with getSessionToken function\n // Use this option if session token will stay small (less than 1k)\n // NOTE: Session token can grow, especially in cases of using authorization, or adding custom claims\n sessionTokenViaCookie?: boolean;\n // If true, last authenticated user will be stored on local storage and can accessed with getUser function\n storeLastAuthenticatedUser?: boolean;\n // If true, last authenticated user will not be removed after logout\n keepLastAuthenticatedUserAfterLogout?: boolean;\n children?:
|
|
1
|
+
{"version":3,"file":"AuthProvider.js","sources":["../../../../src/components/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Context from '../../hooks/Context';\nimport { IContext, User } from '../../types';\nimport { withValidation } from '../../utils';\nimport useSdk from './useSdk';\n\ninterface IAuthProviderProps {\n projectId: string;\n baseUrl?: string;\n // allows to override the base URL that is used to fetch static files\n baseStaticUrl?: string;\n // If true, tokens will be stored on local storage and can accessed with getToken function\n persistTokens?: boolean;\n // If true, session token (jwt) will be stored on cookie. Otherwise, the session token will be\n // stored on local storage and can accessed with getSessionToken function\n // Use this option if session token will stay small (less than 1k)\n // NOTE: Session token can grow, especially in cases of using authorization, or adding custom claims\n sessionTokenViaCookie?: boolean;\n // If true, last authenticated user will be stored on local storage and can accessed with getUser function\n storeLastAuthenticatedUser?: boolean;\n // If true, last authenticated user will not be removed after logout\n keepLastAuthenticatedUserAfterLogout?: boolean;\n children?: React.ReactNode;\n}\n\nconst AuthProvider: FC<IAuthProviderProps> = ({\n projectId,\n baseUrl = '',\n baseStaticUrl = '',\n sessionTokenViaCookie = false,\n persistTokens = true,\n storeLastAuthenticatedUser = true,\n keepLastAuthenticatedUserAfterLogout = false,\n children = undefined,\n}) => {\n const [user, setUser] = useState<User>();\n const [session, setSession] = useState<string>();\n\n const [isUserLoading, setIsUserLoading] = useState(false);\n const [isSessionLoading, setIsSessionLoading] = useState(false);\n\n const sdk = useSdk({\n projectId,\n baseUrl,\n persistTokens,\n sessionTokenViaCookie,\n storeLastAuthenticatedUser,\n keepLastAuthenticatedUserAfterLogout,\n });\n\n useEffect(() => {\n if (sdk) {\n const unsubscribeSessionToken = sdk.onSessionTokenChange(setSession);\n const unsubscribeUser = sdk.onUserChange(setUser);\n\n return () => {\n unsubscribeSessionToken();\n unsubscribeUser();\n };\n }\n return undefined;\n }, [sdk]);\n\n const isSessionFetched = useRef(false);\n const isUserFetched = useRef(false);\n\n const fetchSession = useCallback(() => {\n // We want that the session will fetched only once\n if (isSessionFetched.current) return;\n isSessionFetched.current = true;\n\n setIsSessionLoading(true);\n withValidation(sdk?.refresh)().then(() => {\n setIsSessionLoading(false);\n });\n }, [sdk]);\n\n const fetchUser = useCallback(() => {\n // We want that the user will fetched only once\n if (isUserFetched.current) return;\n isUserFetched.current = true;\n\n setIsUserLoading(true);\n withValidation(sdk.me)().then(() => {\n setIsUserLoading(false);\n });\n }, [sdk]);\n\n const value = useMemo<IContext>(\n () => ({\n fetchUser,\n user,\n isUserLoading,\n isUserFetched: isUserFetched.current,\n fetchSession,\n session,\n isSessionLoading,\n isSessionFetched: isSessionFetched.current,\n projectId,\n baseUrl,\n baseStaticUrl,\n storeLastAuthenticatedUser,\n keepLastAuthenticatedUserAfterLogout,\n setUser,\n setSession,\n sdk,\n }),\n [\n fetchUser,\n user,\n isUserLoading,\n isUserFetched.current,\n fetchSession,\n session,\n isSessionLoading,\n isSessionFetched.current,\n projectId,\n baseUrl,\n baseStaticUrl,\n setUser,\n setSession,\n sdk,\n ],\n );\n return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport default AuthProvider;\n"],"names":["projectId","baseUrl","baseStaticUrl","sessionTokenViaCookie","persistTokens","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","children","user","setUser","useState","session","setSession","isUserLoading","setIsUserLoading","isSessionLoading","setIsSessionLoading","sdk","useSdk","useEffect","unsubscribeSessionToken","onSessionTokenChange","unsubscribeUser","onUserChange","isSessionFetched","useRef","isUserFetched","fetchSession","useCallback","current","withValidation","refresh","then","fetchUser","me","value","useMemo","React","createElement","Context","Provider"],"mappings":"uRAgC6C,EAC3CA,YACAC,UAAU,GACVC,gBAAgB,GAChBC,yBAAwB,EACxBC,iBAAgB,EAChBC,8BAA6B,EAC7BC,wCAAuC,EACvCC,eAEA,MAAOC,EAAMC,GAAWC,EAAQA,YACzBC,EAASC,GAAcF,EAAQA,YAE/BG,EAAeC,GAAoBJ,EAAQA,UAAC,IAC5CK,EAAkBC,GAAuBN,EAAQA,UAAC,GAEnDO,EAAMC,EAAAA,QAAO,CACjBlB,YACAC,UACAG,gBACAD,wBACAE,6BACAC,yCAGFa,EAAAA,WAAU,KACR,GAAIF,EAAK,CACP,MAAMG,EAA0BH,EAAII,qBAAqBT,GACnDU,EAAkBL,EAAIM,aAAad,GAEzC,MAAO,KACLW,IACAE,GAAiB,CAEpB,CACe,GACf,CAACL,IAEJ,MAAMO,EAAmBC,UAAO,GAC1BC,EAAgBD,UAAO,GAEvBE,EAAeC,EAAAA,aAAY,KAE3BJ,EAAiBK,UACrBL,EAAiBK,SAAU,EAE3Bb,GAAoB,GACpBc,EAAAA,eAAeb,eAAAA,EAAKc,QAApBD,GAA+BE,MAAK,KAClChB,GAAoB,EAAM,IAC1B,GACD,CAACC,IAEEgB,EAAYL,EAAAA,aAAY,KAExBF,EAAcG,UAClBH,EAAcG,SAAU,EAExBf,GAAiB,GACjBgB,EAAAA,eAAeb,EAAIiB,GAAnBJ,GAAyBE,MAAK,KAC5BlB,GAAiB,EAAM,IACvB,GACD,CAACG,IAEEkB,EAAQC,EAAAA,SACZ,KAAO,CACLH,YACAzB,OACAK,gBACAa,cAAeA,EAAcG,QAC7BF,eACAhB,UACAI,mBACAS,iBAAkBA,EAAiBK,QACnC7B,YACAC,UACAC,gBACAG,6BACAC,uCACAG,UACAG,aACAK,SAEF,CACEgB,EACAzB,EACAK,EACAa,EAAcG,QACdF,EACAhB,EACAI,EACAS,EAAiBK,QACjB7B,EACAC,EACAC,EACAO,EACAG,EACAK,IAGJ,OAAOoB,EAAA,QAAAC,cAACC,UAAQC,SAAQ,CAACL,MAAOA,GAAQ5B,EAA4B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../constants.js"),r=require("../hooks/Context.js"),n=require("../sdk.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../constants.js"),r=require("../hooks/Context.js"),n=require("../sdk.js"),s=require("./withPropsMapping/index.js");function a(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(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e);const u=e.lazy((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await Promise.resolve().then((function(){return o(require("@descope/web-component"))})).then((e=>e.default))).sdkConfigOverrides={baseHeaders:t.baseHeaders,persistTokens:!1,hooks:{get beforeRequest(){return n.getGlobalSdk().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:s.default(l.default.forwardRef(((e,t)=>l.default.createElement("descope-wc",Object.assign({ref:t},e)))))}))),c=l.default.forwardRef((({flowId:t,onSuccess:n,onError:s,onReady:a,logger:o,tenant:c,theme:d,locale:i,debug:f,client:v,form:m,telemetryKey:p,redirectUrl:E,autoFocus:b,validateOnBlur:y,restartOnError:g,errorTransformer:L,styleId:h},j)=>{const[k,O]=e.useState(null);e.useImperativeHandle(j,(()=>k));const{projectId:w,baseUrl:q,baseStaticUrl:U,storeLastAuthenticatedUser:R,keepLastAuthenticatedUserAfterLogout:I,sdk:S}=l.default.useContext(r.default),C=e.useCallback((async e=>{await S.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),n&&n(e)}),[n]);return e.useEffect((()=>{const e=k;return null==e||e.addEventListener("success",C),s&&(null==e||e.addEventListener("error",s)),a&&(null==e||e.addEventListener("ready",a)),()=>{s&&(null==e||e.removeEventListener("error",s)),a&&(null==e||e.removeEventListener("ready",a)),null==e||e.removeEventListener("success",C)}}),[k,s,C]),e.useEffect((()=>{const e=k;return null==e||e.addEventListener("success",C),()=>{null==e||e.removeEventListener("success",C)}}),[k,C]),e.useEffect((()=>{const e=k;return s&&(null==e||e.addEventListener("error",s)),()=>{s&&(null==e||e.removeEventListener("error",s))}}),[k,s]),e.useEffect((()=>{const e=k;return a&&(null==e||e.addEventListener("ready",a)),()=>{a&&(null==e||e.removeEventListener("error",a))}}),[k,a]),l.default.createElement("form",null,l.default.createElement(e.Suspense,{fallback:null},l.default.createElement(u,{projectId:w,flowId:t,baseUrl:q,baseStaticUrl:U,ref:O,telemetryKey:p,redirectUrl:E,autoFocus:b,styleId:h,validateOnBlur:y,restartOnError:g,keepLastAuthenticatedUserAfterLogout:I,"tenant.attr":c,"theme.attr":d,"locale.attr":i,"form.attr":m,"client.attr":v,"debug.attr":f,"store-last-authenticated-user.attr":R,"errorTransformer.prop":L,"logger.prop":o})))}));exports.default=c;
|
|
2
2
|
//# sourceMappingURL=Descope.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["import React, {\n lazy,\n Suspense,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState,\n} from 'react';\nimport { baseHeaders } from '../constants';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { getGlobalSdk } from '../sdk';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n const module = await import('@descope/web-component');\n module.default.sdkConfigOverrides = {\n // Overrides the web-component's base headers to indicate usage via the React SDK\n baseHeaders,\n // Disables token persistence within the web-component to delegate token management\n // to the global SDK hooks. This ensures token handling aligns with the SDK's configuration,\n // and web-component requests leverage the global SDK's beforeRequest hooks for consistency\n persistTokens: false,\n hooks: {\n get beforeRequest() {\n // Retrieves the beforeRequest hook from the global SDK, which is initialized\n // within the AuthProvider using the desired configuration. This approach ensures\n // the web-component utilizes the same beforeRequest hooks as the global SDK\n return getGlobalSdk().httpClient.hooks.beforeRequest;\n },\n set beforeRequest(_) {\n // The empty setter prevents runtime errors when attempts are made to assign a value to 'beforeRequest'.\n // JavaScript objects default to having both getters and setters\n },\n },\n };\n\n return {\n default: ({\n projectId,\n flowId,\n baseUrl,\n baseStaticUrl,\n innerRef,\n tenant,\n theme,\n locale,\n debug,\n redirectUrl,\n client,\n form,\n styleId,\n autoFocus,\n validateOnBlur,\n restartOnError,\n storeLastAuthenticatedUser,\n }) => (\n\t<descope-wc\n project-id={projectId}\n flow-id={flowId}\n base-url={baseUrl}\n base-static-url={baseStaticUrl}\n ref={innerRef}\n tenant={tenant}\n theme={theme}\n locale={locale}\n debug={debug}\n client={client}\n form={form}\n style-id={styleId}\n redirect-url={redirectUrl}\n auto-focus={autoFocus}\n validate-on-blur={validateOnBlur}\n restart-on-error={restartOnError}\n store-last-authenticated-user={storeLastAuthenticatedUser}\n />\n ),\n };\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n (\n {\n flowId,\n onSuccess,\n onError,\n onReady,\n logger,\n tenant,\n theme,\n locale,\n debug,\n client,\n form,\n telemetryKey,\n redirectUrl,\n autoFocus,\n validateOnBlur,\n restartOnError,\n errorTransformer,\n styleId,\n },\n ref,\n ) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const {\n projectId,\n baseUrl,\n baseStaticUrl,\n storeLastAuthenticatedUser,\n keepLastAuthenticatedUserAfterLogout,\n sdk,\n } = React.useContext(Context);\n\n const handleSuccess = useCallback(\n async (e: CustomEvent) => {\n // In order to make sure all the after-hooks are running with the success response\n // we are generating a fake response with the success data and calling the http client after hook fn with it\n await sdk.httpClient.hooks.afterRequest(\n {} as any,\n new Response(JSON.stringify(e.detail)),\n );\n if (onSuccess) {\n onSuccess(e);\n }\n },\n [onSuccess],\n );\n\n useEffect(() => {\n const ele = innerRef;\n ele?.addEventListener('success', handleSuccess);\n if (onError) ele?.addEventListener('error', onError);\n if (onReady) ele?.addEventListener('ready', onReady);\n\n return () => {\n if (onError) ele?.removeEventListener('error', onError);\n if (onReady) ele?.removeEventListener('ready', onReady);\n\n ele?.removeEventListener('success', handleSuccess);\n };\n }, [innerRef, onError, handleSuccess]);\n\n // Success event\n useEffect(() => {\n const ele = innerRef;\n ele?.addEventListener('success', handleSuccess);\n return () => {\n ele?.removeEventListener('success', handleSuccess);\n };\n }, [innerRef, handleSuccess]);\n\n // Error event\n useEffect(() => {\n const ele = innerRef;\n if (onError) ele?.addEventListener('error', onError);\n\n return () => {\n if (onError) ele?.removeEventListener('error', onError);\n };\n }, [innerRef, onError]);\n\n // Ready event\n useEffect(() => {\n const ele = innerRef;\n if (onReady) ele?.addEventListener('ready', onReady);\n\n return () => {\n if (onReady) ele?.removeEventListener('error', onReady);\n };\n }, [innerRef, onReady]);\n\n useEffect(() => {\n if (innerRef) {\n innerRef.errorTransformer = errorTransformer;\n }\n }, [innerRef, errorTransformer]);\n\n useEffect(() => {\n if (innerRef && logger) {\n innerRef.logger = logger;\n }\n }, [innerRef, logger]);\n\n const { form: stringifiedForm, client: stringifiedClient } = useMemo(\n () => ({\n form: JSON.stringify(form || {}),\n client: JSON.stringify(client || {}),\n }),\n [form, client],\n );\n\n return (\n /**\n * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n * this workaround is done in order to support webauthn passkeys\n * it can be removed once this issue will be solved\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n */\n\t<form>\n\t\t<Suspense fallback={null}>\n\t\t\t<DescopeWC\n projectId={projectId}\n flowId={flowId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n tenant={tenant}\n theme={theme}\n locale={locale}\n debug={debug}\n form={stringifiedForm}\n client={stringifiedClient}\n telemetryKey={telemetryKey}\n redirectUrl={redirectUrl}\n autoFocus={autoFocus}\n styleId={styleId}\n validateOnBlur={validateOnBlur}\n restartOnError={restartOnError}\n storeLastAuthenticatedUser={storeLastAuthenticatedUser}\n keepLastAuthenticatedUserAfterLogout={\n keepLastAuthenticatedUserAfterLogout\n }\n />\n\t\t</Suspense>\n\t</form>\n );\n },\n);\n\nexport default Descope;\n"],"names":["DescopeWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","sdkConfigOverrides","baseHeaders","persistTokens","hooks","beforeRequest","getGlobalSdk","httpClient","_","projectId","flowId","baseUrl","baseStaticUrl","innerRef","tenant","theme","locale","debug","redirectUrl","client","form","styleId","autoFocus","validateOnBlur","restartOnError","storeLastAuthenticatedUser","React","createElement","ref","Descope","forwardRef","onSuccess","onError","onReady","logger","telemetryKey","errorTransformer","setInnerRef","useState","useImperativeHandle","keepLastAuthenticatedUserAfterLogout","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","stringifiedForm","stringifiedClient","useMemo","Suspense","fallback"],"mappings":"kiBAeA,MAAMA,EAAYC,EAAIA,MAACC,iBACAC,QAAOC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAA,+BACrBC,QAAQC,mBAAqB,aAElCC,EAAWA,YAIXC,eAAe,EACfC,MAAO,CACL,iBAAIC,GAIF,OAAOC,iBAAeC,WAAWH,MAAMC,aACxC,EACD,iBAAIA,CAAcG,GAGjB,IAIE,CACLR,QAAS,EACPS,YACAC,SACAC,UACAC,gBACAC,WACAC,SACAC,QACAC,SACAC,QACAC,cACAC,SACAC,OACAC,UACAC,YACAC,iBACAC,iBACAC,gCAELC,EAAAA,QAAAC,cAAA,aAAA,CAAA,aACmBlB,EACH,UAAAC,EACC,WAAAC,oBACOC,EACjBgB,IAAKf,EACLC,OAAQA,EACRC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPE,OAAQA,EACRC,KAAMA,aACIC,EAAO,eACHH,EACF,aAAAI,qBACMC,EAAc,mBACdC,EACa,gCAAAC,QAMjCI,EAAUH,EAAK,QAACI,YACpB,EAEIpB,SACAqB,YACAC,UACAC,UACAC,SACApB,SACAC,QACAC,SACAC,QACAE,SACAC,OACAe,eACAjB,cACAI,YACAC,iBACAC,iBACAY,mBACAf,WAEFO,KAEA,MAAOf,EAAUwB,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBX,GAAK,IAAMf,IAE/B,MAAMJ,UACJA,EAASE,QACTA,EAAOC,cACPA,EAAaa,2BACbA,EAA0Be,qCAC1BA,EAAoCC,IACpCA,GACEf,EAAAA,QAAMgB,WAAWC,EAAO,SAEtBC,EAAgBC,eACpBnD,MAAOoD,UAGCL,EAAIlC,WAAWH,MAAM2C,aACzB,CAAA,EACA,IAAIC,SAASC,KAAKC,UAAUJ,EAAEK,UAE5BpB,GACFA,EAAUe,EACX,GAEH,CAACf,IAGHqB,EAAAA,WAAU,KACR,MAAMC,EAAMxC,EAKZ,OAJAwC,SAAAA,EAAKC,iBAAiB,UAAWV,GAC7BZ,IAASqB,SAAAA,EAAKC,iBAAiB,QAAStB,IACxCC,IAASoB,SAAAA,EAAKC,iBAAiB,QAASrB,IAErC,KACDD,IAASqB,SAAAA,EAAKE,oBAAoB,QAASvB,IAC3CC,IAASoB,SAAAA,EAAKE,oBAAoB,QAAStB,IAE/CoB,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAAC/B,EAAUmB,EAASY,IAGvBQ,EAAAA,WAAU,KACR,MAAMC,EAAMxC,EAEZ,OADAwC,SAAAA,EAAKC,iBAAiB,UAAWV,GAC1B,KACLS,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAAC/B,EAAU+B,IAGdQ,EAAAA,WAAU,KACR,MAAMC,EAAMxC,EAGZ,OAFImB,IAASqB,SAAAA,EAAKC,iBAAiB,QAAStB,IAErC,KACDA,IAASqB,SAAAA,EAAKE,oBAAoB,QAASvB,GAAQ,CACxD,GACA,CAACnB,EAAUmB,IAGdoB,EAAAA,WAAU,KACR,MAAMC,EAAMxC,EAGZ,OAFIoB,IAASoB,SAAAA,EAAKC,iBAAiB,QAASrB,IAErC,KACDA,IAASoB,SAAAA,EAAKE,oBAAoB,QAAStB,GAAQ,CACxD,GACA,CAACpB,EAAUoB,IAEdmB,EAAAA,WAAU,KACJvC,IACFA,EAASuB,iBAAmBA,EAC7B,GACA,CAACvB,EAAUuB,IAEdgB,EAAAA,WAAU,KACJvC,GAAYqB,IACdrB,EAASqB,OAASA,EACnB,GACA,CAACrB,EAAUqB,IAEd,MAAQd,KAAMoC,EAAiBrC,OAAQsC,GAAsBC,EAAAA,SAC3D,KAAO,CACLtC,KAAM6B,KAAKC,UAAU9B,GAAQ,CAAA,GAC7BD,OAAQ8B,KAAKC,UAAU/B,GAAU,CAAA,MAEnC,CAACC,EAAMD,IAGT,OAOHO,UAAAC,cAAA,OAAA,KACCD,EAAAA,QAAAC,cAACgC,EAAAA,SAAQ,CAACC,SAAU,MACnBlC,UAAAC,cAACnC,EACQ,CAAAiB,UAAWA,EACXC,OAAQA,EACRC,QAASA,EACTC,cAAeA,EACfC,SAAUwB,EACVvB,OAAQA,EACRC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPG,KAAMoC,EACNrC,OAAQsC,EACRtB,aAAcA,EACdjB,YAAaA,EACbI,UAAWA,EACXD,QAASA,EACTE,eAAgBA,EAChBC,eAAgBA,EAChBC,2BAA4BA,EAC5Be,qCACEA,KAKR"}
|
|
1
|
+
{"version":3,"file":"Descope.js","sources":["../../../src/components/Descope.tsx"],"sourcesContent":["import React, {\n lazy,\n Suspense,\n useCallback,\n useEffect,\n useImperativeHandle,\n useState,\n} from 'react';\nimport { baseHeaders } from '../constants';\nimport Context from '../hooks/Context';\nimport { DescopeProps } from '../types';\nimport { getGlobalSdk } from '../sdk';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst DescopeWC = lazy(async () => {\n const WebComponent: any =\n customElements?.get('descope-wc') ||\n (await import('@descope/web-component').then((module) => module.default));\n\n WebComponent.sdkConfigOverrides = {\n // Overrides the web-component's base headers to indicate usage via the React SDK\n baseHeaders,\n // Disables token persistence within the web-component to delegate token management\n // to the global SDK hooks. This ensures token handling aligns with the SDK's configuration,\n // and web-component requests leverage the global SDK's beforeRequest hooks for consistency\n persistTokens: false,\n hooks: {\n get beforeRequest() {\n // Retrieves the beforeRequest hook from the global SDK, which is initialized\n // within the AuthProvider using the desired configuration. This approach ensures\n // the web-component utilizes the same beforeRequest hooks as the global SDK\n return getGlobalSdk().httpClient.hooks.beforeRequest;\n },\n set beforeRequest(_) {\n // The empty setter prevents runtime errors when attempts are made to assign a value to 'beforeRequest'.\n // JavaScript objects default to having both getters and setters\n },\n },\n };\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-wc ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst Descope = React.forwardRef<HTMLElement, DescopeProps>(\n (\n {\n flowId,\n onSuccess,\n onError,\n onReady,\n logger,\n tenant,\n theme,\n locale,\n debug,\n client,\n form,\n telemetryKey,\n redirectUrl,\n autoFocus,\n validateOnBlur,\n restartOnError,\n errorTransformer,\n styleId,\n },\n ref,\n ) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const {\n projectId,\n baseUrl,\n baseStaticUrl,\n storeLastAuthenticatedUser,\n keepLastAuthenticatedUserAfterLogout,\n sdk,\n } = React.useContext(Context);\n\n const handleSuccess = useCallback(\n async (e: CustomEvent) => {\n // In order to make sure all the after-hooks are running with the success response\n // we are generating a fake response with the success data and calling the http client after hook fn with it\n await sdk.httpClient.hooks.afterRequest(\n {} as any,\n new Response(JSON.stringify(e.detail)),\n );\n if (onSuccess) {\n onSuccess(e);\n }\n },\n [onSuccess],\n );\n\n useEffect(() => {\n const ele = innerRef;\n ele?.addEventListener('success', handleSuccess);\n if (onError) ele?.addEventListener('error', onError);\n if (onReady) ele?.addEventListener('ready', onReady);\n\n return () => {\n if (onError) ele?.removeEventListener('error', onError);\n if (onReady) ele?.removeEventListener('ready', onReady);\n\n ele?.removeEventListener('success', handleSuccess);\n };\n }, [innerRef, onError, handleSuccess]);\n\n // Success event\n useEffect(() => {\n const ele = innerRef;\n ele?.addEventListener('success', handleSuccess);\n return () => {\n ele?.removeEventListener('success', handleSuccess);\n };\n }, [innerRef, handleSuccess]);\n\n // Error event\n useEffect(() => {\n const ele = innerRef;\n if (onError) ele?.addEventListener('error', onError);\n\n return () => {\n if (onError) ele?.removeEventListener('error', onError);\n };\n }, [innerRef, onError]);\n\n // Ready event\n useEffect(() => {\n const ele = innerRef;\n if (onReady) ele?.addEventListener('ready', onReady);\n\n return () => {\n if (onReady) ele?.removeEventListener('error', onReady);\n };\n }, [innerRef, onReady]);\n\n return (\n /**\n * in order to avoid redundant remounting of the WC, we are wrapping it with a form element\n * this workaround is done in order to support webauthn passkeys\n * it can be removed once this issue will be solved\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1404106#c2\n */\n <form>\n <Suspense fallback={null}>\n <DescopeWC\n projectId={projectId}\n flowId={flowId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n ref={setInnerRef}\n telemetryKey={telemetryKey}\n redirectUrl={redirectUrl}\n autoFocus={autoFocus}\n styleId={styleId}\n validateOnBlur={validateOnBlur}\n restartOnError={restartOnError}\n keepLastAuthenticatedUserAfterLogout={\n keepLastAuthenticatedUserAfterLogout\n }\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'locale.attr': locale,\n 'form.attr': form,\n 'client.attr': client,\n 'debug.attr': debug,\n 'store-last-authenticated-user.attr': storeLastAuthenticatedUser,\n // props\n 'errorTransformer.prop': errorTransformer,\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n </form>\n );\n },\n);\n\nexport default Descope;\n"],"names":["DescopeWC","lazy","async","customElements","get","Promise","resolve","then","_interopNamespace","require","module","default","sdkConfigOverrides","baseHeaders","persistTokens","hooks","beforeRequest","getGlobalSdk","httpClient","_","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","Descope","flowId","onSuccess","onError","onReady","logger","tenant","theme","locale","debug","client","form","telemetryKey","redirectUrl","autoFocus","validateOnBlur","restartOnError","errorTransformer","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","sdk","useContext","Context","handleSuccess","useCallback","e","afterRequest","Response","JSON","stringify","detail","useEffect","ele","addEventListener","removeEventListener","Suspense","fallback"],"mappings":"2kBAeA,MAAMA,EAAYC,EAAIA,MAACC,YAEnB,OAAAC,qBAAA,IAAAA,oBAAA,EAAAA,eAAgBC,IAAI,sBACbC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,0BAAwB,IAAEF,MAAMG,GAAWA,EAAOC,WAErDC,mBAAqB,aAEhCC,EAAWA,YAIXC,eAAe,EACfC,MAAO,CACL,iBAAIC,GAIF,OAAOC,iBAAeC,WAAWH,MAAMC,aACxC,EACD,iBAAIA,CAAcG,GAGjB,IAIE,CACLR,QAASS,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAAYI,cAAA,aAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAM5BK,EAAUP,EAAK,QAACC,YACpB,EAEIO,SACAC,YACAC,UACAC,UACAC,SACAC,SACAC,QACAC,SACAC,QACAC,SACAC,OACAC,eACAC,cACAC,YACAC,iBACAC,iBACAC,mBACAC,WAEFtB,KAEA,MAAOuB,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoB1B,GAAK,IAAMuB,IAE/B,MAAMI,UACJA,EAASC,QACTA,EAAOC,cACPA,EAAaC,2BACbA,EAA0BC,qCAC1BA,EAAoCC,IACpCA,GACEnC,EAAAA,QAAMoC,WAAWC,EAAO,SAEtBC,EAAgBC,eACpB1D,MAAO2D,UAGCL,EAAItC,WAAWH,MAAM+C,aACzB,CAAA,EACA,IAAIC,SAASC,KAAKC,UAAUJ,EAAEK,UAE5BpC,GACFA,EAAU+B,EACX,GAEH,CAAC/B,IA8CH,OA3CAqC,EAAAA,WAAU,KACR,MAAMC,EAAMrB,EAKZ,OAJAqB,SAAAA,EAAKC,iBAAiB,UAAWV,GAC7B5B,IAASqC,SAAAA,EAAKC,iBAAiB,QAAStC,IACxCC,IAASoC,SAAAA,EAAKC,iBAAiB,QAASrC,IAErC,KACDD,IAASqC,SAAAA,EAAKE,oBAAoB,QAASvC,IAC3CC,IAASoC,SAAAA,EAAKE,oBAAoB,QAAStC,IAE/CoC,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAACZ,EAAUhB,EAAS4B,IAGvBQ,EAAAA,WAAU,KACR,MAAMC,EAAMrB,EAEZ,OADAqB,SAAAA,EAAKC,iBAAiB,UAAWV,GAC1B,KACLS,SAAAA,EAAKE,oBAAoB,UAAWX,EAAc,CACnD,GACA,CAACZ,EAAUY,IAGdQ,EAAAA,WAAU,KACR,MAAMC,EAAMrB,EAGZ,OAFIhB,IAASqC,SAAAA,EAAKC,iBAAiB,QAAStC,IAErC,KACDA,IAASqC,SAAAA,EAAKE,oBAAoB,QAASvC,GAAQ,CACxD,GACA,CAACgB,EAAUhB,IAGdoC,EAAAA,WAAU,KACR,MAAMC,EAAMrB,EAGZ,OAFIf,IAASoC,SAAAA,EAAKC,iBAAiB,QAASrC,IAErC,KACDA,IAASoC,SAAAA,EAAKE,oBAAoB,QAAStC,GAAQ,CACxD,GACA,CAACe,EAAUf,IASZX,UAAAI,cAAA,OAAA,KACEJ,EAAAA,QAAAI,cAAC8C,EAAAA,SAAQ,CAACC,SAAU,MAClBnD,EAAAA,QAACI,cAAAzB,GACCmD,UAAWA,EACXtB,OAAQA,EACRuB,QAASA,EACTC,cAAeA,EACf7B,IAAKwB,EACLR,aAAcA,EACdC,YAAaA,EACbC,UAAWA,EACXI,QAASA,EACTH,eAAgBA,EAChBC,eAAgBA,EAChBW,qCACEA,EAIA,cAAerB,EACf,aAAcC,EACd,cAAeC,EACf,YAAaG,EACb,cAAeD,EACf,aAAcD,EACd,qCAAsCiB,EAEtC,wBAAyBT,EACzB,cAAeZ,KAKvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js"),r=require("./withPropsMapping/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);const l=e.lazy((async()=>(await Promise.resolve().then((function(){return n(require("@descope/role-management-widget"))})),{default:r.default(u.default.forwardRef(((e,t)=>u.default.createElement("descope-role-management-widget",Object.assign({ref:t},e)))))}))),o=u.default.forwardRef((({logger:r,tenant:a,theme:n,debug:o,widgetId:d,styleId:f},s)=>{const[c,i]=e.useState(null);e.useImperativeHandle(s,(()=>c));const{projectId:p,baseUrl:g,baseStaticUrl:b}=u.default.useContext(t.default);return u.default.createElement(e.Suspense,{fallback:null},u.default.createElement(l,{projectId:p,widgetId:d,baseUrl:g,baseStaticUrl:b,innerRef:i,"tenant.attr":a,"theme.attr":n,"debug.attr":o,"styleId.attr":f,"logger.prop":r}))}));exports.default=o;
|
|
2
2
|
//# sourceMappingURL=RoleManagement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoleManagement.js","sources":["../../../src/components/RoleManagement.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"RoleManagement.js","sources":["../../../src/components/RoleManagement.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { RoleManagementProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst RoleManagementWC = lazy(async () => {\n await import('@descope/role-management-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-role-management-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst RoleManagement = React.forwardRef<HTMLElement, RoleManagementProps>(\n ({ logger, tenant, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <RoleManagementWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n },\n);\n\nexport default RoleManagement;\n"],"names":["RoleManagementWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","RoleManagement","logger","tenant","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"uhBAMA,MAAMA,EAAmBC,EAAIA,MAACC,gBACtBC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,mCAAiC,IAEvC,CACLC,QAASC,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAAgCI,cAAA,iCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMhDK,EAAiBP,EAAK,QAACC,YAC3B,EAAGO,SAAQC,SAAQC,QAAOC,QAAOC,WAAUC,WAAWV,KACpD,MAAOW,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,UAAMqB,WAAWC,EAAAA,SAE/D,OACEtB,EAAC,QAAAI,cAAAmB,EAAQA,SAAC,CAAAC,SAAU,MAClBxB,EAAAA,QAACI,cAAAd,GACC4B,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,cAAeN,EACf,aAAcC,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeL,IAIrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js"),r=require("./withPropsMapping/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);const l=e.lazy((async()=>(await Promise.resolve().then((function(){return n(require("@descope/user-management-widget"))})),{default:r.default(u.default.forwardRef(((e,t)=>u.default.createElement("descope-user-management-widget",Object.assign({ref:t},e)))))}))),d=u.default.forwardRef((({logger:r,tenant:a,theme:n,debug:d,widgetId:o,styleId:s},f)=>{const[c,i]=e.useState(null);e.useImperativeHandle(f,(()=>c));const{projectId:p,baseUrl:g,baseStaticUrl:b}=u.default.useContext(t.default);return u.default.createElement(e.Suspense,{fallback:null},u.default.createElement(l,{projectId:p,widgetId:o,baseUrl:g,baseStaticUrl:b,ref:i,"tenant.attr":a,"theme.attr":n,"debug.attr":d,"styleId.attr":s,"logger.prop":r}))}));exports.default=d;
|
|
2
2
|
//# sourceMappingURL=UserManagement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserManagement.js","sources":["../../../src/components/UserManagement.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"UserManagement.js","sources":["../../../src/components/UserManagement.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { UserManagementProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst UserManagementWC = lazy(async () => {\n await import('@descope/user-management-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-user-management-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst UserManagement = React.forwardRef<HTMLElement, UserManagementProps>(\n ({ logger, tenant, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <UserManagementWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n ref={setInnerRef}\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n },\n);\n\nexport default UserManagement;\n"],"names":["UserManagementWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","UserManagement","logger","tenant","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"uhBAMA,MAAMA,EAAmBC,EAAIA,MAACC,gBACtBC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,mCAAiC,IAEvC,CACLC,QAASC,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAAgCI,cAAA,iCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMhDK,EAAiBP,EAAK,QAACC,YAC3B,EAAGO,SAAQC,SAAQC,QAAOC,QAAOC,WAAUC,WAAWV,KACpD,MAAOW,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,UAAMqB,WAAWC,EAAAA,SAE/D,OACEtB,EAAC,QAAAI,cAAAmB,EAAQA,SAAC,CAAAC,SAAU,MAClBxB,EAAAA,QAACI,cAAAd,GACC4B,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfjB,IAAKY,EAGH,cAAeN,EACf,aAAcC,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeL,IAIrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../hooks/Context.js"),r=require("./withPropsMapping/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=u(e);const n=e.lazy((async()=>(await Promise.resolve().then((function(){return a(require("@descope/user-profile-widget"))})),{default:r.default(l.default.forwardRef(((e,t)=>l.default.createElement("descope-user-profile-widget",Object.assign({ref:t},e)))))}))),o=l.default.forwardRef((({logger:r,theme:u,debug:a,widgetId:o,onLogout:d,styleId:s},f)=>{const[i,c]=e.useState(null);e.useImperativeHandle(f,(()=>i));const{projectId:p,baseUrl:g,baseStaticUrl:b}=l.default.useContext(t.default);return e.useEffect((()=>{if(i&&d)return i.addEventListener("logout",d),()=>i.removeEventListener("logout",d)}),[i,d]),l.default.createElement(e.Suspense,{fallback:null},l.default.createElement(n,{projectId:p,widgetId:o,baseUrl:g,baseStaticUrl:b,styleId:s,ref:c,"theme.attr":u,"debug.attr":a,"styleId.attr":s,"logger.prop":r}))}));exports.default=o;
|
|
2
2
|
//# sourceMappingURL=UserProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserProfile.js","sources":["../../../src/components/UserProfile.tsx"],"sourcesContent":["import React, {\n lazy,\n Suspense,\n useEffect,\n useImperativeHandle,\n useState,\n} from 'react';\nimport Context from '../hooks/Context';\nimport { UserProfileProps } from '../types';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst UserProfileWC = lazy(async () => {\n await import('@descope/user-profile-widget');\n\n return {\n default: (
|
|
1
|
+
{"version":3,"file":"UserProfile.js","sources":["../../../src/components/UserProfile.tsx"],"sourcesContent":["import React, {\n lazy,\n Suspense,\n useEffect,\n useImperativeHandle,\n useState,\n} from 'react';\nimport Context from '../hooks/Context';\nimport { UserProfileProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst UserProfileWC = lazy(async () => {\n await import('@descope/user-profile-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-user-profile-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst UserProfile = React.forwardRef<HTMLElement, UserProfileProps>(\n ({ logger, theme, debug, widgetId, onLogout, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n useEffect(() => {\n if (innerRef && onLogout) {\n innerRef.addEventListener('logout', onLogout);\n return () => innerRef.removeEventListener('logout', onLogout);\n }\n return undefined;\n }, [innerRef, onLogout]);\n\n return (\n <Suspense fallback={null}>\n <UserProfileWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n styleId={styleId}\n ref={setInnerRef}\n {...{\n // attributes\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n },\n);\n\nexport default UserProfile;\n"],"names":["UserProfileWC","lazy","async","Promise","resolve","then","_interopNamespace","require","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","UserProfile","logger","theme","debug","widgetId","onLogout","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","useEffect","addEventListener","removeEventListener","Suspense","fallback"],"mappings":"uhBAYA,MAAMA,EAAgBC,EAAIA,MAACC,gBACnBC,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,gCAA8B,IAEpC,CACLC,QAASC,EAAgB,QACvBC,UAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAAA,QAA6BI,cAAA,8BAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAM7CK,EAAcP,EAAK,QAACC,YACxB,EAAGO,SAAQC,QAAOC,QAAOC,WAAUC,WAAUC,WAAWV,KACtD,MAAOW,EAAUC,GAAeC,EAAQA,SAAC,MAEzCC,sBAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,UAAMqB,WAAWC,EAAAA,SAU/D,OARAC,EAAAA,WAAU,KACR,GAAIT,GAAYF,EAEd,OADAE,EAASU,iBAAiB,SAAUZ,GAC7B,IAAME,EAASW,oBAAoB,SAAUb,EAEtC,GACf,CAACE,EAAUF,IAGZZ,EAAC,QAAAI,cAAAsB,EAAQA,SAAC,CAAAC,SAAU,MAClB3B,EAAC,QAAAI,cAAAd,EACC,CAAA4B,UAAWA,EACXP,SAAUA,EACVQ,QAASA,EACTC,cAAeA,EACfP,QAASA,EACTV,IAAKY,EAGH,aAAcN,EACd,aAAcC,EACd,eAAgBG,EAEhB,cAAeL,IAIrB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@descope/sdk-helpers"),t=require("./utils.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(e);exports.default=a=>s.default.forwardRef(((u,o)=>{const{prop:n,attr:c,rest:l}=e.useMemo((()=>Object.entries(u).reduce(((e,[a,s])=>{const{trimmedKey:u,category:o}=t.transformKey(a);return"prop"===o?e.prop.push([u,s]):"attr"===o?e.attr.push([r.kebabCase(u),t.transformAttrValue(s)]):Object.assign(e.rest,{[r.kebabCase(u)]:s}),e}),{attr:[],prop:[],rest:{}})),[u]),p=e.useRef(null),f=e.useCallback((e=>{p.current=e,e&&(n.forEach((([e,r])=>{p.current[e]=r})),c.forEach((([r,t])=>{null==t?e.removeAttribute(r):e.setAttribute(r,t)})))}),[n,c,p]);return e.useImperativeHandle(o,(()=>p.current)),s.default.createElement(a,Object.assign({ref:f},l))}));
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/withPropsMapping/index.tsx"],"sourcesContent":["import React, {\n useImperativeHandle,\n useMemo,\n ComponentType,\n useCallback,\n useRef,\n} from 'react';\nimport { kebabCase } from '@descope/sdk-helpers';\nimport { transformAttrValue, transformKey } from './utils';\n\n/**\n * withPropsMapping is a React HOC that adapts React props to work seamlessly\n * with web components by setting attributes and properties.\n *\n * - Props ending in `.prop` are set as properties on the web component.\n * - Props ending in `.attr` are transformed to kebab-case and set as attributes on the web component.\n * - All other props are set as kebab-case props\n *\n * This resolves attribute/property behavior differences in React 19.\n *\n * @see https://github.com/facebook/react/issues/29037\n */\nconst withPropsMapping = <P extends Record<string, any>>(\n Component: ComponentType<any>,\n) =>\n React.forwardRef<HTMLElement, P>((props, ref) => {\n const { prop, attr, rest } = useMemo(\n () =>\n Object.entries(props).reduce(\n (acc, [key, value]) => {\n const { trimmedKey, category } = transformKey(key);\n if (category === 'prop') acc.prop.push([trimmedKey, value]);\n else if (category === 'attr')\n acc.attr.push([kebabCase(trimmedKey), transformAttrValue(value)]);\n else Object.assign(acc.rest, { [kebabCase(trimmedKey)]: value });\n return acc;\n },\n { attr: [], prop: [], rest: {} },\n ),\n [props],\n );\n\n const currRef = useRef<HTMLElement | null>(null);\n\n const setInnerRef = useCallback(\n (innerRef) => {\n currRef.current = innerRef;\n if (innerRef) {\n prop.forEach(([key, value]) => {\n currRef.current[key] = value;\n });\n\n attr.forEach(([key, value]) => {\n if (value === undefined || value === null) {\n innerRef.removeAttribute(key);\n } else {\n innerRef.setAttribute(key, value);\n }\n });\n }\n },\n [prop, attr, currRef],\n );\n\n useImperativeHandle(ref, () => currRef.current);\n\n return <Component ref={setInnerRef} {...rest} />;\n });\n\nexport default withPropsMapping;\n"],"names":["Component","React","forwardRef","props","ref","prop","attr","rest","useMemo","Object","entries","reduce","acc","key","value","trimmedKey","category","transformKey","push","kebabCase","transformAttrValue","assign","currRef","useRef","setInnerRef","useCallback","innerRef","current","forEach","removeAttribute","setAttribute","useImperativeHandle","createElement"],"mappings":"wPAuBEA,GAEAC,EAAAA,QAAMC,YAA2B,CAACC,EAAOC,KACvC,MAAMC,KAAEA,EAAIC,KAAEA,EAAIC,KAAEA,GAASC,EAAAA,SAC3B,IACEC,OAAOC,QAAQP,GAAOQ,QACpB,CAACC,GAAMC,EAAKC,MACV,MAAMC,WAAEA,EAAUC,SAAEA,GAAaC,EAAYA,aAACJ,GAK9C,MAJiB,SAAbG,EAAqBJ,EAAIP,KAAKa,KAAK,CAACH,EAAYD,IAC9B,SAAbE,EACPJ,EAAIN,KAAKY,KAAK,CAACC,EAASA,UAACJ,GAAaK,EAAkBA,mBAACN,KACtDL,OAAOY,OAAOT,EAAIL,KAAM,CAAE,CAACY,EAAAA,UAAUJ,IAAcD,IACjDF,CAAG,GAEZ,CAAEN,KAAM,GAAID,KAAM,GAAIE,KAAM,CAAA,KAEhC,CAACJ,IAGGmB,EAAUC,SAA2B,MAErCC,EAAcC,eACjBC,IACCJ,EAAQK,QAAUD,EACdA,IACFrB,EAAKuB,SAAQ,EAAEf,EAAKC,MAClBQ,EAAQK,QAAQd,GAAOC,CAAK,IAG9BR,EAAKsB,SAAQ,EAAEf,EAAKC,MACdA,QACFY,EAASG,gBAAgBhB,GAEzBa,EAASI,aAAajB,EAAKC,EAC5B,IAEJ,GAEH,CAACT,EAAMC,EAAMgB,IAKf,OAFAS,EAAAA,oBAAoB3B,GAAK,IAAMkB,EAAQK,UAEhC1B,UAAA+B,cAAChC,EAAUS,OAAAY,OAAA,CAAAjB,IAAKoB,GAAiBjB,GAAQ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.transformAttrValue=e=>"string"==typeof e||null==e?e:JSON.stringify(e),exports.transformKey=e=>{const[,t,r]=/(.*)\.(prop|attr)$/.exec(e)||[,e,"rest"];return{trimmedKey:t,category:r}};
|
|
2
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/withPropsMapping/utils.ts"],"sourcesContent":["export const transformKey = (key: string) => {\n // eslint-disable-next-line no-sparse-arrays\n const [, trimmedKey, category] = /(.*)\\.(prop|attr)$/.exec(key) || [\n ,\n key,\n 'rest',\n ];\n return { trimmedKey, category };\n};\n\nexport const transformAttrValue = (value: any) =>\n typeof value === 'string' || value == null ? value : JSON.stringify(value);\n"],"names":["value","JSON","stringify","key","trimmedKey","category","exec"],"mappings":"+FAUmCA,GAChB,iBAAVA,GAA+B,MAATA,EAAgBA,EAAQC,KAAKC,UAAUF,wBAXzCG,IAE3B,MAAM,CAAGC,EAAYC,GAAY,qBAAqBC,KAAKH,IAAQ,EAEjEA,EACA,QAEF,MAAO,CAAEC,aAAYC,WAAU"}
|
package/dist/cjs/constants.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e="undefined"!=typeof window;exports.IS_BROWSER=e,exports.baseHeaders={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.3.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e="undefined"!=typeof window;exports.IS_BROWSER=e,exports.baseHeaders={"x-descope-sdk-name":"react","x-descope-sdk-version":"2.3.7"};
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{lazy as t,useState as a,useImperativeHandle as r,
|
|
1
|
+
import e,{lazy as t,useState as a,useImperativeHandle as r,Suspense as n}from"react";import o from"../hooks/Context.js";import s from"./withPropsMapping/index.js";const c=t((async()=>(await import("@descope/access-key-management-widget"),{default:s(e.forwardRef(((t,a)=>e.createElement("descope-access-key-management-widget",Object.assign({ref:a},t)))))}))),d=e.forwardRef((({logger:t,tenant:s,theme:d,debug:l,widgetId:i,styleId:m},g)=>{const[p,f]=a(null);r(g,(()=>p));const{projectId:b,baseUrl:u,baseStaticUrl:w}=e.useContext(o);return e.createElement(n,{fallback:null},e.createElement(c,{projectId:b,widgetId:i,baseUrl:u,baseStaticUrl:w,innerRef:f,"tenant.attr":s,"theme.attr":d,"debug.attr":l,"styleId.attr":m,"logger.prop":t}))}));export{d as default};
|
|
2
2
|
//# sourceMappingURL=AccessKeyManagement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessKeyManagement.js","sources":["../../../src/components/AccessKeyManagement.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"AccessKeyManagement.js","sources":["../../../src/components/AccessKeyManagement.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { AccessKeyManagementProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst AccessKeyManagementWC = lazy(async () => {\n await import('@descope/access-key-management-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-access-key-management-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst AccessKeyManagement = React.forwardRef<\n HTMLElement,\n AccessKeyManagementProps\n>(({ logger, tenant, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <AccessKeyManagementWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n});\n\nexport default AccessKeyManagement;\n"],"names":["AccessKeyManagementWC","lazy","async","import","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","AccessKeyManagement","logger","tenant","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"mKAMA,MAAMA,EAAwBC,GAAKC,gBAC3BC,OAAO,yCAEN,CACLC,QAASC,EACPC,EAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAsCI,cAAA,uCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMtDK,EAAsBP,EAAMC,YAGhC,EAAGO,SAAQC,SAAQC,QAAOC,QAAOC,WAAUC,WAAWV,KACtD,MAAOW,EAAUC,GAAeC,EAAS,MAEzCC,EAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,EAAMqB,WAAWC,GAE/D,OACEtB,EAACI,cAAAmB,EAAS,CAAAC,SAAU,MAClBxB,EAACI,cAAAV,GACCwB,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,cAAeN,EACf,aAAcC,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeL,IAIrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{lazy as t,useState as r,useImperativeHandle as a,
|
|
1
|
+
import e,{lazy as t,useState as r,useImperativeHandle as a,Suspense as o}from"react";import l from"../hooks/Context.js";import s from"./withPropsMapping/index.js";const i=t((async()=>(await import("@descope/applications-portal-widget"),{default:s(e.forwardRef(((t,r)=>e.createElement("descope-applications-portal-widget",Object.assign({ref:r},t)))))}))),p=e.forwardRef((({logger:t,theme:s,debug:p,widgetId:d,styleId:n},c)=>{const[f,g]=r(null);a(c,(()=>f));const{projectId:m,baseUrl:b,baseStaticUrl:u}=e.useContext(l);return e.createElement(o,{fallback:null},e.createElement(i,{projectId:m,widgetId:d,baseUrl:b,baseStaticUrl:u,innerRef:g,"theme.attr":s,"debug.attr":p,"styleId.attr":n,"logger.prop":t}))}));export{p as default};
|
|
2
2
|
//# sourceMappingURL=ApplicationsPortal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicationsPortal.js","sources":["../../../src/components/ApplicationsPortal.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"ApplicationsPortal.js","sources":["../../../src/components/ApplicationsPortal.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { ApplicationsPortalProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst ApplicationsPortalWC = lazy(async () => {\n await import('@descope/applications-portal-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-applications-portal-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst ApplicationsPortal = React.forwardRef<\n HTMLElement,\n ApplicationsPortalProps\n>(({ logger, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <ApplicationsPortalWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n});\n\nexport default ApplicationsPortal;\n"],"names":["ApplicationsPortalWC","lazy","async","import","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","ApplicationsPortal","logger","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"mKAMA,MAAMA,EAAuBC,GAAKC,gBAC1BC,OAAO,uCAEN,CACLC,QAASC,EACPC,EAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAoCI,cAAA,qCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMpDK,EAAqBP,EAAMC,YAG/B,EAAGO,SAAQC,QAAOC,QAAOC,WAAUC,WAAWT,KAC9C,MAAOU,EAAUC,GAAeC,EAAS,MAEzCC,EAAoBb,GAAK,IAAMU,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBnB,EAAMoB,WAAWC,GAE/D,OACErB,EAACI,cAAAkB,EAAS,CAAAC,SAAU,MAClBvB,EAACI,cAAAV,GACCuB,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,aAAcL,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeJ,IAIrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{lazy as t,useState as a,useImperativeHandle as r,
|
|
1
|
+
import e,{lazy as t,useState as a,useImperativeHandle as r,Suspense as n}from"react";import o from"../hooks/Context.js";import d from"./withPropsMapping/index.js";const s=t((async()=>(await import("@descope/audit-management-widget"),{default:d(e.forwardRef(((t,a)=>e.createElement("descope-audit-management-widget",Object.assign({ref:a},t)))))}))),l=e.forwardRef((({logger:t,tenant:d,theme:l,debug:i,widgetId:c,styleId:m},g)=>{const[p,f]=a(null);r(g,(()=>p));const{projectId:u,baseUrl:b,baseStaticUrl:w}=e.useContext(o);return e.createElement(n,{fallback:null},e.createElement(s,{projectId:u,widgetId:c,baseUrl:b,baseStaticUrl:w,innerRef:f,"tenant.attr":d,"theme.attr":l,"debug.attr":i,"styleId.attr":m,"logger.prop":t}))}));export{l as default};
|
|
2
2
|
//# sourceMappingURL=AuditManagement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuditManagement.js","sources":["../../../src/components/AuditManagement.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"AuditManagement.js","sources":["../../../src/components/AuditManagement.tsx"],"sourcesContent":["import React, { lazy, Suspense, useImperativeHandle, useState } from 'react';\nimport Context from '../hooks/Context';\nimport { AuditManagementProps } from '../types';\nimport withPropsMapping from './withPropsMapping';\n\n// web-component code uses browser API, but can be used in SSR apps, hence the lazy loading\nconst AuditManagementWC = lazy(async () => {\n await import('@descope/audit-management-widget');\n\n return {\n default: withPropsMapping(\n React.forwardRef<HTMLElement>((props, ref) => (\n <descope-audit-management-widget ref={ref} {...props} />\n )),\n ),\n };\n});\n\nconst AuditManagement = React.forwardRef<HTMLElement, AuditManagementProps>(\n ({ logger, tenant, theme, debug, widgetId, styleId }, ref) => {\n const [innerRef, setInnerRef] = useState(null);\n\n useImperativeHandle(ref, () => innerRef);\n\n const { projectId, baseUrl, baseStaticUrl } = React.useContext(Context);\n\n return (\n <Suspense fallback={null}>\n <AuditManagementWC\n projectId={projectId}\n widgetId={widgetId}\n baseUrl={baseUrl}\n baseStaticUrl={baseStaticUrl}\n innerRef={setInnerRef}\n {...{\n // attributes\n 'tenant.attr': tenant,\n 'theme.attr': theme,\n 'debug.attr': debug,\n 'styleId.attr': styleId,\n // props\n 'logger.prop': logger,\n }}\n />\n </Suspense>\n );\n },\n);\n\nexport default AuditManagement;\n"],"names":["AuditManagementWC","lazy","async","import","default","withPropsMapping","React","forwardRef","props","ref","createElement","Object","assign","AuditManagement","logger","tenant","theme","debug","widgetId","styleId","innerRef","setInnerRef","useState","useImperativeHandle","projectId","baseUrl","baseStaticUrl","useContext","Context","Suspense","fallback"],"mappings":"mKAMA,MAAMA,EAAoBC,GAAKC,gBACvBC,OAAO,oCAEN,CACLC,QAASC,EACPC,EAAMC,YAAwB,CAACC,EAAOC,IACpCH,EAAiCI,cAAA,kCAAAC,OAAAC,OAAA,CAAAH,IAAKA,GAASD,WAMjDK,EAAkBP,EAAMC,YAC5B,EAAGO,SAAQC,SAAQC,QAAOC,QAAOC,WAAUC,WAAWV,KACpD,MAAOW,EAAUC,GAAeC,EAAS,MAEzCC,EAAoBd,GAAK,IAAMW,IAE/B,MAAMI,UAAEA,EAASC,QAAEA,EAAOC,cAAEA,GAAkBpB,EAAMqB,WAAWC,GAE/D,OACEtB,EAACI,cAAAmB,EAAS,CAAAC,SAAU,MAClBxB,EAACI,cAAAV,GACCwB,UAAWA,EACXN,SAAUA,EACVO,QAASA,EACTC,cAAeA,EACfN,SAAUC,EAGR,cAAeN,EACf,aAAcC,EACd,aAAcC,EACd,eAAgBE,EAEhB,cAAeL,IAIrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthProvider.js","sources":["../../../../src/components/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Context from '../../hooks/Context';\nimport { IContext, User } from '../../types';\nimport { withValidation } from '../../utils';\nimport useSdk from './useSdk';\n\ninterface IAuthProviderProps {\n projectId: string;\n baseUrl?: string;\n // allows to override the base URL that is used to fetch static files\n baseStaticUrl?: string;\n // If true, tokens will be stored on local storage and can accessed with getToken function\n persistTokens?: boolean;\n // If true, session token (jwt) will be stored on cookie. Otherwise, the session token will be\n // stored on local storage and can accessed with getSessionToken function\n // Use this option if session token will stay small (less than 1k)\n // NOTE: Session token can grow, especially in cases of using authorization, or adding custom claims\n sessionTokenViaCookie?: boolean;\n // If true, last authenticated user will be stored on local storage and can accessed with getUser function\n storeLastAuthenticatedUser?: boolean;\n // If true, last authenticated user will not be removed after logout\n keepLastAuthenticatedUserAfterLogout?: boolean;\n children?:
|
|
1
|
+
{"version":3,"file":"AuthProvider.js","sources":["../../../../src/components/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import React, {\n FC,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Context from '../../hooks/Context';\nimport { IContext, User } from '../../types';\nimport { withValidation } from '../../utils';\nimport useSdk from './useSdk';\n\ninterface IAuthProviderProps {\n projectId: string;\n baseUrl?: string;\n // allows to override the base URL that is used to fetch static files\n baseStaticUrl?: string;\n // If true, tokens will be stored on local storage and can accessed with getToken function\n persistTokens?: boolean;\n // If true, session token (jwt) will be stored on cookie. Otherwise, the session token will be\n // stored on local storage and can accessed with getSessionToken function\n // Use this option if session token will stay small (less than 1k)\n // NOTE: Session token can grow, especially in cases of using authorization, or adding custom claims\n sessionTokenViaCookie?: boolean;\n // If true, last authenticated user will be stored on local storage and can accessed with getUser function\n storeLastAuthenticatedUser?: boolean;\n // If true, last authenticated user will not be removed after logout\n keepLastAuthenticatedUserAfterLogout?: boolean;\n children?: React.ReactNode;\n}\n\nconst AuthProvider: FC<IAuthProviderProps> = ({\n projectId,\n baseUrl = '',\n baseStaticUrl = '',\n sessionTokenViaCookie = false,\n persistTokens = true,\n storeLastAuthenticatedUser = true,\n keepLastAuthenticatedUserAfterLogout = false,\n children = undefined,\n}) => {\n const [user, setUser] = useState<User>();\n const [session, setSession] = useState<string>();\n\n const [isUserLoading, setIsUserLoading] = useState(false);\n const [isSessionLoading, setIsSessionLoading] = useState(false);\n\n const sdk = useSdk({\n projectId,\n baseUrl,\n persistTokens,\n sessionTokenViaCookie,\n storeLastAuthenticatedUser,\n keepLastAuthenticatedUserAfterLogout,\n });\n\n useEffect(() => {\n if (sdk) {\n const unsubscribeSessionToken = sdk.onSessionTokenChange(setSession);\n const unsubscribeUser = sdk.onUserChange(setUser);\n\n return () => {\n unsubscribeSessionToken();\n unsubscribeUser();\n };\n }\n return undefined;\n }, [sdk]);\n\n const isSessionFetched = useRef(false);\n const isUserFetched = useRef(false);\n\n const fetchSession = useCallback(() => {\n // We want that the session will fetched only once\n if (isSessionFetched.current) return;\n isSessionFetched.current = true;\n\n setIsSessionLoading(true);\n withValidation(sdk?.refresh)().then(() => {\n setIsSessionLoading(false);\n });\n }, [sdk]);\n\n const fetchUser = useCallback(() => {\n // We want that the user will fetched only once\n if (isUserFetched.current) return;\n isUserFetched.current = true;\n\n setIsUserLoading(true);\n withValidation(sdk.me)().then(() => {\n setIsUserLoading(false);\n });\n }, [sdk]);\n\n const value = useMemo<IContext>(\n () => ({\n fetchUser,\n user,\n isUserLoading,\n isUserFetched: isUserFetched.current,\n fetchSession,\n session,\n isSessionLoading,\n isSessionFetched: isSessionFetched.current,\n projectId,\n baseUrl,\n baseStaticUrl,\n storeLastAuthenticatedUser,\n keepLastAuthenticatedUserAfterLogout,\n setUser,\n setSession,\n sdk,\n }),\n [\n fetchUser,\n user,\n isUserLoading,\n isUserFetched.current,\n fetchSession,\n session,\n isSessionLoading,\n isSessionFetched.current,\n projectId,\n baseUrl,\n baseStaticUrl,\n setUser,\n setSession,\n sdk,\n ],\n );\n return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport default AuthProvider;\n"],"names":["AuthProvider","projectId","baseUrl","baseStaticUrl","sessionTokenViaCookie","persistTokens","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","children","user","setUser","useState","session","setSession","isUserLoading","setIsUserLoading","isSessionLoading","setIsSessionLoading","sdk","useSdk","useEffect","unsubscribeSessionToken","onSessionTokenChange","unsubscribeUser","onUserChange","isSessionFetched","useRef","isUserFetched","fetchSession","useCallback","current","withValidation","refresh","then","fetchUser","me","value","useMemo","React","createElement","Context","Provider"],"mappings":"8MAgCA,MAAMA,EAAuC,EAC3CC,YACAC,UAAU,GACVC,gBAAgB,GAChBC,yBAAwB,EACxBC,iBAAgB,EAChBC,8BAA6B,EAC7BC,wCAAuC,EACvCC,eAEA,MAAOC,EAAMC,GAAWC,KACjBC,EAASC,GAAcF,KAEvBG,EAAeC,GAAoBJ,GAAS,IAC5CK,EAAkBC,GAAuBN,GAAS,GAEnDO,EAAMC,EAAO,CACjBlB,YACAC,UACAG,gBACAD,wBACAE,6BACAC,yCAGFa,GAAU,KACR,GAAIF,EAAK,CACP,MAAMG,EAA0BH,EAAII,qBAAqBT,GACnDU,EAAkBL,EAAIM,aAAad,GAEzC,MAAO,KACLW,IACAE,GAAiB,CAEpB,CACe,GACf,CAACL,IAEJ,MAAMO,EAAmBC,GAAO,GAC1BC,EAAgBD,GAAO,GAEvBE,EAAeC,GAAY,KAE3BJ,EAAiBK,UACrBL,EAAiBK,SAAU,EAE3Bb,GAAoB,GACpBc,EAAeb,eAAAA,EAAKc,QAApBD,GAA+BE,MAAK,KAClChB,GAAoB,EAAM,IAC1B,GACD,CAACC,IAEEgB,EAAYL,GAAY,KAExBF,EAAcG,UAClBH,EAAcG,SAAU,EAExBf,GAAiB,GACjBgB,EAAeb,EAAIiB,GAAnBJ,GAAyBE,MAAK,KAC5BlB,GAAiB,EAAM,IACvB,GACD,CAACG,IAEEkB,EAAQC,GACZ,KAAO,CACLH,YACAzB,OACAK,gBACAa,cAAeA,EAAcG,QAC7BF,eACAhB,UACAI,mBACAS,iBAAkBA,EAAiBK,QACnC7B,YACAC,UACAC,gBACAG,6BACAC,uCACAG,UACAG,aACAK,SAEF,CACEgB,EACAzB,EACAK,EACAa,EAAcG,QACdF,EACAhB,EACAI,EACAS,EAAiBK,QACjB7B,EACAC,EACAC,EACAO,EACAG,EACAK,IAGJ,OAAOoB,EAAAC,cAACC,EAAQC,SAAQ,CAACL,MAAOA,GAAQ5B,EAA4B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{lazy as t,useState as r,useImperativeHandle as n,useCallback as s,useEffect as o,
|
|
1
|
+
import e,{lazy as t,useState as r,useImperativeHandle as n,useCallback as s,useEffect as o,Suspense as a}from"react";import{baseHeaders as l}from"../constants.js";import u from"../hooks/Context.js";import{getGlobalSdk as c}from"../sdk.js";import d from"./withPropsMapping/index.js";const i=t((async()=>(((null===customElements||void 0===customElements?void 0:customElements.get("descope-wc"))||await import("@descope/web-component").then((e=>e.default))).sdkConfigOverrides={baseHeaders:l,persistTokens:!1,hooks:{get beforeRequest(){return c().httpClient.hooks.beforeRequest},set beforeRequest(e){}}},{default:d(e.forwardRef(((t,r)=>e.createElement("descope-wc",Object.assign({ref:r},t)))))}))),m=e.forwardRef((({flowId:t,onSuccess:l,onError:c,onReady:d,logger:m,tenant:f,theme:p,locale:v,debug:E,client:L,form:g,telemetryKey:h,redirectUrl:b,autoFocus:y,validateOnBlur:k,restartOnError:w,errorTransformer:U,styleId:R},j)=>{const[O,I]=r(null);n(j,(()=>O));const{projectId:A,baseUrl:C,baseStaticUrl:q,storeLastAuthenticatedUser:x,keepLastAuthenticatedUserAfterLogout:S,sdk:T}=e.useContext(u),B=s((async e=>{await T.httpClient.hooks.afterRequest({},new Response(JSON.stringify(e.detail))),l&&l(e)}),[l]);return o((()=>{const e=O;return null==e||e.addEventListener("success",B),c&&(null==e||e.addEventListener("error",c)),d&&(null==e||e.addEventListener("ready",d)),()=>{c&&(null==e||e.removeEventListener("error",c)),d&&(null==e||e.removeEventListener("ready",d)),null==e||e.removeEventListener("success",B)}}),[O,c,B]),o((()=>{const e=O;return null==e||e.addEventListener("success",B),()=>{null==e||e.removeEventListener("success",B)}}),[O,B]),o((()=>{const e=O;return c&&(null==e||e.addEventListener("error",c)),()=>{c&&(null==e||e.removeEventListener("error",c))}}),[O,c]),o((()=>{const e=O;return d&&(null==e||e.addEventListener("ready",d)),()=>{d&&(null==e||e.removeEventListener("error",d))}}),[O,d]),e.createElement("form",null,e.createElement(a,{fallback:null},e.createElement(i,{projectId:A,flowId:t,baseUrl:C,baseStaticUrl:q,ref:I,telemetryKey:h,redirectUrl:b,autoFocus:y,styleId:R,validateOnBlur:k,restartOnError:w,keepLastAuthenticatedUserAfterLogout:S,"tenant.attr":f,"theme.attr":p,"locale.attr":v,"form.attr":g,"client.attr":L,"debug.attr":E,"store-last-authenticated-user.attr":x,"errorTransformer.prop":U,"logger.prop":m})))}));export{m as default};
|
|
2
2
|
//# sourceMappingURL=Descope.js.map
|